fgms/wp-theme-twig

Basic Twig template theme

FG Wordpress Template With Twig

Installation

• Install wordpress
• Install Timber plugin (twig)
• Install Metabox plugin (http://metabox.io)
• run composer update on the root of the theme (this install symfony yaml parser for reading settings)
• Select theme.
• On local machine run npm install to install grunt task runner.
• Select google fonts, update Gruntifile.js, and run grunt googlefonts
• Run grunt watch and update css or js to upload assets.

File Structure

├── 404.php
├── composer.json
├── functions.php
├── include
│   ├── shortcodes
│   │   ├── accordion.php
│   │   ├── ajax.php
│   │   ├── carousel.php
│   │   ├── custom-template.php
│   │   ├── email.php
│   │   ├── tabs.php
│   │   ├── twig.php
│   │   ├── gallery.php
│   │   ├── link.php
│   │   └── page-gallery.php
|   |    
│   ├── shortcodes.php
│   └── theme-settings.php
├── index.php
├── page-templates
│   ├── blank.php
│   ├── contact.php
│   ├── full-width.php
│   ├── landingpage.php
│   ├── listings.php
│   └── modular.php
├── README.md
├── screenshot.png
├── style.css
└── twig-templates
    ├── base.twig
    ├── footer.twig
    ├── header.twig
    ├── partials
    │   ├── article-list-element.twig
    │   ├── article.twig
    │   ├── awards.twig
    │   ├── blog-sidebar.twig
    │   ├── blog-tags-cats.twig
    │   ├── bootstrap-carousel.twig
    │   ├── breadcrumbs.twig
    │   ├── contact-sidebar.twig
    │   ├── gallery.twig
    │   ├── modal-inner.twig
    │   ├── navigation.twig
    │   ├── realtor-directory.twig
    │   ├── responsive-list.twig
    │   ├── social-sharing.twig
    │   └── specials.twig
    └── wp
        ├── archive.twig
        ├── index.twig
        ├── page-404.twig
        ├── page-blank.twig
        ├── page-contact.twig
        ├── page-full-width.twig
        ├── page-landing-twig
        ├── page-listings.twig
        ├── page-modular.twig
        ├── page.twig
        └── single.twig

Shortcodes

[accordion] & [panel]

Creates Bootstrap accordions., _(*1)

The [accordion] shortcode does not accept any attributes. All content of an [accordion] shortcode which is not a [panel] shortcode (or content nested therein) is ignored., _(*2)

The [panel] shortcode accepts the following attributes:, _(*3)

The content of the [panel] shortcode shall be used as the content of the panel in the accordion., _(*4)

[collapse] & [panel]

Creates Bootstrap collapse., _(*5)

The [collapse] shortcode accepts these attributes. All content of an [collapse] shortcode which is not a [panel] shortcode (or content nested therein) is ignored., _(*6)

The [panel] shortcode accepts the following attributes:, _(*7)

The content of the [panel] shortcode shall be used as the content of the panel in the accordion., _(*8)

[carousel] & [slide]

Creates Bootstrap carousels., _(*9)

The [carousel] shortcode accepts the following attributes:, _(*10)

All content of a [carousel] shortcode which is not a [slide] shortcode is ignored., _(*11)

The [slide] shortcode accepts the following attributes:, _(*12)

All content of a [slide] shortcode is ignored., _(*13)

[custom-template] & [custom-item]

Allows a specified Twig template to be rendered., _(*14)

The [custom-template] shortcode accepts one attribute explicitly:, _(*15)

Any other attributes of the shortcode have their values passed through as variables in the template., _(*16)

Note that if you specify the "data" attribute it will be overwritten and its value will therefore be inaccessible (see below)., _(*17)

The [custom-item] shortcode creates an entry in the array passed through to the rendered template as the "data" variable. The entry shall have a property corresponding to each attribute of the [custom-item] shortcode in addition to a "content" property which contains a string containing the contents of the shortcode. Note that because of this if you use the "content" attribute of a [custom-item] shortcode it will be overwritten and therefore its value will be inaccessible., _(*18)

[tabs] & [tab]

Creates Bootstrap tabs., _(*19)

The [tabs] shortcode does not accept any attributes. All content of a [tabs] shortcode which is not a [tab] shortcode (or content nested therein) is ignored., _(*20)

The [tab] shortcode accepts the following attirbutes:, _(*21)

The content of the [tab] shortcode shall be used as the content of the tab., _(*22)

[pills] & [pill]

Creates [Bootstrap pills]., _(*23)

The [pills] shortcode does not accept any attributes. All content of a [pills] shortcode which is not a [pil] shortcode (or content nested therein) is ignored., _(*24)

The [pill] shortcode accepts the following attirbutes:, _(*25)

The content of the [tab] shortcode shall be used as the content of the tab., _(*26)

[ajax]

The [ajax] shortcode is used to load page content via ajax. The page that the ajax code is on requires you to use No Template or the blank template., _(*27)

The [ajax] shortcode accepts the following attribute., _(*28)

[link]

The [link] shortcode accepts the following attribute., _(*29)

[link id="2"]contact us[/link] --> contact us, _(*30)

[link href="https://google.com" attr="target=_blank" ]Search Engine[/link]  --> <a href="https://google.com" target="_blank">Search Engine</a>

[email]

[email label="email"]webmaster@example.com[/email], _(*31)

[twig]

Allows you to add twig functions, as well as obtain global twig variables., _(*32)

[twig]{{config.company.booking.url}}[/twig], _(*33)