Wild Ride
Widgets
This section highlights the work with widgets (functional blocks). It explains where to start from, how to set them up correctly and use the full range of possibilities.
Widgets import
In order to import widgets to your website you need to install "Widget Importer & Exporter" plugin
Navigate to "Tools" = > "Widget Importer & Exporter" section after the successful plugin installation and activation. To start import select the file in .wie format. It is located in "Widget Dummy Content" folder in template package.
When widgets are successfully imported you will see a list of widgets with installation status. Then you'll be able to start using them at site.
About Author
This widget is used to display blog author information
-
- Title
- Widget's text title
-
- Select user to show
- You can select a user / author from a dropdown to show info about.
-
- Author avatar size
- Here you can define author avatar image size, set it to 0 to hide avatar, it will be applied only to Gravatar
-
- Custom avatar image
- Here you can choose and upload custom author avatar image. It will override default user avatar
-
- Link
- Here you can set a link, or leave it empty to hide
-
- Link label
- Here you can set a link text
Carousel Slider
Widget is used to display and setup slider carousel on the website.
-
- Title
- This property specifies the widget title
-
- Select category
- This property specifies a category to pull carousel slides from.
-
- Posts count
- Here you can define the number of slides / posts to display
-
- Display title
- Hide/Show post title below the carousel slide
-
- Display content
- Hide/Show post content below the carousel slide
-
- Display more button
- Hide/Show read more button / link
-
- More button text
- Read more button / link label
-
- Content words trimmed count
- This property defines excerpt limit by choosing number of words from post's content.
-
- Number of slides per view
- This property specifies how many slides are visible at the same time on slider's container.
-
- Number slides per group
- This property specifies numbers of slides to define and enable group sliding.
-
- Multi Row Slides Layout
- This property specifies how many slides display per column, for multirow layout
-
- Width of the space between slides
- This property specifies the distance between slides in px.
-
- Duration of transition between slides
- This property specifies slides duration (in ms) to trigger swipe to next/previous slide during long swipes
-
- Slider pagination
- Hide/Show bullet navigation on slides
-
- Choose slider navigation position
- Here you can define navigation arrows position: inner - inside of the container, outer - outside of the container.
-
- Slider navigation
- Hide/Show navigation arrows
Image Grid Widget
This widget is used to display image grid. By default you have to select appropriate category or tags in order to start display
-
- Widget Title
- This property specifies the widget title
-
- Choose taxonomy type
- Here you can define items selection source: by Category or Tag
-
- Select category to show
- Exact category to display posts from.
-
- Select tags to show
- Exact tag to display posts from.
-
- Post sorted
- This property specifies how to sort posts on display
-
- Posts number
- Defines number of posts/images displayed
-
- Offset post
- This property specifies number of post to displace or pass over.
-
- Title words length
- This property sets the number of words limit for post's title. Set 0 to hide title.
-
- Columns number
- Here you can define number of columns to display images (up to 4).
-
- Items padding ( size in pixels )
- This property specifies distance between category or tag elements in px.
This widget is used to setup and display instagram feed on the website.
-
- Title
- This property specifies the widget title
-
- Client ID
- Here you can define Client ID to show this account images on your website.
-
- Hashtag (enter without `#` symbol)
- Here you can set a hashtag to display images, selected by this property
-
- Number of photos
- This property defines number of images to show
-
- Caption
- Hide/Show caption below the images
-
- Date
- Hide/Show date below the images
This widget is used to setup and display twitter feed on the website.
-
- Title
- This property specifies the widget title
-
- Widget ID
- Here you can define Widget ID to show this account images on your website.
-
- Twitter Screen name
- Here you can set a tvitter account name
-
- Twitter Limit
- Here you can define number of twitts to display (up to 20).
-
- Show Replies
- Here you can define, show or hide replies
-
- Twitter Widget Width
- This property defines width of twitter widget block
-
- Twitter Widget Height
- This property defines height of twitter widget block
-
- Twitter Widget Theme
- Here you can select theme for twitter widget
-
- Twitter Widget Link Color
- This property defines link color of twitter widget block
-
- Show Twitter Widget Header
- Here you can define, show or hide header in twitter widget
-
- Show Twitter Widget Footer
- Here you can define, show or hide footer in twitter widget
-
- Show Twitter Widget Border
- Here you can define, show or hide border in twitter widget
-
- Twitter Widget Border Color
- This property defines border color of twitter widget block
-
- Show Twitter Widget Scrollbar
- Here you can define, display or remove scrollbar in twitter widget. Scrollbar setting will work only @ Tweet Limit "default".
-
- Use Twitter Widget Background Color
- This property defines show or hide Background Color for twitter widget
Facebook page like widget
This widget is used to setup and display facebook feed on the website.
-
- Title
- This property specifies the widget title
-
- Facebook application ID
- Here you can define facebook application ID to show this account images on your website.
-
- Facebook page url
- Facebook Widget
-
- Show posts from the Page timeline
- This property defines show or hide posts from the Page timeline
-
- Hide cover
- This property defines whether to display / hide header background image for facebook block
-
- Show profile photos when friends like this
- This property defines show or hide profile photos when friends like this
-
- Show Small Header
- This property defines whether to enable / disable small header for facebook block
-
- Adapt To Plugin Container Width
- This property defines whether to enable / disable adaptive width for facebook container
-
- Set Width
- This property defines width of parent container
-
- Set Height
- This property defines height of parent container
-
- Language
- Here you can select the languages which available to use
-
- Custom Css
- extra CSS class
To learn how to get facebook application ID please view the following information here
Smart Slider
This widget is used to setup and display slider on the website.
-
- Title
- This property specifies the widget title
-
- Select category
- Here you can select a category to pull slides from
-
- Posts count
- This property defines number of posts / slides to display
-
- Display title
- Here you can define whether to Hide/Show post's title in a slide
-
- Display content
- Here you can define whether to Hide/Show post's content in a slide body
-
- Display more button
- Here you can define whether to Hide/Show read more button
-
- More button text
- Read more button label
-
- Content words trimmed count
- This property defines excerpt limit by choosing number of words from post's content.
-
- Slider width
- This property defines slider width
-
- Slider height
- This property defines slider height
-
- Slider orientation
- This property specifies the slider orientation. Smart slider slides are automatically set up in Horizontal / Landscape slide orientation, but you can change the slide orientation to Portrait / Vertical Portrait slide orientation.
-
- Slide distance(px)
- This property specifies distance between slides in px.
-
- Slide duration(ms)
- This property specifies slides duration (in ms) to trigger swipe to next/previous slide during long swipes
-
- Use fade effect?
- This property defines whether to enable / disable fade effect on sliding
-
- Use navigation?
- Here you can define whether to Hide/Show navigation arrows
-
- Indicates whether the arrows will fade in only on hover
- This property specifies whether the arrows will fade in only on hover.
-
- Use pagination?
- Here you can define whether to Hide/Show bullet navigation on slides
-
- Use autoplay?
- This property specifies enable / disable autoplaying for slides
-
- Display fullScreen button?
- Here you can define whether to Hide/Show full screen button to display slider in full screen mode. It is not available in WordPress customizer preview.
-
- Indicates if the slides will be shuffled
- This property specifies whether to shuffle slides randomly, is disabled by default.
-
- Use infinite scrolling?
- This property specifies whether to enable/disable infinite scrolling on sliding.
-
- Display thumbnails?
- Here you can define whether to Hide/Show slide thumbnails below the slider.
-
- Display thumbnails arrows?
- Here you can define whether to Hide/Show arrows navigation for thumbnails
-
- Sets the position of the thumbnail scroller
- This property sets the position of the thumbnail scroller. By default it is set to bottom.
Subscribe and Follow
This widget is used to display blocks for Subscribe and Follow sections. List of social networks for the Follow block is same as in Social Menu.
-
- Enable Subscribe Box
- Here you can define whether to Hide/Show subscribe box.
-
- Widget Title
- This property specifies the subscribe box title
-
- Subscribe text message
- Here you can add text description for the subscribe form.
-
- Subscribe input placeholder
- This property specifies a placeholder text “Enter Your Email Here” in the input area of the Subscribe Box.
-
- Subscribe submit label
- This property specifies a placeholder text “Submit” in the subscribe button of the Subscribe Box.
-
- Subscribe success
- This property specifies a success message text “You are successfully subscribed” in the subscribe area of the Subscribe Box.
-
- Enable Follow Box
- Hide/Show Follow Box
-
- Follow Title
- This property specifies the follow box title
-
- Follow text message
- Here you can add text description for the Follow block.
Taxonomy Tiles
This widget is used to setup and display categories.
-
- Widget Title
- This property specifies the widget title
-
- Choose taxonomy type
- Here you can define items selection source: by Category or Tag
-
- Select category to show
- Exact category to use for posts display.
-
- Select tags to show
- Exact tag to use for posts display.
-
- Description words length
- This property sets the number of words limit for post's description. Set 0 to hide description.
-
- Show post count
- Hide/Show information on the number of posts in the selected category.
-
- Columns number
- Here you can define number of columns to display category or tag content (up to 4).
-
- Tiles first item
- Here you can define whether to Hide/Show magnified first item tile in the beginning.
-
- Items padding ( size in pixels )
- This property specifies distance between category or tag elements in px.
Track Kickstarter Project
This widget is used to display kickstarter project information
-
- Title
- Widget's text title
-
- Kickstarter project page URL
- Here you can define page URL for kickstarter project
-
- Project description
- Here you can add project description
-
- Project link text
- Here you can set a link text. Leave empty to hide link
-
- Background image URL
- Here you can set a link, for background image
Give - Donation Form
This widget is used to display and set up donation form
-
- Title
- Widget's text title (Leave blank to hide the widget title)
-
- Give Form
- Select a Give Form from dropdown list to embed in this widget.
-
- Floating Labels (optional):
- Override the floating labels setting for this Give form.