sturple/fg-theme-master

Basic Twig template theme

Friday, September 1, 2017
by sturple
Repository
2 Watchers
1 Stars
125 Installations

HTML
0 Dependents
0 Suggesters
0 Forks
2 Open issues
28 Versions
0 % Grown

The README.md

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)

Attribute	Description
id	An HTML ID which shall be used for the panel (one will be automatically generated if this is not supplied)
title	A title for the panel
active	default false, opens accordion if true

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)

Attribute	Description
iconup	the icon that is shown next to text to indicate up, the down arrow is same but rotated 90deg
fontfamily	for the icon default is FontAwsome

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

Attribute	Description
id	An HTML ID which shall be used for the panel (one will be automatically generated if this is not supplied)
title	A title for the panel
active	default false, opens accordion if true

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)

Attribute	Default	Description
controls	true	If "false" then the carousel shall not have controls for moving between the slides
id	myCarousel	An HTML ID which shall be used for the carousel (one will be automatically generated if this is not supplied)
indicators	true	If "false" then the carousel shall not have indicators indicating which slide is currently active (and how many slides there are)
innerclass		An HTML class (or list of classes) which shall be applied to the inner container of the generated Bootstrap carousel
outerclass		An HTML class (or list of classes) which shall be applied to the outer container of the generated Bootstrap carousel

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

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

Attribute	Description
alt	The alt text for the image which appears on the slide
caption	A caption which shall appear on the slide (defaults to no caption)
title	The title of the slide (defaults to no title)
url	The URL of the image which shall appear on the slide

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)

Attribute	Description
template	Specifies the file name of the template which shall be rendered

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)

Attribute	Description
active	If "true" then the tab-in-question shall be the default active tab, if no tab is marked as active the first tab shall be active by default
id	An HTML ID which shall be used for the panel (one will be automatically generated if this is not supplied)
title	A title for the tab

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)

Attribute	Description
active	If "true" then the tab-in-question shall be the default active tab, if no tab is marked as active the first tab shall be active by default
id	An HTML ID which shall be used for the panel (one will be automatically generated if this is not supplied)
title	A title for the tab

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)

Attribute	Description
template	is used to load the twig template it is going to wrap the content around

[link]

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

Attribute	Description
id	The post id which will convert it to url (preferred method)
href	The complete url
attr	use any attribute ie class="myclass" target="_blank"

[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]

Attribute	Description
label	If you require the label to be something different

[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)

The Versions

01/09 2017

dev-pdion

dev-pdion https://github.com/fgms/wp-theme-twig

Basic Twig template theme

wordpress-theme fg-theme-master

Basic Twig template theme

sturple/fg-theme-master

The README.md

FG Wordpress Template With Twig

Installation

File Structure

Shortcodes

[accordion] & [panel]

[collapse] & [panel]

[carousel] & [slide]

[custom-template] & [custom-item]

[tabs] & [tab]

[pills] & [pill]

[ajax]

[link]

[email]

[twig]

The Versions

dev-pdion

The Requires

by Shawn Turple

dev-master

The Requires

by Shawn Turple

0.4.3

The Requires

by Shawn Turple

0.4.2

The Requires

by Shawn Turple

0.4.1

The Requires

by Shawn Turple

0.4.0

The Requires

by Shawn Turple

dev-dev_vip

The Requires

by Shawn Turple

0.3.2

The Requires

by Shawn Turple

0.3.1

The Requires

by Shawn Turple

0.3.0

The Requires

by Shawn Turple

dev-yvdm

The Requires

by Shawn Turple

0.2.0

The Requires

by Shawn Turple

dev-codeanywhere

The Requires

by Shawn Turple

dev-rleahy

The Requires

by Shawn Turple

0.1.1

The Requires

by Shawn Turple

0.1.0

The Requires

by Shawn Turple

0.0.13

The Requires

by Shawn Turple

0.0.12

The Requires

by Shawn Turple

0.0.11

The Requires

by Shawn Turple

0.0.9

The Requires

by Shawn Turple

0.0.8