DOP Shortcodes

DOP Shortcodes Install Statistics

100%

Today: 0 Yesterday: 0 All-time: 4,206 downloads

Try plugin: DOP Shortcodes

We'll create fresh WordPress site with DOP Shortcodes installed. You have 20 minutes to test the plugin after that site we'll be deleted.

Takes ~10 seconds to install.

About DOP Shortcodes

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

5 out of 5

updated: 11 years ago

since: 11 years ago

author: Dot on Paper

Description

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]