Exploring Memberlite Features: The Tabs Shortcode

Here’s a tutorial on the [memberlite_tabs] and [memberlite_tab] shortcodes. These shortcodes add a tabbed content area when using the Memberlite theme.


Shortcode Code Example

[memberlite_tabs items="Item 1,Item 2,Item 3"]
[memberlite_tab class="text-center" item="Item 1"]This is the Item 1 tab content.[/memberlite_tab]
[memberlite_tab item="Item 2"]This is the Item 2 tab content.[/memberlite_tab]
[memberlite_tab class="text-2x" item="Item 3"]This is the Item 3 tab content.[/memberlite_tab]
[/memberlite_tabs]

[memberlite_tabs] Shortcode Attributes

  • items: A comma-separated list of tab names to display. (required; first in list is active)
  • class: An optional class/style to associate with the area. (optional)

[memberlite_tab] Shortcode Attributes

  • item: The name of the tab that this content is associated with. (required; must exactly match a tab listed in wrapper “items” attribute)
  • class: An optional class/style to associate with the area. (optional)

See it in action.

This is the Item 1 tab content.
This is the Item 2 tab content.
This is the Item 3 tab content.

Exploring Memberlite Features: The [memberlite_subpagelist] Shortcode

Before starting PMPro, Jason and I did a lot of custom website development. In our consulting work, we regularly used a shortcode I wrote to pull in titles and excerpts of a page’s children, with lots of attributes and display options to control the output. We call this shortcode [memberlite_subpagelist] and have included it in the Memberlite theme.


How it Works

The basic idea of the shortcode is to shows a list of a given page’s subpages in the order you define. It allows you to easily create a “digest” page of content, that is dynamically drawn based on the hierarchy of pages defined. If a URL changes, you update a page title, or change the body content of a page, there’s no need to go back and update your digest page: the shortcode handles this all for you.

We use this shortcode on almost every top level menu page here at Memberlite. The documentation page shows the 3 column DIV layout and the Memberlite Theme demo’s color schemes page shows a three column grid with thumbnail only.


Screenshots


Attributes include:

The shortcode includes attributes for customizing the display, selecting or excluding pages, defining the page list sort order and “orderby” element.

You can also set the output to include or hide the page’s feature image, and define the size of the image from the default image sizes of WordPress (“thumbnail”, “medium”, “large” and “full”).

Read Shortcode Documentation Download Memberlite

Memberlite Update v2.0.3 and 2.0.3.1

Version 2.0.3 of Memberlite theme is out with enhancements to the [memberlite_subpagelist] shortcode, additional color settings in Customize screen for primary navigation, a new theme customizer option to load a “dark” stylesheet (for dark/inverted backgrounds), improved formatting for comments and a tabbed display for separating comments, pingbacks and trackbacks (see demo on this post).


This version also includes a XSS security patch and a couple of bug fixes related to theme customizations, shortcodes, and proper use of Paid Memberships Pro pricing filters on the membership levels page.

If you are running an edited version of Memberlite or Memberlite with a child theme, please update the theme from the updates page of your WordPress dashboard. You can also get the latest version of Memberlite here.

The XSS vulnerability was do to echoing an improperly escaped version of the search query string in the header/h1 area of the page. If you need to manually patch this, you can edit inc/extras.php and change the following section around line 305.

The full list of updates is below.

Memberlite v2.0.3.1

  • ENHANCEMENT: Support added for dark background via customizer setting and additional dark.css
  • BUG: Fixing issue with shortcode thumbnail size setting
  • BUG: Header text color fix in customizer

Memberlite v2.0.3

  • SECURITY: Fixed XSS issue with the h1 display of search queries.
  • BUG: Removed pmpro_content_filter from banner description so it is not duplicated in post content.
  • BUG: Fixing issue where archvies and index weren’t showing full the_content when set in customizer.
  • ENHANCEMENT: Updating Title of Contents and general stylesheet formatting improvements.
  • ENHANCEMENT: Added post_parent and thumbnail_size attributes to shortcode.
  • ENHANCEMENT: Improved memberlite_getLevelCost function to respect price formatting filters in Paid Memberships Pro.
  • ENHANCEMENT: Added masthead banner background image support to front-page template.
  • ENHANCEMENT: Added customizer settings for primary navigation bar background color and link color.
  • ENHANCEMENT: Added ‘scheme_SCHEMENAME’ to body classes array when an included color scheme is selected in customizer.’
  • ENHANCEMENT: Improved formatting for comments, nested comments, pingbacks and trackbacks