latest version

Weddington Documentation

General Information

General Information

Thank you for purchasing Weddington! We’re very pleased that you have chosen our theme to use on your website. We’re doing our best not to disappoint you! Before you get started, please check out these documentation pages. Weddington can only be used with WordPress and we assume that you already have it installed and ready to go. If you don’t, please see WordPress Codex to get started.

Requirements

Before using Weddington, please meet the following requirements:

  • Essentials to run WordPress – Read more about WordPress Minimum Requirements – in case any doubts regarding the server, contact your host provider.
  • Latest version of WordPress, which you can download here.
  • Create secure FTP and Database.

Installation

In our guide, we will show you step by step instructions on how to install our WordPress theme for beginners. Below you will find two ways to install a WordPress theme.

Installation via Administration Panel

If Weddington files are downloaded from your Themeforest account, you can start an installation using WordPress administration panel.

Follow steps below to install the theme:

  • Step 1 - Once you’ve logged in to your administration panel, go to My Sites > Network Admin.
_images/Installation1.jpg

  • Step 2 - Then click on Themes > Add New, you will be directed to a page where you can choose available themes.
_images/Installation2.jpg

  • Step 3 - Once directed to the page, on the upper left side of the screen click on Upload Theme button.
  • Step 4 - Choose the Weddingtontheme.zip file from your computer, then click Install Now.
_images/Installation4.png

  • Step 5 - Click on My Sites then go to Appearance > Themes and Activate Weddington.
_images/Installation5.png

  • Step 6 - After activating Weddington, you will be sent to Theme Installation Instruction steps. By following this steps you will be asked to install required plugins, activate them, and import demo content (required).
_images/Installation6.png

Common Install Error: Are You Sure You Want To Do This?

If you get the following question message when installing Weddingtontheme.zip file via WordPress, it means that you have an upload file size limit. Install the theme via FTP or call your hosting company and ask them to increase the limit.

Installation via FTP

To install Weddington WP via FTP, follow steps below:

  • Step 1 – Unarchive Weddingtontheme.zip file
  • Step 2 – Access your host web server using FTP client
  • Step 3 – Find directory wp-content > themes
  • Step 4 – Put folder Weddingtontheme in directory wp-content > themes
_images/inst_dir.png
  • Step 5 - Go to your WordPress administration panel, navigate to Appearance > Themes then activate Weddingtontheme.

Learn more:

Unyson, Extension, and Plugins

Some functionalities of the Weddington Theme are available because of the plugins we used to create it. Once Weddington is activated in your WordPress admin panel you should see notification about bundled plugins we recommend to install – they are included in Weddington package – so you don’t have to do anything more than click install and activate.

Unyson

Unyson is a framework for WordPress that facilitates development of a theme. This framework was created from the ground up by the team behind ThemeFuse from the desire to empower developers to build outstanding WordPress themes fast and easy. This documentation is heavily modified by createIT to ensure all custom extensions are well documented.

This documentation assumes you have a working knowledge of WordPress. If you haven’t, please start by reading WordPress Documentation.

Minimum Requirements

Server:

  • PHP 7.2 or greater
  • MySQL 5.6 or greater OR MariaDB 10.0 or greater
  • Nginx or Apache with mod_rewrite module
  • HTTPS support

Wordpress: 4.9

Installation

Unyson is part of Weddington plugin that should be activated to be able to use the fully use this theme.

After plugin will be activated you will notice the Unyson entry in the sidebar:

_images/unysone_extension.png
Configure the plugin by going to the Unyson menu and activating the following extensions:
  • Backup & Demo Content: This extension lets you create an automated backup schedule, import demo content or even create a demo content archive for migration purposes.
  • SASS Compiler: Compiles SASS files. Remember to activate it when you are going to change theme colors via Customize.
  • Visual Composer: Allows for seamless integration with Visual Composer
  • CT FAQ: This extension will add FAQ post type support
  • CT Portfolio: This extension will add portfolio post type support.
  • CT Header: This extension will add header options.
  • CT Gallery: This extension will add gallery post type support.

License

The licenses for most software are designed to take away your freedom to share and change it. By contrast, the GNU General Public License is intended to guarantee your freedom to share and change free software. Unyson inherits the General Public License (GPL) from WordPress.

Extension

On the Unyson page, you’ll see a list of avaliable extensions separated in two sections:

Active Extensions - Extensions that should be activate to be able to fully use Weddington WP theme functionality:

Available Extensions - Extensions not yet downloaded or activate.

Note

We recommend to not activate any of the extensios that are not part of the list above. They may not be compatible with the theme and could create unexpected issues.

Plugins

Visual Composer
_images/vc.png

Simply drag and drop elements to build your page content. We prepared components which will help you determine main structure of the webpage – easily set up backgrounds, colors and styles for whole sections as well as lots of various smaller components which you can freely put wherever you want.

Note

As the VC plugin used with Weddington WP Theme is part of a bundle, that mean that theme author has a license and only he/she can download latest versions of VC and include it in the theme. You as a theme user may use Visual Composer free of charge while you use the theme that came with VC (because you have a license for that theme).

Learn more:

For more information about Visual Composer, please check articles below:

Slider Revolution
_images/revslider.png

How to activate the plugin

Slider Revolution is included in Sella WP package – so you don’t have to do anything more than click install and activate as you do with other plugins.

If you are new user of the revolution Slider plugin or you just want to check some of it functionality feel free to check Slider Revolution Documentation created by the authors of this plugin.

Contact Form 7

Contact forms in Weddington WP are created with the use of Contact Form 7 Plugin. Below you will find information how to recreate Contact forms used in our theme by adding the correct markup for the Form section of this plugin.

_images/custom_form.png

If you never before used this plugin I suggest you to check Getting Started with ContactForm 7.

Demo Content

Note

To be able to use theme content installation and backup functionality make sure to activate Backup & Demo Content Unyson’s extension.

_images/unysone_extension.png

The fastest and easiest way to import our demo content is to use Theme Options Demo Content Installer. It will import all pages and posts, sample slider, widgets, theme options, assigned pages, and more.

Import Demo Content

