0
Welcome Guest! Login
0 items Join Now

Ambrosia: Recreating the Demo - Sidebar Section

Your Guide to Recreating Elements of the Ambrosia Demo for WordPress


Introduction

1
Sidebar Image (Particle)
2
RokSprocket (Lists)
3
Newsletter (Particle)

The Sidebar section contains three particles, one of which is a Widget Position containing a RokSprocket widget.

Here is a breakdown of the particles that appear in this section:

Settings used in this section can be found below.

Section Settings

Field Setting
CSS Classes Blank
Tag Attributes Blank
Width 33%

Sidebar Image (Particle)

Particle Settings

Field Setting
CSS Classes Blank
Title Blank
Promo Image Custom
Promo Image Title <span>Gantry 5 particles intuitively faciliate content creation </span> <span><a href="#">Read More</a></span>
Description Blank
Icon Button fa fa-heart
Icons Blank

Block Settings

Field Setting
CSS ID Blank
CSS Classes fp-promoimage
Variations No Padding
Tag Attributes Blank
Block Size 100%

Widget Position (sidebar-b)

Particle Settings

Field Setting
Particle Name RokSprocket Lists
Key sidebar-b
Chrome gantry

Block Settings

Field Setting
CSS ID Blank
CSS Classes fp-roksprocket-lists
Variations Box 4
Tag Attributes Blank
Block Size 100%

Assigned Widget(s) - RokSprocket (Lists)

The sidebar-b widget position is host to a single RokSprocket widget.

We utilized the Simple Content Provider, linking each item in the RokSprocket widget to an article. You can find examples of the Simple items used in this widget in the Filtered Article List section below.

Details

Option Setting
Title FP RokSprocket Lists
Content Provider Simple
Type Lists
Theme Default
Display Limit 3
Collapsible Preview Enable
Preview Length
Strip HTML Tags No
Preview Per Page 4
Arrow Navigation Show
Pagination Show
Image Resize Disable
Autoplay Delay 5
Default Title Default Article Title
Default Article Text Default Article Text
Default Article Image Default Article Image
Default Link Default Article Link

Filtered Article List

Item 1
Option Setting
Title YAML-Driven Configuration
Image None
Link None
Description YAML is a human-readable data serialization, making it easy to create and configure blueprints for back-end configuration options.
Item 2
Option Setting
Title Twig Templating
Image None
Link None
Description Gantry 5 utilizes Twig - a flexible, fast, and secure theme engine for PHP - to make creating powerful, dynamic themes quick and easy.
Item 3
Option Setting
Title Particles System
Image None
Link None
Description Gantry 5's Particles system makes it easy to create, configure, and manage content blocks on multiple levels.

Newsletter (Particle)

Particle Settings

Field Setting
CSS Classes Blank
Title Newsletter
Headline Text Blank
Feedburner URI rocketthemeblog
Button Classes Blank

Block Settings

Field Setting
CSS ID Blank
CSS Classes Blank
Variations No Padding
Tag Attributes Blank
Block Size 100%

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.