- This topic has 1 reply, 2 voices, and was last updated 5 years, 9 months ago by
Tom.
-
AuthorPosts
-
May 17, 2015 at 8:17 am #108504
anamoore
Hi!
I used to have a page called Quotes where you could find images(quotes), organised in a Jetpack Gallery.
Now I have something in my mind, I want to change the way that quotes are organized on the Blog.
I want a menu item called Quotes (Don’t know if a category). If you click on it there should be: A small masonry (I have medium masonry activated on entire site, so I need an “if” code, probably) with all images.-Each image should actually be a post (I don’t know what post format to use, showing, in order, from top to the bottom of excerpt: NO TITLE, Photo, Text, Tags).
-Excerpt must NOT be clickable, but there should be Social Share Buttons and download options ON every image, when hover.
-When one image is clicked, a lightbox should pop-up, again, with social buttons and download option on it.
-On category masonry, on right-top corner, should be a widget (integrated in masonry, with no sidebar ugly space under it) with all the tags used for those quote images, organised in a tag cloud (topics for quotes). But only the tags used for images in THIS category, because if a identical tag is used for other article on other category on blog, that should be ignored.Do you have any idea how to make this happen? At least, a start point? :))
It’s important to use GeneratePress’s masonry, and every image to count as a unique ‘post’ not a gallery.
May 18, 2015 at 9:05 am #108674Tom
Lead DeveloperLead DeveloperHi Roxana,
This would take a great deal of custom coding I’m afraid – much more than I can offer here.
You can enable masonry on a specific category with code like this:
add_filter('generate_blog_masonry','generate_blog_enable_category_masonry'); function generate_blog_enable_category_masonry() { // If we're on a category, enable masonry if ( is_category('quotes') ) return 'true'; // Otherwise, disable it return 'false'; }
Then you can hide the title and read more link:
.category-quotes .masonry-post .entry-header, .category-quotes .masonry-post .read-more { display: none; }
The rest would definitely need custom coding I’m afraid.
Hopefully the above is a good start 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.