(TEST without media video embed) FAQ Style 3 (Template 1)

This page displays FAQs for Style 3 and features several examples of how it can be further customised via the powerful built-in settings.




















Example 19

Layout your FAQs in columns too. Try resizing your browser window to see responsive behavior.

This page displays FAQs for Style 3 and features several examples of how it can be further customised via the powerful built-in settings.




















Example 19

Layout your FAQs in columns too. Try resizing your browser window to see responsive behavior.

This page displays FAQs for Style 3 and features several examples of how it can be further customised via the powerful built-in settings.




















Example 19

Layout your FAQs in columns too. Try resizing your browser window to see responsive behavior.

FAQ Style 3 (Template 1)

This page displays FAQs for Style 3 and features several examples of how it can be further customised via the powerful built-in settings.



















Example 19

Layout your FAQs in columns too. Try resizing your browser window to see responsive behavior.

FAQ Style 2 (Template 1)

This page displays FAQs for Style 2 and features several examples of how it can be further customised.















Example 14

Layout your FAQs in columns too. Try resizing your browser window to see responsive behavior.

FAQ Style 1 (Template 1)

This page displays FAQs for Style 1 and features several examples of how it can be further customised.








Example 8

Layout your FAQs in columns too. Try resizing your browser window to see responsive behavior.


Flexible FAQs Demo

This is the main demo page for the Flexible FAQs WordPress plugin. Click on the gallery images below for multiple examples of a particular style of FAQ.

If you have any comments or questions we’d love to hear them so please contact us here! 🙂

Format Individual Sitemap Items

Format Individual Sitemap Items

This is one of many demos of our Simple Sitemap Pro WordPress plugin. Click here to see more examples.
Using the simple_sitemap_pro_title_text filter you can format individual sitemap items with ease! The filter works by passing the title text and post ID for each sitemap item to the controlling callback function.

Below we have four examples of using this filter.

As you can see the first sitemap item has been appended with the post ID in brackets, and the second one has had bold and italic styles applied and no underline. Two more sitemap items have had an icon added to the beginning and end of the text respectively.

You can use this filter to transform sitemap items exactly how you want. For instance you could also reduce the length of page titles if they were too long.

You have complete control over how each item is formatted.


Nav Menu Sitemap

Nav Menu Sitemap

This is one of many demos of our Simple Sitemap Pro WordPress plugin. Click here to see more examples.
This is a sitemap based on a custom nav menu.

Example:
[simple-sitemap-menu menu="Main Menu"]


Tabular Demo

Description Color Size Units Sold Price
Product #1 Red Small 23 $23.50
Product #2 Green Medium 45 $34.75
Product #3 Orange Large 34 $39.88
Product #4 Blue XL 34 $45.88
Product #5 Violet XXL 34 $55.88

Generated Table HTML

As you can see from the code below, Tabular generates semantic HTML automatically. No manual coding is necessary!

<table class="tabular zebra-3-template">
  <thead>
    <tr>
      <th>Description</th>
      <th>Color</th>
      <th>Size</th>
      <th>Units Sold</th>
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Product #1</td>
      <td>Red</td>
      <td>Small</td>
      <td>23</td>
      <td>$23.50</td>
    </tr>
    <tr>
      <td>Product #2</td>
      <td>Green</td>
      <td>Medium</td>
      <td>45</td>
      <td>$34.75</td>
    </tr>
    <tr>
      <td>Product #3</td>
      <td>Orange</td>
      <td>Large</td>
      <td>34</td>
      <td>$39.88</td>
    </tr>
    <tr>
      <td>Product #4</td>
      <td>Blue</td>
      <td>XL</td>
      <td>34</td>
      <td>$45.88</td>
    </tr>
    <tr>
      <td>Product #5</td>
      <td>Violet</td>
      <td>XXL</td>
      <td>34</td>
      <td>$55.88</td>
    </tr>
  </tbody>
</table>

SVG Flags Demo

Demo page for the SVG Flags WordPress plugin.

Aspect Ratio


All flags are SVG files, and each one is available in 4:3 or 1:1 (i.e. square) aspect ratios.

  (4:3)

  (1:1)

Headings


h1 (4:3) (1:1)

h2 (4:3) (1:1)

h3 (4:3) (1:1)

h4 (4:3) (1:1)

h5 (4:3) (1:1)

Span Elements


This is just some text inside a span tag with the flag to the left.

Here is another span with the flag to the right and sized to be slightly smaller.

Paragraphs


It’s easy to add flags to <p> tags too!

Change the dimensions of the flag to better fit in with the paragraph text.

We can also use vertical alignment inside block level elements. This paragraph is middle aligned.

Div Elements


Div tags are no problem either.
Vertical alignment works just the same too making formatting flags alongside text very easy.

Tables


Adding flags to a table is very simple. Just add HTML markup for an individual flag to each table cell.

Sizing


(20×15)

(40×30)

(60×45)

(80×60)

(100×75)

(160×120)

(320×240)

Because the flags are SVG images then they look great at any size. Go as big as you like! Just make sure to keep the width/height equal for 1×1 SVG flags, and at a 4×3 aspect ratio for the 4×3 SVG flags. e.g. 20×15, 40×30, 60×45, 80×60 are all valid sizes for any 4×3 flag to display at the best possible size.

Example Usage


This is a heading

Code:  

(4:3)

Code:  

(1:1)

Code:  

(160×120)

Code:  

List Categories (Taxonomy Terms)

List Categories (taxonomy terms)

This is one of many demos of our Simple Sitemap Pro WordPress plugin. Click here to see more examples.
Use this shortcode to display a hierarchical list of post taxonomy terms (e.g. categories). There are flexible shortcode attributes to customise output such as:

  • Comma separated list of taxonomy term IDs to include in the sitemap.
  • Comma separated list of taxonomy term IDs to exclude from the sitemap.
  • Show post count next to each taxonomy term.
  • Order taxonomy terms however you want (e.g. by name, ID, date etc.)
  • Optionally hide taxonomy terms with no associated posts.
  • Control hierarchy depth of terms listed.
  • Only show child terms of a specific parent term.
  • Examples:
    [simple-sitemap-tax]
    [simple-sitemap-tax taxonomy="wpgo_portfolio_group" show_count="1"]

Portfolio Groups