How can I Style Long "List Posts" in Wordpress?
-
Hi All,
I have been working on a list-post which spans over 100 items. Each item on the list has a quick blurb to explain it, an image and a few resource links.
I am trying to find an attractive way to present this long list post in Wordpress.
I have seen several sites with long list posts however; they place their items one on top of the other which yields a VERY long page and the end user has to do a lot of scrolling. Others turn their lists into slideshows, but I have no data on how slides perform against 10-mile-long-lists which load in 1 page.
I would like to do something similar to what List25.com does as they present about 5-10 items per page and they seem to have pagination.
The pagination part I understand however; is there a shortcode plugin to format lists in an attractive way just like list25?
-
Cool, you bet - thanks for following up and letting us know it worked out
-
Thank you Dan! I tried both and shortcodes-ultimate has heading styles that come very close to what I am trying to accomplish.
Shortcodes-ultimate coupled with some css styling for my tag helped me accomplish my goal. I just created a dummy-post in list format and the content looks great!
Thanks Again!
-
I am not aware of a plugin that does this thing exactly. You may want to look into general shortcode plugins that have a whole variety of shortcodes and maybe within them you will find something that does what you are looking for - I wouls start with these;
http://codecanyon.net/item/intense-shortcodes-wordpress-plugin/5600492
-
Hi, Ivan,
I believe there's no built-in shortcodes to display posts like list25.com, unless they're hosted in wordpress.com (http://en.support.wordpress.com/display-posts-shortcode/), or use plugin like "Display Posts Shortcode": http://wordpress.org/plugins/display-posts-shortcode/.
And no matter what a shortcode can do, you still need to customize the CSS to make it go with your theme.
Good luck!
-
Thank you for the input Yoren.c
I suspected list25.com was using something custom in their loop; however, is that some sort of shortcode?
If possible I'd like to find something I could use to style my lists in an attractive way (like a shortcode) without having to play too much with loop/css customization, although I am willing to go that extra mile if that's what it takes.
-
Hi, Ivan,
Based on my knowledge about WordPress, I think List25.com just use standard loop for the posts, and style the first one different from others.
As to the post lists on left or right sidebar, you could use plugin like "WordPress Popular Posts": http://wordpress.org/plugins/wordpress-popular-posts/ or "Ultimate Posts Widget": http://wordpress.org/plugins/ultimate-posts-widget/ to accomplish.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Where can I ... ?
[Spammy content removed by moderator.] Abdullah-Al-Asif-1.jpg?fit=177%2C177&ssl=1 tEjk20Fs_400x400.jpg
Technical SEO | | Abdullah-Al-Asif0 -
Why add .html to WordPress pages?
A site I may take over has a plugin that adds .html to the pages. I searched online but I’ve only found how to add it rather than why to add it. Is it needed? If I remove it, I’ll have to be careful with SEO / indexed pages and redirects. The site is running 3.x.x and 90% of the plugins have not been updated in over 5 years including this one. Before I update to 4.7.x, I am trying to understand the landscape (pros / cons) on why something could be used and if I need to find a suitable replacement for it.
Technical SEO | | acktivate2 -
Please let me know if I am in a right direction with fixing rel="canonical" issue?
While doing my website crawl, I keep getting the message that I have tons of duplicated pages.
Technical SEO | | kirupa
http://example.com/index.php and http://www.example.com/index.php are considered to be the duplicates. As I figured out this one: http://example.com/index.php is a canonical page, and I should point out this one: http://www.example.com/index.php to it. Could you please let me know if I will do a right thing if I put this piece of code into my index.php file?
? Or I should use this one:0 -
We have 302 redirect links on our forum that point to individual posts. Should we add a rel="nofollow" to these links?
Moz is showing us that we have a HUGE amount of 302 redirects. These are coming from our community forum. Forum URL: https://www.foodbloggerpro.com/community/ Example thread URL: https://www.foodbloggerpro.com/community/viewthread/322/ Example URL that points to a specific reply: https://www.foodbloggerpro.com/community/viewreply/1582/ The above link 302 redirects to this URL: https://www.foodbloggerpro.com/community/viewthread/322/#1582 My two questions would be: Do you think we should we add rel=nofollow to the specific reply URLs? If possible, should we make those redirects 301 vs. 302? Screencast attached. nofollow_302.mp4
Technical SEO | | Bjork1 -
If I want clean up my URLs and take the "www.site.com/page.html" and make it "www.site.com/page" do I need a redirect?
If I want clean up my URLs and take the "www.site.com/page.html" and make it "www.site.com/page" do I need a redirect? If this scenario requires a 301 redirect no matter what, I might as well update the URL to be a little more keyword rich for the page while I'm at it. However, since these pages are ranking well I'd rather not lose any authority in the process and keep the URL just stripped of the ".html" (if that's possible). Thanks for you help! [edited for formatting]
Technical SEO | | Booj0 -
Is "commented out" text still read by the SEs?
A site I reviewed was showing up in Google rankings for key phrases specific to a city, however the page that was showing up had the 'city' key phrases commented out. Does Google still read and utilized commented out text? Or is it more likely that the page in question got indexed before the key phrases were commented out and it's just still appearing for the related search queries?
Technical SEO | | MLTGroup1 -
Penalization for Duplicate URLs with %29 or "/"
Hi there - Some of our dynamically generated product URLs somehow are showing up in SEOmoz as two different URLs even though they are the same page- one with a %28 and one with a 🙂 e.g., http://www.company.com/ProductX-(-etc/ http://www.company.com/ProductX-(-etc/ Also, some of the URLs are duplicated with a "/" at the end of them. Does Google penalize us for these duplicate URLs? Should we add canonical tags to all of them? Finally, our development team is claiming that they are not generating these pages, and that they are being generated from facebook/pinterest/etc. which doesn't make a whole lot of sense to me. Is that right? Thanks!
Technical SEO | | sfecommerce0 -
Different levels of PA without "www"?
Hello Guy´s! The last days I have been surprised to see that the levels of PA, mR, and mT vary when it is or not the "www" in the URL: 1. http://patagonline.com/viajes-argentina 2. http://www.patagonline.com/viajes-argentina Both URL's correspond to the keyword "viajes Argentina" our incoming links... In this case, it´s convenient to do a 301redirect from URL 1 to 2? Thanks a lot for your help!!
Technical SEO | | maty0