Data Tags

For version 1.0.1

Data Tags

juanito uses data-tags for element recogniton and also data to embed the right PHP snippet.

This is the actual data-tag list:

data-menu

Enable a menu called name in your theme.

• Syntax :

  data-menu="<name>"

• Parameters :

  • menu name

• Usage :

  <nav data-menu="main"></nav>

data-sidebar

Enable a sidebar called name in your theme for your widgets

• Syntax :

  data-sidebar="<name>"

• Parameters :

  • sidebar name

• Usage :

  <aside data-sidebar="left_sidebar"></nav>

data-loop

Defines an element that will be used to display posts. "The Loop" is a concept created by WordPress that shows posts in the current page. Every loop needs a name because every loop is a different query inside WordPress.

• Syntax :

  data-loop="<name>"

• Parameters :

  • loop name

• Usage :

  <article data-loop="last_posts"></article>

data-loop-limit

When the data-loop is used, you can limit the display using data-loop-limit

• Syntax :

  data-loop-limit="<number>"

• Parameters :

  • number as limit

• Dependency :

  • data-loop

• Usage :

  <article data-loop="last_posts" data-loop-limit="10"></article>

data-loop-title

When the data-loop is used, you can define a tag as the title of the post

• Syntax :

  data-loop-title=""

• Dependency :

  • data-loop

• Usage :

  <h2 data-title=""></h2>

data-loop-content

When the data-loop is used, you can define a tag as the content of the post

• Syntax :

  data-loop-content=""

• Dependency :

  • data-loop

• Usage :

  <p data-content=""></p>

data-loop-excerpt

When the data-loop is used, you can define a tag as the excerpt of the post

• Syntax :

  data-loop-excerpt=""

• Dependency :

  • data-loop

• Usage :

  <p data-excerpt=""></p>

data-loop-date

When the data-loop is used, you can define a tag as the date of the post

• Syntax :

  data-loop-date=""

• Dependency :

  • data-loop

• Usage :

  <span data-date=""></span>

data-loop-permalink

When the data-loop is used, you can define a tag as the permalink of the post

• Syntax :

  data-loop-permalink=""

• Dependency :

  • data-loop

• Usage :

  <a data-permalink=""></a>

data-loop-thumbnail

When the data-loop is used, you can define a tag as the thumbnail of the post

• Syntax :

  data-loop-thumbnail=""

• Dependency :

  • data-loop

• Usage :

  <img src="..." data-thumbnail="" />

data-loop-category

When the data-loop is used, you can define a tag as the categories of the post

• Syntax :

  data-loop-category=""

• Dependency :

  • data-loop

• Usage :

  <div data-category=""></div>

data-loop-tags

When the data-loop is used, you can define a tag as the tags of the post

• Syntax :

  data-loop-tags=""

• Dependency :

  • data-loop

• Usage :

  <div data-tags=""></div>