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
-
"No Meta Description Tag"
Google is not showing Meta Description for the Keyword Rankings of my website in the SERPs. All of my Keywords Ranking are coming with just two fields. Which are just 1. Title Tag & 2. Page URL. The description tag is missing in it. Here is a proof Kindly advice please.
Technical SEO | | seobac1 -
Where did the "Location" go, on Google SERP?
In order to emulate different locations, I've always done a Google query, then used the "Location" button under "Search Tools" at the top of the SERP to define my preferred location. It seems to have disappeared in the past few days? Anyone know where it went, or if it's gone forever? Thanks!
Technical SEO | | measurableROI0 -
Is <title>different from <h1> and "meta tag title"?</title>
hi guys, new to MOZ and SEO. Basic question here. is <title>different from <h1> and "meta tag title"?</p> <p>I have lots of "title missing or blank" errors as reported by a recent Moz crawl. What do i need to add into the pages to clear these? an <h1>? an <title>? or <meta tag title>? </p> <p>Im running a volusion site, and from what ive read (negative & positive) Volusion can be a pain to optimize my SEO as i dont have full access to all my pages.?</p></title>
Technical SEO | | Jerrion0 -
What is the recommended or "best practice" Permalink Structure?
I have always been under the impression that by connecting pages to their parent pages as described in a.) below is best practice and makes sense to me. a.) yoursite.com/category/sub-category/product/ b.) yoursite.com/product But then i also understand the importance in terms of link juice being spread out across so many sub pages, and by using Example b.) you keep the link juice in tact. Your thoughts on this? Greg
Technical SEO | | AndreVanKets0 -
My beta site (beta.website.com) has been inadvertently indexed. Its cached pages are taking traffic away from our real website (website.com). Should I just "NO INDEX" the entire beta site and if so, what's the best way to do this? Please advise.
My beta site (beta.website.com) has been inadvertently indexed. Its cached pages are taking traffic away from our real website (website.com). Should I just "NO INDEX" the entire beta site and if so, what's the best way to do this? Are there any other precautions I should be taking? Please advise.
Technical SEO | | BVREID0 -
404 crawl errors from "tel:" link?
I am seeing thousands of 404 errors. Each of the urls is like this: abc.com/abc123/tel:1231231234 Everything is normal about that url except the "/tel:1231231234" these urls are bad with the tel: extension, they are good without it. The only place I can find this character string is on each page we have this code which is used for Iphones and such. What are we doing wrong? Code: Phone: <a href="[tel:1231231234](tel:7858411943)"> (123) 123-1234a>
Technical SEO | | EugeneF0 -
On page audit throws a rel="canonical" curve ball :-(
Good Morning from -3 Degrees C, still no paths gritted wetherby UK 😞 Following an on page audit one recommendation instructs me to ad:
Technical SEO | | Nightwing
http://www.barrettsteel.com/" /> on the home page of barrett steel. I'm confused, i thought i only had to add this to duplications
the home page which to my knowledge dont exist. So my question is please: "Why shoul i ad this snippet of code on the home page of http://www.barrettsteel.com http://www.barrettsteel.com/" /> Any insights welcome 🙂0 -
Sitefinity vs Wordpress
We're looking for a new CMS and out development company suggested Sitefinity. I've had great success with Wordpress. Is either system better. I love worpdress but have had no experience with Sitefinity. Thanks!
Technical SEO | | StandUpCubicles0