Go To ↓ Navigation & Information Other Information

Using the List Posts Shortcode

Another useful shortcode is used to list posts on any page or post. This can make a list of news stories or articles appear in any place on your WordPress website.

[list-posts posts_per_page=2]

This simplest usage above will display a list of the two most resent posts published for your website with the date.

  • January 17, 2013 at 2:48 pm
    On January 14th, 2013 we had a casual meeting with many of our department website editors, the university Website Manager, and staff from the Office of University Relations. The two main topics discussed were about the recent Nicholls Website redesign and changes introduced during the recent WordPress 3.5 upgrade. To give more information for meeting attendees and editors that were unable to attend two articles have been written about our meeting topics. Be sure to check out the Website Editor Checklist & Notes for useful information about maintaining content on the Nicholls websites. If you have additional questions you should contact the Website Manager, or leave a public comment below.
  • January 17, 2013 at 2:27 pm
    The Nicholls website has been redesigned with a new look based on several months of work and discussion. Although these changes are numerous and affect the website in dramatic ways, the fundamental content of most Nicholls websites should display as before with a new altered look. There are only a few areas that department website editors should be aware of.
    1. New header images - Department websites now have the option of selecting from several photos that can be used for the large header image displayed at the top of all pages on a departmental website. Additionally, a custom header can be created that can be used. Custom header images should be approved by the Website Manager or University Relations staff. If you have ideas for a custom header, be sure to contact the Website Manager or the Office of University Relations.
    2. Responsive Design or Mobile & Tablet Display issues - The new Nicholls website is designed to be easier to read on smartphones and tablet computers. You may observe issues viewing some pages on certain platforms or devices. Be sure to report these issues to the Website Manager. Some websites with two columns may need to be modified to make the sites work more appropriately with other devices.
    3. Menus & Landing Pages - With the reintroduction of menus for navigation on each page, it should be noted that the menus and landing pages are edited to create as much usability as possible. Requests for additional links on menus and landing pages should be well thought out; Does a new link under "menu area" serve that audience well. Should my link be on the landing page for "area" or is my link a high priority link that should be visible under a "menu area". If you find high priority areas that should listed under a menu, or if you are unsure, please contact the Website Manager.
    4. When will all sites be updated to the new look? - Updating the look of all Nicholls web pages is time consuming. Some areas of the Nicholls website are easy to update. Most of the Nicholls website should be updated by late January 2013, but there are areas of the Nicholls website that may not be updated. If you have questions about the update for any area, please contact the Website Manager.
    The important thing to remember is that you should continue to edit and update the content available on Nicholls websites as accurately as possible. The appearance of the Nicholls website has changed, but the tools and procedures for editing content has remained the same. There were some questions about the design process and schedule. In summary the project to redesign the Nicholls website has been slowly started for a couple years. The project was officially started in January 2012. The process was reviewed by University Relations staff with feedback from several on-campus areas including students, faculty, and staff. Additional feedback was provided from some off-campus resources. Presentations of the project were shown to Nicholls Executive Council and President's Cabinet. If you are interested in information related to the redesign project, you may contact the Office of University Relations or the Website Manager. The Website Manager has documentation and resources saved about some of the design and technical decisions made in the design process. If you find issues or have any questions about the changes made to the Nicholls website, you are more than welcome to contact the Website Manager.
[list-posts posts_per_page=2 qs_content=100 qs_thumbnail='100x50' qs_container_class='list-posts-nicholls-news' qs_template='%title% { %content% %thumbnail% }']

This example has various advanced options to do thumbnails and format the output.

  • On January 14th, 2013 we had a casual meeting with many of our department website editors, the university Website Manager, and staff from the Office of University Relations. The two main topics discussed were about the recent Nicholls Website redesign and changes introduced during the recent WordPress 3.5 upgrade. To give more information for meeting attendees and editors that were unable to attend two articles have been written about our meeting topics. WordPress 3.5 Media Management 2012 Nicholls Website Redesign New Theme Information Be sure to check out the Website Editor Checklist & Notes for useful information about maintaining content…...
  • The Nicholls website has been redesigned with a new look based on several months of work and discussion. Although these changes are numerous and affect the website in dramatic ways, the fundamental content of most Nicholls websites should display as before with a new altered look. There are only a few areas that department website editors should be aware of. New header images - Department websites now have the option of selecting from several photos that can be used for the large header image displayed at the top of all pages on a departmental website. Additionally, a custom header can…...
[list-posts qs_title_tag='h4' posts_per_page=10 qs_content=240 qs_thumbnail='100' qs_container_class='list-posts-nicholls-news']

The list posts shortcode only has a couple of attributes to manipulate the display of the posts.

  • qs_title_tag – The tag used around the title of each post (default is DIV).
  • qs_more – Can be used so the more separator can be used to create a a lead in (experimental).
  • qs_content -Used to set the number of characters to display below the date.
  • qs_thumbnail -Used to set whether to use the featured image of the post as the thumbnail (default is 0). Thumbnail size can be indicated using number height and width like 120 or 100×150 or using a predefined thumbnail size name like medium.
  • qs_container_style – Can be used to override the styles using a style attribute on the container.
  • qs_container_class – Can be used to set an HTML CSS class on the container.
  • qs_template – Can be used to set the layout and ordering for the elements in each post item. { = <div>, } = </div> and use terms %title%, %date%, %thumbnail%, %content%. Default is “%title% %date% %thumbnail% %content%”
  • posts_per_page – Sets the number of posts to display (default is -1 all posts).
  • tag – Can be set to display posts having specified tags. Multiple tags can be separated by commas.
  • cat -Can be set to display posts in specified categories. Multiple categories can be separated by commas.
  • category_name – Can display posts specified by one category name.
Go To ↑ Top