To import our demo content, please follow the steps below:

  • Step 1 – Navigate to Tools where after activating the Unyson extension Demo Content Install option will be available

    _images/demo_content_inst.png
  • Step 2 – Choose import option you want to use from available options

  • Step 3 - To be able to continue you need to agree to this term.

    _images/warning_message.png
  • Step 4 – Wait until the content will be installed

    _images/install_new_content.png

Importing can take a few minutes. Please be patient and wait for it to complete. Once it is loading, you will see message with indicating progress.


We recommend this approach on a newly installed WordPress. It will replace the content you currently have on your website. However, we create a backup of your current content in (Tools > Backup). You can restore the backup from there at any time in the future.

_images/tools_backup.png

Support

All of our items comes with free support. Free support is limited to questions regarding the themes features or problems. We provide premium support for code customisation or third-party plugins.

Note

Our support hours: 10:00 AM – 6:00 PM UTC +1 on Monday to Friday.

Free Support

For issues and concerns, you can reach us through these support methods:

  • E-mailsupport@createit.pl

  • Help Desk – Click here to go to our support website. Just click on the Submit Ticket button and follow instructions to create a ticket.

  • Forum – Comment/Post on the product you have issues/queries in ThemeForest or CodeCanyon websites.

    Before You Post in a Forum

    We urge you to follow the steps below, before you post a new topic on the forum, to speed up your request. It’s in everyone’s interest and will benefit in making the entire forum more efficient:

    • Step 1 – Always check the Documentation and the Knowledgebase Section. Most questions are already answered in those areas.
    • Step 2 – If your question hasn’t been brought up on the forum, please post a new topic. Always be as specific as possible. Creating a topic requires entering the live URL to your home page or page that shows the issue in question. It also has bars for WP and FTP login info, which aren’t required, however, providing us with your login information can save a lot of time for both of us. Login credentials are securely stored and accessible only by our support staff.
    • Step 3 – We usually answer questions in 24 hours on working days. However, if you don’t get any answer within 72 hours bump up your question or send us an e-mail.

For all support methods, you will receive confirmations and replies on your queries through e-mail or by tracking your ticket which you will also get through e-mail. To track your ticket, please click here.

Once we reply to your query, each ticket will be open for 7 days without a reply from you. On the 6th day without a reply, an e-mail will be sent to notify you of the ticket’s inactivity. To make the ticket active again, you simply need to reply or follow the steps in the e-mail. If you won’t make the ticket active within 7 days, on the 8th day the ticket will automatically be closed.

Premium Support

We can create your website from scratch, redesign it or just extend the current ones. For more information, please take a look at our website. Typical issues covered by Premium Support:

  • Custom CSS
  • Support for third party software and plug-ins
  • WordPress Installation with Theme configuration
  • Server configuration
  • Site structure modifications
  • Graphic adjustments, etc.
  • WordPress general howto’s

Page

You can use Pages to organize and manage any content on your website. You can create multiple pages on your website for different types of content or setup onepager with scroll-to-section menu.

Create New Page

To create a new Page in Weddington follow the steps below:

  • Step 1 - In Dashboard, navigate to Pages > Add New. You will be directed to a page where you can add details on the page.

    _images/newPage.png
  • Step 2 - Add the Title of the page.

  • Step 3 - Add content – we recommend you to create page content using Visual Composer or by modifying demo content.

    _images/newPage1.png
  • Step 4 - Choose page attributes.

    _images/newPage2.png
    • Parent – If you want to create this page as a subpage.
    • Template – You can choose one of defined page templates
    • Order – The order of the page.
  • Step 5 - After adding all the contents of the page, click on the Publish button.

Create Page Using Visual Composer

When using Visual Composer to add content, you have 2 Editor options, the Backend Editor and Frontend Editor.

_images/newPage3.png
Backend Editor
_images/newPage4.png
Frontend Editor

In adding contents to the page, there are many options to choose from. Some of the options are:

  • Elements - You will be able to choose elements that are needed and used on the page.

    _images/newPage5.png
  • Text Block – This is where you add Text to the page.

    _images/newPage6.png
  • Row – An area where you can add elements.

    _images/newPage7.png

Homepage Setup

If you have added some pages via Pages > Add New you can choose one and set it up as a homepage.

Use Static front page tool in Settings > Reading and choose from the list your homepage. Remember to click Save changes at the end of editing.

_images/newPage8.png

Create a Onepager

One page site allows you to put all the content on one page, and the menu items will link to each different section of the page.

Think of it as a full site but all in one page. Please read below for information on how to set this up.

To create a Onepager site using Weddington, follow these steps:

  • Step 1 - Navigate to the Pages section of your Dashboard and click Add New.

  • Step 2 - In the new page, use the Backend or Frontend editor to create a Section.

    Note

    You can also use Rows for this. Each section/row will serve as a section in the page to locate using the menu.

    _images/newPage9.png
  • Step 3 - Click on the Edit option in every section you create and look for Section ID. The Section ID will serve as the anchor of the menu. Make sure that the ID is unique to the section.

    _images/newPage10.png
  • Step 4 - Add the contents in the Section. You can add rows with text and elements inside. Click on Publish button to save.

    _images/newPage11.png

    You can see in the sample above that each section have different Section IDs.


  • Step 5 - Set this page as the front page by navigating to Settings > Reading. Click on A static page option, then select the page for the onepager then click on the Save Changes button.

    _images/newPage12.png
  • Step 6 - To make the Menu for the onepager, navigate the dashboard to Appearance > Menus. Look for create a new menu, add the Menu Name then click on the Create Menu button.

    _images/newPage13.png
  • Step 7 - You will see options on what to put inside your new menu. Look for Custom Links in the options. If you don’t see that option, at the upper-right side of the page you will see Screen Options option, click on that and you will see options with check boxes. Check the box beside Custom Links.

    _images/newPage14.png
  • Step 8 - Using the Custom Links option, write the section’s Section ID inside the URL textbox and the name of the link inside the Link Text textbox. Then click on the Add to Menu button. After adding all the navigation menu, Click on Save Menu to save.

    _images/newPage15.png
  • Step 9 - Click on the Manage Location tab, change the Top primary menu to the menu that you made for the onepager. Click on the Save Menu button to save.

    _images/newPage16.png

