#35598
 sharmstr
Moderator

The following is not supported by 7th Queen. This is how I have done it and it works on my site. If you want to customize it to suit your site, you will have to do that on your own. I wont be providing any support for this.

By default, posts will display in a masonry grid as set in Theme Options – blog. In my functions.php file, I’m adding icons to switch the view. Options are Grid, Simple and List. Grid = Masonry, Simple = posts in a list with meta and images, List = Titles (with links) only. Clicking on any of the icons will set a cookie so the users choice is remembered, then reloads the page. I thought about adding ajax support instead of reloading the page, but its a one time deal so not worth the coding effort. If list or simple are selected, a customized copy of content-image.php is loaded. Here’s all the parts

1 – Copy the jQuery code in the “Add this to javaScript code” file attached to the JavsScript box in Theme Options – General Settings.

2 – Copy the code in the “Add this to functions” file attached to your child theme functions.php file.

3 – Copy post-content-simple.txt to /kleo-child/page-parts/post-content-simple.php. Remember to change the extention from .txt to .php.

4 – Copy index.txt to /kleo-child/index.php and /kleo-child/archive.php. Remember to change the extention from .txt to .php.

5 – Copy archive.txt to /kleo-child/archive.php. Remember to change the extention from .txt to .php.

6 – Copy the css in “Add this to child css.txt” to your child theme style.css file.

Note: The list view is not formatted because I’m not going to use it on my site. You can add any format or additional information you want. Its located on line 19 of post-content-simple.php.

To control the length of the excerpt, you can change the value of kleo_excerpt in post-content-simple.php (line 55)

To control what meta information is display https://archived.seventhqueen.com/forums/topic/remove-tags-from-post-in-masonry-grid-view or do a search for kleo_entry_meta

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Log in with your credentials

Forgot your details?