GloriaFood Blog – Elemente Demo

This is a demo content article in which we present all the used elements within the article content and it provides a consultation article for the use and tutorial how to include elements in the neccessary locations.

1. Table of contents (shortcode)

Table of contents can be created using a custom shortcode.
Default list is not numbered so if you like it to be numbered use the shortcode parameter style=”numbered”.

Elements are added as a „|” separated list with 3 elements.
First is the parent element of the list (0 for base elements or the id for subitems), next is the id of the anchor element on page and last is the actual title of the link.

Example:
link1=”0|anchor|This is the link title” – (this will add a base element to the TOC list)
link2=”anchor|subitem|This is the subitem title” – (this will add a subitem for the anchor element to the TOC list)

Refer to the content of the article in post editor to see how it’s implemented.

2. Headings and standard elements

Used headings and standard elements:

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at blanditiis deserunt, distinctio error fugiat harum ipsum mollitia nostrum odit omnis possimus provident rem sapiente, sint suscipit tempore. Ad adipisci assumenda exercitationem harum, inventore tempora voluptatibus. Adipisci asperiores aut consequatur deserunt doloribus enim fugiat fugit ipsa iusto maiores, nobis quae quasi reiciendis, rem saepe similique ut, veritatis! Debitis dolorum explicabo fugiat laudantium, necessitatibus nisi nobis odio quas tempora totam? Commodi ex facere fugiat illo laboriosam neque obcaecati provident tempora unde! Ad corporis modi necessitatibus quisquam sed veniam voluptas?

3. List types

This is a unordered list:

• List item 1
• List item 2
• List item 3
• List item 4
• List item 5

This is a ordered list:

1. List item 1
2. List item 2
3. List item 3
4. List item 4
5. List item 5

This is a leaf styled list:

• List item 1
• List item 2
• List item 3
• List item 4
• List item 5

4. Images and styling

Image without caption (normal image)

Image with caption

5. Embeded Video

6. Separators

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda corporis culpa earum est ipsum nostrum sint, tenetur veniam. Consectetur enim harum minima quos tempore, ullam? Autem, deleniti dicta ducimus est et exercitationem impedit labore, mollitia nostrum, pariatur quae ratione sint suscipit? Atque aut dolore enim eveniet fugiat id illo laboriosam quasi quos repellendus vel velit, veritatis voluptates. Inventore, nesciunt?

---

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda corporis culpa earum est ipsum nostrum sint, tenetur veniam. Consectetur enim harum minima quos tempore, ullam? Autem, deleniti dicta ducimus est et exercitationem impedit labore, mollitia nostrum, pariatur quae ratione sint suscipit? Atque aut dolore enim eveniet fugiat id illo laboriosam quasi quos repellendus vel velit, veritatis voluptates. Inventore, nesciunt?

7. Call-To-Action box inside article (shortcode)

8. Embeded code (plugin dependency)

To add the code snippet to the article, it needs to have installed the SyntaxHighlighter plugin (not installed by default). Refere to it’s documentation for use as a snippet code

<?php if ( !empty($atts['title']) && !empty($atts['button_text']) ) : ?>

<div class="box">
    <span class="title"><?php echo $atts['title']; ?></span>
    <?php if (!empty($atts['title'])) : ?>
        <span class="subtitle"><?php echo $atts['subtitle']; ?></span>
    <?php endif; ?>
    <a href="javascript:;" class="btn"><?php echo $atts['button_text'] ?></a>
</div>

<?php endif; ?>

9. Quotes

„We expect delivery to grow in 2019”

We expect delivery to grow in 2019 as restaurant brands try to figure out how to make it profitable while, at the same time, maintaining the quality of their food. Many big brands have already started offering delivery. And at Penn Station, we are evaluating these trends and evaluating all facets to obtain a better understanding of the long-term ramifications of delivery’s effect on the quality of the product before we jump in. With more and more restaurants opening and consumers dining out the same amount, competition continues to increase so maintaining high food quality is critical for 2019.Craig Dunaway, President at Penn Station East Coast Subs

10. Restaurant menu demo button (shortcode)

11. Tables

This is an example of a table inside article. Refer to the post editor to see how it’s used in posts.

Property	Description	Example
background-color	Sets the button color	style=”background-color:#008F00″
See MENU & Order

12. Text highlighting

This is an example of highlighted text inside article. Refer to the post editor to see how it’s used in posts.

13. Formulas (Coming soon …)

Coming soon …