You can see the changes on the Front Page of the site.

Weddington Elements

Weddington Custom Shortcodes

With Weddington, comes custom shortcodes for (Visual Composer) VC that are used to show content created in Weddington.

Below you will find short information about this Visual Composer elements:

_images/short.png

Address

_images/short1.png

This element will let you display a small detail for an address/event.

_images/short2.png

-General Tab-

  • Enter title for address - Title for the address/event.
  • Enter starting time - Starting time for the event.
  • Enter location to display as a text - Location where the event is held.
  • Enter text to display after location - Text you want to display after the location.
  • Enter link target (link will be displayed after text) - The page where the link will redirect.
  • Enter link text (link will be displayed after text) - Text for the link.
  • Display button with map popup? - Option to add a button for a map popup.

-Map Tab-

  • Type text to the popup button - Text displayed in the button with map popup.
  • Choose icon for map popup button - Icon beside the text in the button with map popup.
_images/short3.png

Blog Posts

_images/short4.png

This theme comes with VC element that give you the option to display the blog posts.

_images/short5.png

-General Tab-

  • Display header in faq - Option to add a header before the blog posts. When selected, the- header tab will appear.

-Header Tab-

  • Header type - The type of design the header will look.
  • Header Color - Color scheme of the header: White or Dark
  • Select alignment type - Alignment of the title.
  • Display text after subtitle - Option to display the subtitle after the title.
  • Display button in header - Option to add a button in the header.
  • Header level
  • Header title - What is written inside the header.
  • Header title font size - Font size of the header’s title.
  • Header title custom color - Font color of the title.
  • Header subtitle custom title - What is written as the subtitle.
  • Header subtitle font size - Font size of the subtitle.
  • Header subtitle color - Font color of the subtitle.
  • Display custom image for header decoration - Option to display image for header decoration.
  • Upload custom image for decoration - Upload/select an image to make as decoration for the header.
  • Header top margin [px] - Size of the top margin.
  • Header bottom margin [px] - Size of the bottom margin.
  • Optional text - Add an optional text below the header.
  • Header text font size [px] - Size of the font for the optional text.
  • Header text color - Font color of the optional text.
  • Button title - Title for the button in the header.
  • Button size - Size of the button in the header.
  • Full width button - Option to have the button in full width.
  • Button style - Style of how the button looks.
  • Button link - Where the button will redirect.
  • Button icon - Icon in the button.
  • Select target for the link - Where the link is going to open.

-Filters Tab-

  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify post objects - Only selected posts are shown.
  • Exclude post objects - None of the selected posts will be displayed.
  • Specify terms of category taxonomy - Only show posts under the categories.
  • Exclude terms of category taxonomy - None of the posts under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show items with certain keyword.
_images/short6.png

Button

_images/short7.png

This theme comes with VC element that give you the option to create buttons that can be used in the theme.

_images/short8.png

-Button Tab-

  • Button title - The label of the button.
  • Button size - Size of the button.
  • Full width button - Option to make the button full width.
  • Button style - Options for the color of the button.
  • Button link - URL link for the button.
  • Button icon - Add the icon you would like to use.
  • Select target for the link - Where the link is going to open.
_images/short9.png

Counter

_images/short10.png

This will let you a dynamic counter from 0 to the number you set the counter on your page.

_images/short11.png
  • Date of event - use english format for example 20 january 2015 20:22
_images/short12.png

Go to Section

_images/short13.png

This element will let you add an icon that can direct you to a part of the page when clicked. You must set an ID for the part that you would like direct to by adding the ID at the Row/Section Settings.

_images/short14.png

-General Tab-

  • Enter link for scroll - The row/section ID of the area you want to be directed.
  • Button icon - Add the icon you would like to use.
  • Type vertical offset you can use values > 0 and < 0
_images/short15.png

Iconbox

_images/short19.png

This will add an icon box to your site.

_images/short20.png

-General Tab-

Gallery Items - Click toggle row to show Gallery items options. To add more Gallery items, click on the plus(+) sign.
  • Choose icon - Add the icon you would like to use.
  • Type item title - Text that will show after the Icon.
  • Text for first link - Text for the first link.
  • Target link for first link - URL link for the first link.
  • Text for second link - Text for the second link.
  • Target link for second link - URL link for the second link.
_images/short21.png

Invitation

_images/short22.png

This element will let you add details for the event that would look like an invitation.

_images/short23.png

-General Tabs-

  • Enter invitation title - Title for the invitation.
  • Select Title color - Font color for the invitation title.
  • Type invitation text - Text after the title.
  • Select color for invitation text - Font color for the invitation text.
  • Type name of the day - The day of the event. Example: Saturday
  • Select color for the day - Font color for the day.
  • Type date - Date of the event.
  • Select date color - Font color for the date.
  • Enter place address - The location of the event.
  • Select color for address - Font color for the address.
  • Display button in header - Option to add a button in the invitation.
_images/short24.png

Person

_images/short25.png

This element lets you add a picture with details about what that person’s title in the event.

_images/short26.png

-General Tab-

  • Full Name - Option to set the promo boxes to move by itself.
  • Title - Option to use a dotted slider as navigation.
  • Select picture - Option to use an arrow slider as navigation.

-Socials-

  • Social Icons - Click toggle row to show Social Icons options. To add more Social Icons, click on the plus(+) sign.

    Note

    Use text-center class to center this content so it will be centered on mobile correctly.

    • Select Icon - Choose the icon you want to use.
    • Type Link - URL link for the page you want to direct.
_images/short27.png

Family Slider

_images/short28.png

This element will let you add custom family member or items from Family.

_images/short29.png

-General Tab-

  • Select source for gallery - Select where to get the source of the gallery.
  • Display header in gallery? - Option to display a header before the family slider.
  • Autoplay - Option to make the slider move by itself.
  • Dotted slider navigation - Option to show dotted slider navigation.
  • Display arrows in slider - Option to show arrow slider navigation.
  • Pause on hover when autoplay is on - Option to pause autoplay when the mouse pointer is hovering.
  • Adapt height of slider to current slide - Option to adapt the height of the slider.

-Elements Tab-

Used when Select source for gallery is set to Pictures from custom content.

Note

