adding elements to masonry blog layout.

[parousia]

Hi!

Is it possible to add div elements at say 66.6% or 100% width to the blog page and have the posts display around them?

I’d like to e able to display featured items from other post types at specific points on the page, while the blog posts flow around the elements.

Any help greatly appreciated

[Laura]

Hello, you could create a page with visual composer, adding elements like kleo posts and create the structure you want 🙂 This would be the blog page instead of selecting it in Settings > Reading, leave it blank so its not auto populated with your latests post, just the elements you created

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[parousia]

Hi,

Just to follow up on this post. I couldn’t quite get it to work as I wanted too. Due to the way VC works Its impossible to have the masonry layout flow around elements in another column also you cant continue the posts loop in another element after you’ve broken it up in a row. It might be possible if you could query posts to display within specific dates but I couldn’t find this option.

So I decided to add featured sections directly inside the posts loop in index.php using the code below :

COPY CODE

	// Start the Loop.
	while ( have_posts() ) : the_post();
         $count++;
        if ($count == 2) { 
        
		if ( $blog_type != 'standard' ) :
        get_template_part( 'page-parts/post-content-' . $blog_type );
		else:  
            get_template_part( 'content', get_post_format() );
		endif;
            
            ?>
            <div class="blog-sticky-post-wrapper">
                <div class="blog-sticky-post">
                    <h3>Latest <span class="title-key-color">Photographs</span></h3>
                    <?php echo do_shortcode("[rtmedia_gallery global=\"true\" per_page=\"8\" media_title=\"false\"]"); ?>
                    <div class="homepage-btn">
                        <a href="http://www.cultexposure.com/photographs/"><span></span>More photographs</a>                        
                    </div>
                </div>
            </div>
            
            <?php
                          

                         } else {
		/*
		 * Include the post format-specific template for the content. If you want to
		 * use this in a child theme, then include a file called called content-___.php
		 * (where ___ is the post format) and that will be used instead.
		 */
		?>
		<?php 
		if ( $blog_type != 'standard' ) :
            get_template_part( 'page-parts/post-content-' . $blog_type );
		else:  
            get_template_part( 'content', get_post_format() );
		endif;
        }
        wp_reset_postdata(); 
	endwhile;

[Laura]

Hello, i see, is it working good now? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts