Recent Posts

Show your latest posts
[mildthemes_recent_posts]

Attributes:

  • Columns: Choose between 1 to 4 columns to show your posts. Default: 3.
  • Per_page: Enter a number of posts visible in this shortcode. Default: 3.
  • Layout: There are three layouts available to show your posts (Grid, Masonry or Classic). Default: 3.
  • More_button: If you write some text, it will appear a button linked to the posts archive.
  • Category: Used to filter posts by category ID. To show Posts From Several Categories, separate each ID by comma. Default: -1 (Show posts from all the categories).

Example:

[mildthemes_recent_posts columns="3" per_page="3" layout="grid" more_button="Show more posts"]

Prints:

Columns

Nectarina includes our powerful Mildthemes CSS framework to build its front-end structure. Now, you can divide your content in columns using this tool through this shortcode:
[mildthemes_structure]Your content[/mildthemes_structure]

Attributes:

  • Alignment: Define the alignment of the column text (center, left, right). Default: center.
  • Center: If it’s true, move all the column to the center of your screen. Default: false.
  • Cover: If it’s false, every column will have a gutter space of 20px. Default: false.
  • Column: The column width applied in a general behavior. Default: one. View the table below for all the widths availables.
  • Large: Column width applied in large desktop screens (>1500px).
  • Desktop: Column width applied in desktop screens (960px – 1500px).
  • Tablet: Column width applied in tablet screens (768px – 959px).
  • Mobile: Column width applied in mobile screens (601px – 767px).
  • Mini: Column width applied in little screens (<601px).
  • Extra_classes: Add extra classes to customize this column.

Behavior

In the next table you’ll find all the column widths available to build your structured content:

one

one-second
one-second



one-fourth
one-fourth
one-fourth
one-fourth


two-third

one-fourth

three-fourth


For example:

[mildthemes_structure column="one-third" mobile="one"]Vegan sem nec cred adipiscing lectus indie justo curabitur hoodie diam ligula biodiesel rutrum vitae Brooklyn leo donec. [/mildthemes_structure]
[mildthemes_structure column="one-third" mobile="one"]Vegan sem nec cred adipiscing lectus indie justo curabitur hoodie diam ligula biodiesel rutrum vitae Brooklyn leo donec. [/mildthemes_structure]
[mildthemes_structure column="one-third" mobile="one"]Vegan sem nec cred adipiscing lectus indie justo curabitur hoodie diam ligula biodiesel rutrum vitae Brooklyn leo donec. [/mildthemes_structure]

Prints:

If you see this text in a desktop, text will appear in three columns, but if you see this text in a mobile (or on < 600px screen), you will see all the three texts in just one column.

Example adding custom CSS classes to your shortcode:

[mildthemes_structure column="one-third" mobile="one" extra_classes="blue-block white-text"]Vegan sem nec cred adipiscing lectus indie justo curabitur hoodie diam ligula biodiesel rutrum vitae Brooklyn leo donec. [/mildthemes_structure]
[mildthemes_structure column="one-third" mobile="one" extra_classes="grey-block white-text"]Vegan sem nec cred adipiscing lectus indie justo curabitur hoodie diam ligula biodiesel rutrum vitae Brooklyn leo donec. [/mildthemes_structure]
[mildthemes_structure column="one-third" mobile="one" extra_classes="light-block"]Vegan sem nec cred adipiscing lectus indie justo curabitur hoodie diam ligula biodiesel rutrum vitae Brooklyn leo donec. [/mildthemes_structure]

Then, add these classes in your CSS sheet (or WordPress Customizer CSS Edito) and define their attributes:

.blue-block, 
.grey-block, 
.light-block {
 padding-top: 20px;
 padding-bottom: 20px;
}

.light-block {
 background-color: #ecf0f1;
}

.grey-block {
 background-color: #bdc3c7;
}

.blue-block {
 background-color: #2c3e50;
}

.white-text {
 color: white;
}

This code will print:

Divider

Add a divider bar between paragraphs to prevent unwanted superpositions in columns.
[mildthemes_divider]

Style: Choose different divider styles (Space, bar, minimal-bar). By default: empty.

Examples:

Space

[mildthemes_divider style="space"]

Tempus enim in gravida organic enim undefined gravida morbi nec justo massa San Francisco molestie vulputate sed diam eget duis.

Austin molestie cursus mauris auctor magna vivamus porttitor mauris vegan et ipsum proin leo fusce sagittis morbi justo.

Bar

[mildthemes_divider style="bar"]

Et tempus sit et nam justo +1 bibendum lectus eu urna sem sapien eros mustache. Orci porta sapien nec nec metus nec specs mattis odio porta urna quam quam duis VHS nibh sit donec.

Indie sapien orci nam enim eu porta orci porttitor skateboard proin ut arcu commodo mattis eros metus. Tellus indie amet diam morbi tempus eu nibh ipsum ipsum vim vitae commodo rutrum mattis massa tellus.

Minimal Bar

[mildthemes_divider style="minimal-bar"]

Leo Brooklyn adipiscing porta gravida leo ornare sem commodo mustache eget vulputate massa quam ut pellentesque at vinyl mattis undefined.

Indie sapien orci nam enim eu porta orci porttitor skateboard proin ut arcu commodo mattis eros metus.