Click toggle row to show Slider Categories and Slider Items options. To add more Slider Categories and Slider Items, click on the plus(+) sign.

  • Slider categories - Create a Family category to group all family members.

    • Type category title - Title of the family category.
    • Choose picture for category - Add an image to associate with the family category.
  • Slider Items - Create a Family member with it’s details.

    • Type item title - Title/Name of the member.
    • Type item description - The description of the member.
    • Type item categories (use | as a separator) - Category to group the member.
    • Choose picture - Image to associate with the member.
    • 1. Choose icon - Icon to add below the details of the member.
    • 1. Type link for icon - URL link for the icon.
    • 2. Choose icon - Icon to add below the details of the member.
    • 2. Type link for icon -URL link for the icon.
    • 3. Choose icon - Icon to add below the details of the member.
    • 3. Type link for icon -URL link for the icon.

-Query Tab-

Note

To control the output of the Family Slider, you can use the information on this tab.

  • Limit - Set how many Family items will show. Set to -1 to show all.
  • Skip X elements - Skip a number of Family items from the results.
  • Order - How the Family items order looks.
  • Order by - How the Family items are ordered.
  • Specify Family - Only selected Family items are shown.
  • Exclude Family - None of the selected Family items will be displayed.
  • Specify Family Categories - Only show Family items under the categories.
  • Exclude Family Categories - None of the Family items under the categories are shown.
  • Specify post tags - Only show Family items with selected tags.
  • Keyword search - Show Family items with certain keyword.

-Slides Tab-

  • Slides to show - Number of slides to show.
  • Slides to show on tablets - Number of slides to show on a tablet platform.
  • Slides to show on phablets - Number of slides to show on a phablet platform.
  • Slides to show on phones - Number of slides to show on a phone platform.
  • Set initial slide - Set the initial slider that moves.
_images/short30.png

Faq

_images/short31.png

This element will let you display custom Faq or items from Faq.

_images/short32.png

-General Tab-

  • Select source - Select where to get the source.
  • Display header in faq? - Option to display a header before the Faq.

-Query Tab-

  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify Faq - Only selected posts are shown.
  • Exclude Faq - None of the selected posts will be displayed.
  • Specify Faq Categories - Only show posts under the categories.
  • Exclude Faq Categories - None of the posts under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show items with certain keyword.

Storyline

_images/short40.png

This element lets you add custom storyline items or items from Storyline.

_images/short41.png

-General Tab-

  • Select source for storyline - Select where to get the source.
  • Display header in storyline? - Option to display a header before the storyline.

-Elements Tab-

Used when Select source for storyline is set to Storyline made from custom content.

Note

Click toggle row to show Storyline Items options. To add more Gallery Items, click on the plus(+) sign.

  • Storyline Items

    • Type item title - Title of the item.
    • Type item subtitle - Subtitle of the item.
    • Type item date use english format for example 20 january 2015
    • Select item thumbnail - Add an image to associate with the item.
    • Type content - Text content of the item.

-Query Tab-

  • Limit - Set how many items will show. Set to -1 to show all.
  • Skip X elements - Skip a number of items from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify Storyline - Only selected posts are shown.
  • Exclude Storyline - None of the selected posts will be displayed.
  • Specify Storyline Categories - Only show posts under the categories.
  • Exclude Storyline Categories - None of the posts under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show items with certain keyword.
_images/short42.png

Testimonials Slider

_images/short43.png

This element lets you add custom testimonial items or items from Testimonials.

_images/short44.png

-General Tab-

  • Select source - Select where to get the source of the gallery.
  • Autoplay - Option to make the slider move by itself.
  • Dotted slider navigation - Option to show dotted slider navigation.
  • Display arrows in slider - Option to show arrow slider navigation.
  • Pause on hover when autoplay is on - Option to pause autoplay when the mouse pointer is hovering.
  • Adapt height of slider to current slide - Option to adapt the height of the slider.

-Slides Tab-

Note

Turn on fade option is only applicable to 1 slider. If using more than 1 slide, uncheck this option for the slides to work properly. When showing odd numbered slides, the Use center mode will show.

  • Slides to show - Number of slides to show.
  • Slides to show on tablets - Number of slides to show on a tablet platform.
  • Slides to show on phablets - Number of slides to show on a phablet platform.
  • Slides to show on phones - Number of slides to show on a phone platform.
  • Set initial slide - Set the initial slider that moves.

-Elements Tab-

Used when Select source for gallery is set to Custom content.

Note

Click toggle row to show Testimonial Items options. To add more Testimonial Items, click on the plus(+) sign.

  • Testimonial Items

    • Type testimonial author - Name of the testimonial author.
    • Type testimonial content - Text content of the testimonial.

-Query Tab-

  • Limit - Set how many items will show. Set to -1 to show all.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify Testimonials - Only selected posts are shown.
  • Exclude Testimonials - None of the selected posts will be displayed.
  • Specify Testimonials Categories - Only show posts under the categories.
  • Exclude Testimonials Categories - None of the posts under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show items with certain keyword.
_images/short45.png

Weddington Plugin Elements

Some plugins that are used in Sella generates an element that helps customize the pages on your site. You will see the plugin elements as follows:

Contact Form 7

_images/short46.png

This is the plugin that can add a Contact Forms on a page. To know how to create a contact form, go to the Create Contact Form tutorial.

_images/short47.png

Revolution Slider & Revolution Slider 5

_images/short48.png

This plugin lets you add a slider that you made under the Slider Revolution. The slider revolution lets you make your own customized slider. To know how to use the slider revolution, go to the Create Revolution Slider.

_images/short49.png

Visual Composer

_images/shortcodes39.png

This element lets you customize your page using a simple drag and drop of elements to build your page content. You can easily setup the backgrounds, colors, and styles for a whole section as well as lots of various smaller components which you can freely put wherever you want.

Some of these elements are:

Single Image
_images/vcElement.png

This element will let you add a single image in your page.

_images/vcElement1.png
Video Player
_images/vcElement5.png

This element will let you add a video or MP3 file inside your page by adding the link for the video/MP3.

_images/vcElement4.png
Progress Bar
_images/vcElement6.png

This element will add an animated progress bar in your page.

