How to do masonry layout in Single Post?

Alan Wong
asked 9 years ago

Hello,

I just brought DW wall and want to do a Masonry layout on a single post. For example, the Post content will be shown on top, and then, all related posts will be shown in a masonry format under it.
Can you tell me how to do it? What do I have to change in single.php?

thanks,
Alan

4 Answers

DominicStaff
answered 9 years ago

At the moment, our theme does not support this issue. However, you can use a plugin to add the Related post section in the single post. Please find the plugin here: https://wordpress.org/plugins/contextual-related-posts/screenshots/
Hope this helps !

Alan Wong
replied 9 years ago

Hello, Dominic,Thanks for the fast reply. I can query the related posts myself. I know how to write the query, so no plugin needed. I just need help on how to display it in the masonry layout. I actually try to copy index.php to single.php, but it does not work. It does not show the masonry layout.Is there a “grid” css class that I need to use?After looking through the code, I know the basic structure is ????????? What should be here? Can you tell me what to do next?

Alan Wong
replied 9 years ago

The basic HTML structure is: ???? What should be here?

Alan Wong
answered 9 years ago

Wow, it doesn’t let me post html??
<div id=”container” class=”clearfix”>
<div id=”content” class=”masonry”>
????
</div></div>

Alan Wong
answered 9 years ago

I know the basic HTML structure is:
<div id=”container” class=”clearfix”>
<div id=”content” class=”masonry”>
???? What should be here?
</div></div>

DominicStaff
answered 9 years ago

Hi,
<div id=”container” class=”clearfix”>
<div id=”content” class=”masonry”>
???? What should be here?
</div></div>
This should be those items that you query out,
It’s gonna be like this :
<div class=”item ( your class you use in css to modify your posts )”>( Each of your posts )</div>