WordPress.org

Ready to get started?Download WordPress

Plugin Directory

DOP Shortcodes

This is a collections of shortcodes we use in our themes.

View demo here.

This is a collections of shortcodes we use in our themes. We always accept feedback and constructive criticism so if you have something to say please use the support forum.

Shortcodes List

  • Accordions
  • Containers
  • Grids
  • Images
  • Lists
  • Progress Bars
  • Separators
  • Social Icons
  • Tabs
  • Tables
  • Toggles

Shortcodes Examples

Please view documentation for more details.

Accordion

[dopaccordions]
    [dopaccordion title="Title 1"]text[/dopaccordion]
    [dopaccordion title="Title 2"]text[/dopaccordion]
    [dopaccordion title="Title 3"]text[/dopaccordion]
[/dopaccordions]

Container

[dopcontainer]text[/dopcontainer]

Grid

[dopgridrow]
    [dopgrid size="1/3"]<h5>1/3</h5>text[/dopgrid]
    [dopgrid size="1/3"]<h5>1/3</h5>text[/dopgrid]
    [dopgrid size="1/3"]<h5>1/3</h5>text[/dopgrid]
[/dopgridrow]

Image

[dopimg align=left height=200 width=100%]<img src="image path" alt="" />[/dopimg]

List

[doplist]
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
[/doplist]

Progress Bar

[dopprogressbar progress=70]70%[/dopprogressbar]

Separator

[dopseparator]

Social Icon

[dopsocialicon network=facebook]Facebook[/dopsocialicon]

Tabs

[doptabs]
    [doptab title="Tab 1"]text[/doptab]
    [doptab title="Tab 2"]text[/doptab]
    [doptab title="Tab 3"]text[/doptab]
[/doptabs]

Table

[doptable]
<thead>
    <tr>
        <th>One</th>
        <th>Two</th>
        <th>Three</th>
        <th>Four</th>
    </tr>
</thead>
<tbody>
    <tr class="odd">
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
    <tr>
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
    <tr class="odd">
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
    <tr>
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
    <tr class="odd">
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
</tbody>
[/doptable]

Toggle

[doptoggle title="Toggle"]text[/doptoggle]

Requires: 3.5 or higher
Compatible up to: 3.5.2
Last Updated: 2013-10-3
Downloads: 2,424

Ratings

5 stars
5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
100,1,1
100,1,1