_images/vcElement7.png
Chart
_images/vcElement8.png

This element lets you add a graph. These are the types of graph that you can add:

  • Pie

    _images/vcElement9.png
  • Round

    _images/vcElement10.png
  • Line

    _images/vcElement11.png

Blogs Posts

Weddington is loaded with options for the blog. It offers many different options for you to present your blog posts, along with several different blog post layouts. In addition, there are numerous theme options and shortcode options that allow you to customize how posts are displayed.

Create New Blog

No matter which method you use to display your blog posts, first thing you need to do is create them.

Weddington offers several blog post formats:

_images/newblog.png
  • Standard - The default format for the blog post. It will show only the text in the blogs page.

  • Aside

  • Image - The Featured Image and a small preview of the text will be shown in the blogs page.

  • Video - A video and a small preview of the text will be shown in the blogs page.

    To be able to use a Video for the blogs post page, the blog format should be Video and the Video format settings will show where you add the Embed code of the video.

    _images/video.png

    To add a video in the single page of the blog, you can use the Video element in the VC.

  • Audio - An MP3 music and a small preview of the text will be shown in the blogs page.

    To be able to use a Video for the blogs post page, the blog format should be Video and the Video format settings will show where you add the Embed code of the video.

    _images/audio.png

    To add a video in the single page of the blog, you can use the Video element in the VC.

  • Quote - The quoted word in the blog post will be shown in the blogs page.

  • Link - A link in the blog post for a webpage will shown in the blogs page.

  • Gallery - The image gallery in the blog post will be shown in the blogs page.

Note

If the settings for Video or Audio format is not displayed, go to Screen Options at the upper right side of the screen. Click the options for Video format settings or Audio format settings, this should display the settings.

_images/note.png

Follow the steps below to create a blog post:

  • Step 1 - Navigate to Blog Posts > Add New in the Dashboard.
_images/newblog1.png
  • Step 2 - Create a title and insert your post content in the editing field. You can use any of our shortcode elements inside the post. If you want to use some additional fields, choose them from Screen Options at the top of the screen.
_images/newblog2.png
  • Step 3 - Add Blog Categories on the right side. Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category . To assign it to the post, check the box next to the Category name.
_images/newblog3.png
  • Step 4 - To add Tags, write the Tags at the textbox below the Blog Categories. Tags are meant to describe specific details of your posts. They are the micro-data that you can use to micro-categorize your content. Tags are not hierarchical. Type the name of the tag in the field, separate multiple tags with commas.
_images/newblog4.png
  • Step 5 - To add a Single image, click the Featured Image box, select an image and click Set Featured Image.
_images/newblog5.png

To add more than one image, use Image Gallery (Visual Composer element) , each image will be a slide in the gallery slideshow. Gallery can be created by adding images from Media gallery or by adding External links of the images that will be used.

_images/newblog6.png
  • Step 6 – To post Video, use Video Player (Visual Composer element) and paste the direct video URL from Youtube, Vimeo or Dailymotion and more.

  • Step 7 – to post Audio, use Video Player (Visual Composer element) and paste the direct audio URL from Soundcloud, Mixcloud and more.

    _images/newblog7.png
  • Step 8 – For Quotation, use WordPress Blockquote option (Shift + Alt + Q). quote

  • Step 9 – For Links, use WordPress Inser/Edit Link option (Ctrl + K). link
  • Step 10 – Create an excerpt – Excerpts are optional hand-crafted summaries of your content that can be used in your theme. Learn more about manual excerpts.
  • Step 11 – Once finished, click Publish to save the post.

You will see all the Blogs created at Blog Posts > All Posts.

Blog Index Page

The most popular way of displaying blog posts is to setup blog index page. There all of your posts will be displayed and ordered by publish date.

To set the page as your post page, navigate to Posts page tool in Settings > Reading and choose Blog index page from the ones you created.

_images/blogInPage.png

Note

On Blog index page you will see only your posts, so don’t add any other content to it.

Blog Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a blog would make it easier to locate and post on similar topics by category.

Create Blog Category

To create a Category for a blog, follow these steps:

  • Step 1 - Navigate your Dashboard to Blog Posts > Categories. You will see the Blog Categories page.

    _images/blogCat.png
  • Step 2 - In the page, find the Add New Category area. Add All the necessary information.

    _images/blogCat1.png
    • Name - The name of the category.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
    • Description - Description of the category.
  • Step 3 - Once done filling out the information of the category, click on Add New Category button to save.

Delete Blog Category

To delete a Category, navigate your Dashboard to Blog Posts > Categories.

In the Blog Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/blogTag2.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/blogTag3.png

Blog Tags

Tags are meant to describe specific details of your posts. They are the micro-data that you can use to micro-categorize your content. Tags are not hierarchical.

Adding tags to a blog post would make it easier to relate a post with another post even if the categories are different.

Create Blog Tags

To create a Tag for a blog, follow these steps:

  • Step 1 - Navigate your Dashboard to Blog Posts > Tags. You will see the Tags page.

    _images/blogTag.png
  • Step 2 - In the page, find the Add New Tag area. Add All the necessary information.

    _images/blogTag1.png
    • Name - The name of the tag.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Description - Description of the tag.
  • Step 3 - Once done filling out the information of the tag, click on Add New Tag button to save.

Note

Adding a tag may affect the tags from other component of the site.

Delete Blog Tags

To delete a tag, navigate your Dashboard to Blog Posts > Tags.

In the Tags page, you will see all the created tags.

To delete a tag, you have two options:

  • Single Delete - Hover your mouse pointer on the tag that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/blogTag2.png
  • Multiple Delete - To delete multiple tags, click on the box beside the tags you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/blogTag3.png

Note

Deleting a tag may affect the tags from other component of the site.

Family

Create New Family

To create a new family member, follow the steps:

  • Step 1 - To start creating an Family, on your Dashboard navigate to Family > Add New. The Add New Family Item page will show.

    _images/fam.png
  • Step 2 - Once your in the Add New Family page, you can add details about the Family like name, picture, category, etc., to help with classifying the family member.

  • Step 3 - This are the needed information for the Family, you can add the details.

    _images/fam1.png
    1. Title - The name of the Family member.

    2. Settings - Details about the family member.

      • Description - What’s the role of the family member.
      • Options - You can add personal social media account links to a family member.
    3. Family Categories - Group a family member with other family members in the same category.

    4. Family Tags - Help group a family member with other family member of the same tag.

    5. Featured Image - The Image shown in the listings/pages.

  • Step 4 - Add all the needed details and descriptions for the Family, Once satisfied click on Publish button.

