- This topic has 43 replies, 5 voices, and was last updated 3 months ago by
David.
-
AuthorPosts
-
August 25, 2020 at 11:51 am #1417912
Sara
Hello,
I am building my website from scratch and I would like to know, how I can make with wpshowposts a hero slider like dispatch site library has, but instead of doing it like dispatch I would like to show like colorlib theme https://wordpress.org/themes/colormag/ so it would be 1 big hero image and then other 4 on same size.
Thanks!
August 25, 2020 at 2:48 pm #1418101Tom
Lead DeveloperLead DeveloperHi there,
Show Posts itself isn’t really built for that kind of layout, but it is possible.
Dispatch is using CSS Grid to build the layout using one single list.
Another option is to:
1. Build two lists
2. The first list should display only 1 post.
3. The second list should be set to display 4 posts, with the offset in More Settings set to 1 so it doesn’t duplicate the first post.
4. Use GenerateBlocks to build a two-column grid, and place each list in each column.Let me know if you need more info π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 26, 2020 at 8:01 am #1419131Sara
Hello Tom,
I am trying building list but does not seem to be working, can you please tell how to make same slider as dispatch from scratch?
Thanks,
Sara
August 26, 2020 at 8:48 am #1419199Leo
StaffCustomer SupportWhat isn’t working for you?
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 26, 2020 at 8:58 am #1419213Sara
Hello Leo,
Thanks for the fast reply, sure just added website to support ticket.
What I would like to place is slider from dispatch on website.
Can you tell me how to do this?
Thanks!
August 26, 2020 at 9:22 am #1419245Leo
StaffCustomer SupportThere is no slider in the default Dispatch.
https://gpsites.co/dispatch/Which section are you referring to?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 26, 2020 at 9:43 am #1419285Sara
I know is not an official slider but, hero image looks like a slider, I want to place same hero image on my website showing latest 4 posts of all categories like happens on dispatch.
How I can do this Leo?
Thanks!
Sara
August 26, 2020 at 9:56 am #1419316Leo
StaffCustomer SupportTom provided pretty instruction here:
https://generatepress.com/forums/topic/how-can-i-make-from-scratch-slider-image-from-dispatch/#post-1418101Which part are you stuck on?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 26, 2020 at 10:09 am #1419335Sara
Yes but, that is for slider from colormag not from dispatch one, how can I build dispatch one?
August 26, 2020 at 11:06 am #1419422David
StaffCustomer SupportHi there,
its not easy – as the Dispatch site imports a Hook Element for outputting the post list, and some CSS to style it.
I provide the instructions in this topic:
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 26, 2020 at 11:33 am #1419450Sara
Hello David,
I followed your steps but it seems the style classes “wpsp-grid wpsp-card” to place in the “Element Classes field” not seem to be working. Since its showing posts as normal listing.
I have place it like this on the Element Classes Field => wpsp-grid wpsp-card
Do I need to add any special character like # or .? Do I need to separate it with semicolon?
Please let me know since style is not working, thanks!
August 26, 2020 at 3:50 pm #1419678David
StaffCustomer SupportActually its a lot more complicated.
First off add this PHP snippet to your site:
add_action( 'wpsp_before_header' , function() { ?> <div class="wpsp-content-wrap"> <!-- Openeing wrapper --> <?php }, 15 ); add_action( 'wpsp_after_content' , function() { ?> <!-- Close WPSP Wrapper --> </div> <?php }, 15);
Once thats in place ill send you a new link for the CSS thats required.
The header element classes you have added are correct.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 27, 2020 at 3:33 am #1420106Sara
Hello David,
I installed plugin “Insert PHP Code Snippet” to add php code you mention is been created and is giving me a shortcode, where do I place it?
And what would be next step? Thanks!
August 27, 2020 at 4:30 am #1420162David
StaffCustomer SupportNo – that code should not be creating a Shortcode.
Remove that plugin and use this:
https://en-gb.wordpress.org/plugins/code-snippets/
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 27, 2020 at 7:12 am #1420390Sara
Hello David,
I installed plugin you recommend and added code snipped with your code and I placed to execute only in homepage is that last step, corrected?
If so, what would be next step?
Thanks!
-
AuthorPosts
- You must be logged in to reply to this topic.