Family Category

Categories for Family is grouping family members into a family. By adding categories to a family item, it would make it easier to group similar family by category.

Create Family Category

To create a Category for an Family, follow these steps:

  • Step 1 - Navigate your Dashboard to Family > Family Categories. You will see the Family Categories page.

    _images/fam3.png
  • Step 2 - In the page, find the Add New Category area. Add All the necessary information.

    _images/fam4.png
    • Name - The name of the category.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
    • Description - Description of the category.
    • Icon - Add an image to represent the category.
  • Step 3 - Once done filling out the information of the category, click on Add New Category button to save.

Delete Family Category

To delete a Category, navigate your Dashboard to Family > Family Categories.

In the Family Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/fam5.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/fam6.png

Family Tags

Tags for Family is grouping family members into a family. By adding tags to a family item, it would make it easier to group similar family by Tags.

Create Family Tags

To create Tags for Family, follow these steps:

  • Step 1 - Navigate your Dashboard to Family > Family tags. You will see the Family tags page.

    _images/fam7.png
  • Step 2 - In the page, find the Add New tag area. Add All the necessary information.

    _images/fam8.png
    • Name - The name of the Tags.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Description - Description of the Tags.
  • Step 3 - Once done filling out the information of the Tags, click on Add New tag button to save.

Note

Adding a tag may affect the tags from other component of the site.

Delete Family Tags

To delete a Tags, navigate your Dashboard to Family > Family tags.

In the Family tags page, you will see all the created Tags.

To delete a Tags, you have two options:

  • Single Delete - Hover your mouse pointer on the Tags that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/fam9.png
  • Multiple Delete - To delete multiple tags, click on the box beside the tags you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/fam10.png

Note

Adding a tag may affect the tags from other component of the site.

Add Family to Page

To add Family on a page, you can use an element in the Visual Composer: Family Slider

_images/fam2.png

This is the element that will add Family items on the page. For more information about this element, go to Weddington Custom Shortcodes > Family Slider.

_images/short30.png

FAQ

Create FAQ Item

Frequently Asked Questions (FAQ) of Weddington is generated by the theme from Faq items.

To create a new Faq item, navigate in WordPress Dashboard to Faq > Add New.

_images/faq.png

The Add New Faq Item page will show, information on the Faq’s can be define here.

_images/faq1.png
  1. Title – The FAQ’s question should be written as the title.
  2. Editor Container – Where the answers for the question is added.
  3. FAQ Categories (optional) – Assign to preexisting category or add a new one.

Once done, click on Publish button.

Create FAQ Categories

Categories are convenient ways to organize your FAQ items, that can be added to more than just one category.

To create new FAQ Category, navigate in WordPress Dashboard to FAQ > FAQ Categories.

_images/faq2.png

The FAQ Categories page will show, here you can add the details of the FAQ Category that you would like to create.

_images/faq3.png

After adding all the details, click on Add New category to save.

Delete FAQ Category

To delete a Category, navigate your Dashboard to FAQ > FAQ Categories.

In the FAQ Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/faq4.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/faq5.png

Create FAQ Page

Frequently Asked Questions (FAQ) of Weddington is generated by the theme from FAQ.

To create an FAQ Page, follow these steps:

  • Step 1 - Create a new page where to add the FAQs.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the FAQ Items. The FAQ Items can be generated by a Theme Element: Faq. For information about Faq Element, click here.

    _images/faq6.png
  • Step 6 - You can customize the page by adding other elements to the page.

  • Step 7 - Once you have finished customizing the page, click on the Publish button.

Sample for FAQ Page

_images/faq7.png

Gifts

Create New Gift

To create a new Gift, follow the steps:

  • Step 1 - To start creating an Gifts, on your Dashboard navigate to Gifts > Add New. The Add New Gift page will show.

    _images/gift.png
  • Step 2 - Once your in the Add New Gift page, you can add details about the Gift like title, pictures, pricing, etc., to help with the promotion of the Gift.

  • Step 3 - This are the needed information for the Gift, you can add the details.

    _images/gift1.png
    1. Title - The name of the Gift.

    2. Gift Options - Details about the gift item.

      • Link to the item - A link to the item sold online.
      • Estimated price - An estimate on the price of the item.
      • Item reserved - Option to have the item reserved.
      • Reservation name - What the is written for the reservation link.
      • Reservation e-mail - Where the reservation email will be sent.
      • Required fields - Option to require Name and Email to make a reservation.
      • Public information - Option for the reservation of the item be known in public.
    3. Gift Categories - Group a Gift with other Gifts in the same category.

    4. Featured Image - The Image shown in the gifts page.

  • Step 4 - Add all the needed details and descriptions for the Gift, Once satisfied click on Publish button.

Add Gifts to Page

To add Gifts on a page, you can add the link for the gallery in Appearance > Menu

_images/gift6.png

You will be redirected to the Menus page.

_images/gift7.png

Using a Custom Links box, set the URL link to /gifts and add the link text. Once done, click Add to Menu button and set the order of the Custom link.

_images/gift9.png

Note

If you don’t see the Custom Links box, go to Screen Options at the upper right side of the page. Click the Custom Links under Boxes.

_images/gift8.png

Gifts Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to an Gift would make it easier to locate and post on similar topics by category.

Create Gifts Category

To create a Category for an Gift, follow these steps:

  • Step 1 - Navigate your Dashboard to Gifts > Gifts Categories. You will see the Gift Categories page.

    _images/gift2.png
  • Step 2 - In the page, find the Add New Category area. Add All the necessary information.

    _images/gift3.png
    • Name - The name of the category.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
    • Description - Description of the category.
  • Step 3 - Once done filling out the information of the category, click on Add New Category button to save.

Delete Gifts Category

To delete a Category, navigate your Dashboard to Gifts > Gifts Categories.

In the Gifts Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/gift4.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/gift5.png

Portfolio

Create Portfolio

To create a new Portfolio item, navigate in WordPress Dashboard to Portfolio > Add New

_images/port.png

The Add New Portfolio Item page will show. Add the details for the portfolio.

_images/port1.png
  1. Title - Title of the portfolio.
  2. Portfolio options - Images to show in the portfolio.
  3. Portfolio Categories – Assign to already existing category or add new one.
  4. Featured Image - The image visible on the page where the portfolio is used.

After adding all the details, click on Publish button to save.

Delete Portfolio

To delete a Portfolio, navigate your Dashboard to Portfolio > Our Portfolio

In the Portfolio page, you will see all the created Portfolio.

To delete a Portfolio, you have two options:

  • Single Portfolio Delete - Hover your mouse pointer on the Portfolio that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

    _images/port4.png
  • Multiple Portfolio Delete - To delete multiple galleries, click on the box beside the Portfolio you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Move to Trash option. Click on Apply button to delete.

    _images/port5.png

Portfolio Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a Portfolio would make it easier to locate and post on similar topics by category.

Create Portfolio Categories

Categories are convenient ways to organize your FAQ items, that can be added to more than just one category.

To create new Portfolio Category, navigate in WordPress Dashboard to Portfolio > Portfolio Categories.

_images/port2.png

The Portfolio Categories page will show, here you can add the details of the Portfolio Category that you would like to create.

_images/port3.png
  • Name - The name of the category.
  • Slug - The URL-friendly version of the name. Usually all lowercase.
  • Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
  • Description - Description of the category.

After adding all the details, click on the Add New category button to save.

Delete Portfolio Category

To delete a Category, navigate your Dashboard to Portfolio > Portfolio Categories.

In the Portfolio Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/port6.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/port7.png

Create Portfolio Page

Portfolio of Weddington is generated by the theme from Portfolio Items.

To create a simple Portfolio Page, follow these steps:

  • Step 1 - Create a new page where to add the Portfolio.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Portfolio items. To add the Portfolio items, add a Portfolio Gallery element to the page.

    _images/port8.png

This is the elements that will add Portfolio items on the page. For more information about this elements, go to Weddington Custom Shortcodes > Portfolio Gallery.

  • Step 6 - You can customize the page by adding other elements to the page.
  • Step 7 - Once satisfied with the page, click Publish to save.

Storyline

Create Storyline

To create a new Storyline, navigate in WordPress Dashboard to Storyline > Add New

_images/story.png

The Add New Storyline Item page will show. Add the details for the Storyline.

_images/story1.png
  1. Title - Title of the Storyline.
  2. Editor container - You can add the information for the storyline.
  3. Storyline options - Details about the storyline.
  4. Storyline Categories – Assign to already existing category or add new one.
  5. Featured Image - The image visible on the page where the Storyline is used.

After adding all the details, click on Publish button to save.

Delete Storyline

To delete a Storyline, navigate your Dashboard to Storyline > Our Storyline

In the Storyline page, you will see all the created Storyline.

To delete a Storyline, you have two options:

  • Single Storyline Delete - Hover your mouse pointer on the Storyline that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

    _images/story2.png
  • Multiple Storyline Delete - To delete multiple galleries, click on the box beside the Storyline you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Move to Trash option. Click on Apply button to delete.

    _images/story3.png

Storyline Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a Storyline would make it easier to locate and post on similar topics by category.

Create Storyline Categories

Categories are convenient ways to organize your FAQ items, that can be added to more than just one category.

To create new Storyline Category, navigate in WordPress Dashboard to Storyline > Storyline Categories.

_images/story5.png

The Storyline Categories page will show, here you can add the details of the Storyline Category that you would like to create.

_images/story6.png
  • Name - The name of the category.
  • Slug - The URL-friendly version of the name. Usually all lowercase.
  • Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
  • Description - Description of the category.

After adding all the details, click on the Add New category button to save.

Delete Storyline Category

To delete a Category, navigate your Dashboard to Storyline > Storyline Categories.

In the Storyline Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/story7.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/story8.png

Create Storyline Page

Storyline items of Weddington is generated by the theme from Storyline.

To create a simple Storyline Page, follow these steps:

  • Step 1 - Create a new page where to add the Storyline.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Storyline items. To add the Storyline items, add a Storyline element to the page.

    _images/story4.png

This is the elements that will add Storyline items on the page. For more information about this elements, go to Weddington Custom Shortcodes > Storyline.

  • Step 6 - You can customize the page by adding other elements to the page.
  • Step 7 - Once satisfied with the page, click Publish to save.

Sample Storyline on Page

_images/story9.png

Testimonials

A Testimonial is a statement that testify to someone’s character and qualifications. You can use this statements on your page to establish confidence.

Create Testimonials

To create a new testimonial, on your Dashboard navigate to Testimonials > Add New.

_images/testi.png

The Add New Testimonial page will show. Add the details for the testimonial.

_images/testi1.png
  1. Title - The title of the single testimonial page.
  2. Editor container - You can add here the testimonial.
  3. Testimonial options - Details about the testimonial.
  4. Testimonial Categories - Testimonial category.

After adding all the details, click on Publish button to save.

Delete Testimonials

To delete a Testimonial, navigate your Dashboard to Testimonials > Our Testimonials

In the Testimonials page, you will see all the created testimonials.

To delete a testimonial, you have two options:

  • Single Testimonial Delete - Hover your mouse pointer on the testimonial that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

    _images/testi2.png
  • Multiple Testimonials Delete - To delete multiple testimonials, click on the box beside the testimonials you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Move to Trash option. Click on Apply button to delete.

    _images/testi3.png

Testimonial Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a Testimonial would make it easier to locate and post on similar topics by category.

Create Testimonial Categories

Categories are convenient ways to organize your FAQ items, that can be added to more than just one category.

To create new Testimonial Category, navigate in WordPress Dashboard to Testimonial > Testimonial Categories.

_images/testi6.png

The Testimonial Categories page will show, here you can add the details of the Testimonial Category that you would like to create.

_images/testi7.png
  • Name - The name of the category.
  • Slug - The URL-friendly version of the name. Usually all lowercase.
  • Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
  • Description - Description of the category.

After adding all the details, click on the Add New category button to save.

Delete Testimonial Category

To delete a Category, navigate your Dashboard to Testimonial > Testimonial Categories.

In the Testimonial Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/testi8.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/testi9.png

Create Testimonial Page

Testimonial items of Weddington is generated by the theme from Testimonial.

To create a simple Testimonial Page, follow these steps:

  • Step 1 - Create a new page where to add the Testimonial.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Testimonial items. To add the Testimonial items, add a Testimonial Slider element to the page.

    _images/testi4.png

This is the elements that will add Testimonial items on the page. For more information about this elements, go to Weddington Custom Shortcodes > Testimonial Slider.

  • Step 6 - You can customize the page by adding other elements to the page.
  • Step 7 - Once satisfied with the page, click Publish to save.

Sample Testimonial on Page

_images/testi5.png

Contact Form

Create Contact Form

To create a new Contact Form item, navigate in WordPress Dashboard to Contact > Add New.

_images/newContact.png

The Add New Contact Form page will show. Add the details for the Contact Form.

_images/newContact1.png
  1. Title - The title for the Contact Form

  2. Form Details - Details and information of the form.

    • Form - The codes for the user interface of the form.
    • Mail - Set the email template of the form.
    • Messages - Message prompt when an action is done with the form.
    • Additional Settings - You can add customization code.

After adding all the details, click on Save button to save.

Create Contact Page

Contact Form Page of Sella is generated by the theme from Contact Form item.

To create an Contact Form Page, follow these steps:

  • Step 1 - Create a new page where to add the Contact Form.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Contact Form item. The Contact Form can be generated by Contact Form 7 of Theme Element.

    _images/newContact2.png
  • Step 6 - The Contact Form 7 Settings will pop-up. Change details as needed.

    _images/newContact3.png
    • Select contact form - The form you want to add to the page.
    • Search title - Optional title to search if no form is added.
  • Step 7 - You can customize the page by adding other elements to the page.

  • Step 8 - Once you have finished customizing the page, click on the Publish button.

Revolution Slider

Edit a Revolution Slider

To edit an existing revolution slider, in your dashboard go to Slider Revolution > Slider Revolution.

_images/rev.png

You can see the existing revolution slider at the Revolution Sliders area. Choose the revolution slider that you would like to edit.

_images/rev1.png

In the Slide Editor, you will see the slides that are created for a revolution slider. Click on the slide you want to edit.

_images/rev2.png

You can edit the text and image content of the revolution slider as you see fit in the editor. For more info on how to use the Revolution Slider, click here.

_images/rev3.png

Once you are satisfied, click the Save Slide button at the upper right of the page.

_images/rev4.png

Widgets & Menu

Widgets

Widgets are small blocks of content, which you can find in theme footer or sidebar. They were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure.

_images/widget1.png

How to Edit Widgets

You can access widget edit screen under Appearance > Widgets panel or via Customize on path Appearance > Customise > Widgets. It has three main areas:

  • Available Widgets
  • Inactive Widgets
  • Inactive Sidebars and widget areas

To add a widget to your site, drag and drop the name of the widget you want to use from the Available Widgets section into one of the sidebar areas on the right-hand side of the window.

After you have added it, the widget will open up or if it doesn’t, you can click on the triangle to open it, and you can change the order by dragging the widget.

_images/widget5.png

The specific settings needed will depend on what type of widget you are using.

For instance, if it is a text widget, you just need to type in the text (and optionally, HTML code), and save the widget.

Customising Weddington

Weddington comes with an advanced customizer, which allows to edit most of the theme’s elements in one place. If you want to use it, navigate to Appearance > Customize.

_images/custom0.png

Site Identity

Here you will have the option to customize your site’s identity or how it can be viewed by people.

_images/custom.png
  • Site Title - The title of the site you created.
  • Tagline - The slogan/catchphrase for you site. What people will remember if they see your site.
  • Site Icon - The icon used as a browser or app icon. Icons must be square, and at least 512 pixels wide and tall.

Add all the information you like to add, then click on the Save & Publish button.

Colors and main setting

You can pick the color scheme of the site here.

_images/custom1.png
  • Pick the motive color - Pick the main color scheme of the site.
  • Enter names of newlyweds - This names will be displayed in some parts of the page for example Rachel & Jim.

Blog Settings

The blog settings is divided into 2:

_images/custom7.png
  • Blog posts list

    • Display blog sidebar - Option to display sidebar in blog list page.

    • Place to display sidebar - Where the sidebar is placed.

    • Select width of sidebar - Width size of the sidebar.

    • Full posts in post list pages - Option to display the full blog post in the blog list page.

      _images/custom8.png
  • Single blog post

    • Display blog sidebar - Option to show sidebar on the individual blog’s page.

    • Place to display sidebar - Location on the page where the sidebar is placed.

    • Select width of sidebar - Width size of the sidebar.

    • Tags after post - Option to show blog’s tags after the post.

    • Display categories after posts - Option to show blog’s category after the post.

    • Author info after post - Option to show author info after the post.

    • Social Share - Option to show the Social Media Share Buttons.

    • Social Share - Options of social media to show as Social Media Share Buttons.

    • Display comments after post - Option to have a comments area after the post.

      _images/custom9.png

Homepage Settings

Option for the front page is shown here.

  • Front page displays - Options on how the front page/home page looks like.

    • Your latest posts - Show the latest post on your blogs.

      _images/custom11.png
    • A static page - Set a page that would stay the same until the page is replaced manually.

      _images/custom12.png

Note

You can also do this using the Homepage Setup instructions in Page > Homepage Setup.

Header Image

You can add/edit the logo that will show in the header of the page.

_images/custom13.png

You can hide the header icon by clicking the Hide image button or you can add a new icon by clicking the Add new image button.

Widgets

You can customize what is inside the widgets on the page.

Note

If a widget is placed on the page you see on the preview, it will be listed on the left side under widgets.

_images/custom16.png
  • Blog sidebar

Note

You can also do the same thing by following How to Edit Widgets instructions in Widgets & Menu > Widgets.

Additional CSS

You can add your own CSS code for your site.

_images/custom17.png