Introduction

Hi! We Are Super Avis.

We are glad that you chose Avocet for your blog. As delighted as we are with your purchase, we are working non-stop to ensure that you enjoy using our theme as much as we did creating it. Our efficient, effective and timely support system makes sure that you focus only on what's important - creating your next big post!

While we have tried to keep an easy-to-use user interface, we understand that you might have some questions about installing and using our theme. Following is a detailed step-by-step guide to help you with most of the questions or issues that you may be experiencing.

How To Use This Document

To help you quickly locate what you are looking for, we have created an extensive menu for this document at the top. Please use it to navigate to the desired section.

Can't find what you need? Contact us via Twitter @TeamSuperAvis. You could also reach us via ThemeForest's comment section. We will respond in the shortest time possible.

Follow us on Twitter @TeamSuperAvis to stay abreast of the latest updates and announcements.

Since we are regularly updating online documentation with solutions to most recent support requests, we would strongly advise you to refer to it before contacting support to save your time.

Getting Started

Installing Wordpress

While most web hosts now offer user-friendly tools to automatically install WordPress, you could do it yourself by following the official installation guide by WordPress.

Famous 5-minute Install

What's Included

The theme-package downloads as a zipped folder. It contains:

avocet.zip
Main Theme!
avocet-child.zip
Pre-created child theme for Avocet. Why is it important?
avocet-demo-content.zip
Contains .xml file with Demo Content. How to import demo content?
avocet-documentation.zip
Contains a guide to set up the theme.

Theme Installation

There are two ways to install the theme: via WordPress or via FTP. While installing via WordPress is easier and convenient, some specific web hosts do not support it. In such cases, installing via FTP would sort it out for you.

Theme Installation via WordPress Admin Panel

  1. Navigate to Appearance > Themes.
  2. Click Add New and hit the Upload button.
  3. Navigate to find the avocet.zip file on your computer and click Install Now button.
  4. The theme will be uploaded and installed.
  5. Press Activate. You may also activate it later by going to Appearance > Themes.

Theme Installation via FTP

  1. Log into your hosting space via an FTP software.
  2. Unzip the avocet.zip file.
  3. Upload ONLY the extracted Avocet theme folder into wp-content > themes in your WordPress installation.
  4. Login to your WordPress Administration Panel (Dashboard) to change the theme.
  5. Go to Appearance > Themes and activate Avocet.

Child Theme

It's highly advised to install and use a child theme.

There is a fair chance that at some point you may want to modify Avocet to suit your requirements. Customizing the main theme would leave your changes vulnerable to resets caused by theme updates. Child theme is the recommended way of making modifications to the main theme without losing the ability to upgrade the main theme. If you wish to customize or make changes to Avocet, doing so in avocet-child.zip would keep your changes safe when you update the main theme.

Avocet Package contains a pre-created avocet-child.zip. We would strongly advise installing and activating the child theme as soon as you install Avocet main theme.

You should never update the child theme, it’s your custom code. Update only the main theme.

If you wish to learn more, here's a good read about child themes.

Plugins

Avocet recommends a few free plugins to extend it's functionality. These plugins can be installed automatically from the notification in WordPress Administration Panel (Dashboard). Although, Avocet will work perfectly without any of these plugins, you may want to extend the theme's options with them.

Avocet Shortcodes Strongly Recommended

  • Adds custom shortcodes to the theme.

Shortcode UI Strongly Recommended Download Here

  • Adds a user-interface to shortcode edting.
  • Makes it easy for you to add and edit shortcodes.

Regenerate Thumbnails Recommended Download Here

  • If you are migrating from another theme, you absolutely need this to create thumbnails with the correct aspect ratio.
  • You may also use any other plugin which produces corrected thumbails.

WP Instagram Widget Recommended Download Here

  • Lightweight plugin for displaying your instagram feed in a widget.
  • Avocet has custom styles for this plugin for both Sidebar and Footer.
  • You are free to use any other plugin for Instagram feeds but it might need custom styling to match Avocet's design.

Contact Form 7 Recommended Download Here

  • Great plugin for building forms.
  • Avocet has custom styles for this plugin.
  • You are free to use any other plugin for creating forms but it might need custom styling to match Avocet's design.

MailChimp Widget Supported Download Here

  • Use this widget to set up MailChimp's newsletter subscription service on your site.
  • Avocet has custom styles for this plugin.
  • You are free to use any other plugin for using MailChimp's newsletter subscription service but it might need custom styling to match Avocet's design.

Regenerating Thumbnails

If you are migrating from another theme, then upon activating Avocet you may find previously added images display strangely with weird aspect ratios and sizes. Don't worry. It is normal. The image thumbnails are required to be recreated using Avocet's presets.

There is a very easy fix to this issue. Just install Regenerate Thumbnails plugin, launch it from Tools > Regenerate Thumbnails and press Regenerate Thumbnails. Depending upon the number of images and server speed, the process may take long to complete.

As soon as you install Avocet, you will get a notification WordPress Administration Panel to install the plugin. Click on install button to install it automatically. If, for some reason, you do not receive the notification, you can always install the plugin manually by downloading it from here.

Importing Demo Content

We have included the exported XML file from our demo, which allows you to quickly set up your theme with Avocet demo content.

  1. The XML file is included within the download package at root level in a zip called avocet-demo-content.zip
  2. Extract it and find avocet-demo-content.xml
  3. Navigate to WP Admin > Tools > Import
  4. Select and install WordPress Importer
  5. Once its installed, select the XML file and upload it. It will take a few minutes to install and upload all content
  • Images used in Avocet Demo Preview are not included in a theme-package. By importing demo-content, you will get grey placeholder images instead of photos.
  • If Demo-XML file won't load, it's most likely due to host limitations. The easiest way to get around that is to leave the "download images and attachments" box unchecked. That will give you all the pages and posts without the attachments.

Translation

Avocet Main Theme as well as the included avocet-child.zip package are translation-ready.

  • The theme comes with the pre-created avocet.pot file.
  • You can use PoEdit to edit and create translation files with avocet.pot.
  • To change your website language, go to WordPress Administraltion Panel (Dashboard) > Settings > General > Site Language

Updating Your Theme

It is recommended to always update your theme to the latest version as we implement new features and improvements over time. Some of these updates might be needed in order to make the theme compatible with newer versions of WordPress. There is no risk of losing your settings and content.

If you have done modifications on main theme files, then they will be lost when you update Avocet. For customization, you should always use the provided child theme.

Automatic Theme Updates Appearance > Customize > Support & Updates > Updates

Super Avis allows for automatic theme updates directly from ThemeForest to your website's servers by cutting you out of the process. Forget about regularly checking ThemeForest for updates and manually updating the theme every time we push an update - which we do quite regularly.

Following is what we need to make it work. It is a one-time process and should take you about 10 minutes to set up.

Item Purchase Code

We need it to verify your purchase with ThemeForest. Here's how you find it from your Envato/ThemeForest Account:

  1. Log into your Envato/ThemeForest account and click your username in the top right corner to access the dropdown. Select Downloads.
  2. Find Avocet in the list of items you have bought. Click on Download to activate the dropdown menu.
  3. Select License Certificate & Purchase Code to download a text file.
  4. Open the file in a text editor such as Notepad and copy the Item Purchase Code.
  5. Now, go to Appearance > Customize > Support & Updates > Updates and paste the Item Purchase Code in the field provided.

Personal Token

It is a unique identifier code generated using Envato API. By creating a personal token, you permit Envato to do certain tasks automatically. In this case, you grant Envato the permission to seed theme updates directly to your website's servers.

Here's how you generate it from Envato API using your Envato/ThemeForest Account:

  1. Visit Envato API and login using your Envato/Themeforest credentials.
  2. Scroll down to 'Your Personal Tokens' and click on Create a New Token.
  3. Enter a preferred token name. Since the token is going to be unique for Avocet updates, it is advised to name it accordingly. Let's say, you name it Avocet.
  4. Tick the following checkboxes under 'Permissions needed'.
    • Download your purchased items
    • View your purchases of the app creator's items
  5. Click on Create Token.
  6. Copy the token (a unique string of random numbers), tick the checkbox that verifies that you have copied the token and click on Got it.
  7. Now, go to Appearance > Customize > Support & Updates > Updates and paste the Personal Token in the field provided.

Once you fill in both the code, click Save on top of Customizer. Whenever we push an update, you will now see a notification in WordPress Administration Panel (Dashboard). Press Update and you're done.

You can disable automatic updates anytime by disabling it from within Customizer. However, it takes about an hour for the notification to disappear from WordPress Administration Panel (Dashboard).

You can also delete your personal token from Envato API anytime.

Updating Manually

If you love updating your theme yourself, download the updated theme files from ThemeForest and install them by the process already explained in Theme Installation.

That's not all. There's more to it. Before uploading the theme files, you are required to disable Avocet (the active theme) by switching to one of WordPress's default themes. Delete the older version of Avocet and then upload the new avocet.zip. Once the uploads finishes, activate Avocet. This is the only way manual theme updates work with WordPress at the moment.

Customizing Your Blog

With over 75 customizations at your disposal, Avocet brings the best out of WordPress, both in terms of flexibility, and ease of use. We also understand that it may be overwhelming for some at first. Following is a series of simplest of explanations and how-tos to help you customize Avocet to your preference. And, of course, we are always there to help you out in case you have more questions. Simply,Contact us via ThemeForest's comments section or reach us via Twitter @TeamSuperAvis. We will get back to you as quickly as possible.

Style Appearance > Customize > Header > Style

There are two beautiful styles for your blog’s header. Switch between the two anytime. Style A is the default setting. Style B takes main menu to the top. To add a background color to the header, go to Appearance > Customize > Colors > Header.

Site Info Appearance > Customize > Header > Site Info

Edit Site Title and Tagline

Enter the name of your blog and the tagline in respective fields. By default, the tagline is set to "Just another WordPress site." The title and the tagline help in SEO of the site.

Upload Site Icon/Favicon

The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512px wide and tall.

Search/Filter Appearance > Customize > Header > Search/Filter

Avocet improves user-experience by placing filters next to the search function. The users can opt to conduct a search and/or sort your blog's content using four built-in filters: Category, Tag, Month and Year. We would recommend you to categorize and tag all of your posts for the best use of this feature.

Disable Search/Filter Functionality

A number of options allow you to control this feature. You may opt to completely disable the feature or keep parts of it.

Filter function is not available in mobile version of the theme due to space constraints.

Call to Action Appearance > Customize > Header > Call to Action

This is a text button placed on top left corner of the header. You may use it to lead your visitors to other areas of your blog, another website or what have you.

Button Label

Type out a brief title for the button here.

Button Link

Add the link to your targeted location on the internet.

Open in New Window

Check this option if you want the visitor to open the link in a new browser window and keep the current window intact.

Disable CTA

Check this option to disable Call to Action button on your blog.

Slider / Featured Post Appearance > Customize > Featured Block > Slider / Featured Post

Type

Use this option to choose between slider and featured post.

Enable This Section

You can enable or disable the section anytime. It applies to both slider and featured post.

Featured Post Options Appearance > Customize > Featured Block > Slider / Featured Post

A full-width post designed to highlight a single post of your choosing.

Defining the Source

Use this option to define the source of posts for the slider. For a step-by-step guide, please go to Defining the Source.

Defining the Source Appearance > Customize > Featured Block > Slider / Featured Post / Carousel

The Slider, Featured Post and Carousel in Featured Block area have been designed to display posts from the following sources. Some sources may only be available in one or two Featured Block elements.

Most Commented

Displays the posts with most comments in descending order.

Random

Displays a random post every time the home page is loaded or refreshed.

Latest Posts

This is the default setting. If none of the other options is selected, the selected Featured Block element will display your latest posts.

Post Category

Displays posts from an exisiting category.

Post ID

Displays a set of posts selected by their Posts IDs.

Finding the ID of a post is a very easy process.

  1. Login to WordPress Administration Panel (Dashboard).
  2. Go to Dashboard > Posts and open any post.
  3. Look at the URL in the Address Bar of your browser carefully. It would look something like this: http://www.yoursite.com/wp-admin/post.php?post=279&action=edit.
  4. Notice the number 279 at the end of the URL? That is the post's ID created by WordPress.

Post IDs are visible only when you are logged into WordPress Administration Panel (Dashboard).

Layouts Appearance > Customize > Layouts

Use the following settings to configure your blog layout.

Home PageAppearance > Customize > Layouts > Home Page

Avocet offers 8 Home Page Layouts.

Modern Layout

  • It is a creative, full-width layout with three different posts layouts appearing in a loop.
  • Pre-defined excerpt limit of 50 words.
  • Doesn't support <!--more--> tag.
  • Supports Manual Excerpt.
  • Displays featured image.

Mixed Layout

  • The first post is Standard Large Post.
  • The next two posts follow List layout.
  • They are followed by two Grid posts.
  • The rest of the posts on the page would display in List layout.
  • Disable Sidebar for the full-width version.

Standard Large Post

  • Displays featured image.
  • Supports <!--more--> tag and Manual Excerpt.
  • If <!--more--> tag and Manual Excerpt are not used, Auto-generated Excerpt kicks in and limits excerpt to a maximum of 120 words.
  • Disable Sidebar for the full-width version.

Grid

  • Displays posts in a two-column grid.
  • Pre-defined excerpt limit of 34 words.
  • Supports Manual Excerpt.
  • Doesn't support <!--more--> tag.
  • Displays featured image.
  • Disable Sidebar for the full-width version.
  • For a balanced layout, set an even number of posts per page.

Grid (1st Post Standard)

  • The first (latest) post automatically follows Standard Large Post layout and its excerpt settings.
  • The rest of the posts on the page display in two-column Grid layout.
  • Disable Sidebar for the full-width version.
  • For a balanced layout, set an odd number of posts per page.

List

  • Pre-defined excerpt limit of 34 words.
  • Supports Manual Expert. It overrides pre-defined excerpt length.
  • Doesn't support <!--more--> tag.
  • Displays featured image.
  • Disable Sidebar for the full-width version.

List (1st Post Standard)

  • The first (latest) post automatically follows Standard Large Post layout and its excerpt settings.
  • The rest of the posts on the page would display in List layout.
  • Disable Sidebar for the full-width version.

Two Grid Posts + List

  • The first two posts automatically follow Grid layout.
  • The rest of the posts on the page would display in List layout.
  • Disable Sidebar for the full-width version.

You can create multiple variants of the home page layouts by enabling/disabling individual components.

Posts Appearance > Customize > Layouts > Posts

Title Style

Style A is the default title style. Style B removes the black background and displays the post title in black text.

Post Page Customization

  • Disable Dropcap: Disable Dropcap on Post page and Standard Large Post.
  • Disable Author Box: Removes the user profile from the post. Learn more about user profile.
  • Disable 'You Might Also Like' or Related Posts: Disables related posts shown below the author box.

Default Category of Posts

If you don't assign a category to your post or forget to assign one, then WordPress would assign default category to the post. By default, it is set to 'Uncategorized'.

Social Media Profiles

Update Social Media Profiles Appearance > Customize > Social Media Profiles

Add URLs of your social media profiles in the respective text fields.

  • Ensure that the URLs are correct and not broken. Test the links as soon as you update them.
  • The profile links updated here would automatically populate the respective Social Media links in header, footer and in Super Avis' custom About Me and Social Media Links widgets.
  • These links will not populate the Social Media icons in User Profile that appears below every post. Update your information to User Profile.

Update RSS Feed URL Appearance > Customize > Social Media Profiles

Update the URL of your Blog's RSS feed here. It is the last field in the list of Social Media Profiles.

Custom Codes

Custom CSS Fields Appearance > Customize > Custom Code > Custom CSS

Use the following fields to enter Custom CSS provided to you by our support staff. You could also tweak basic CSS by entering your own custom code here.

  • Custom CSS (Mobile Devices & Desktops): Use this field for changes to Mobile Device and Desktop layouts.
  • Custom CSS (Mobile Devices): Use this field for changes to Mobile Device layouts only.
  • Custom CSS (Desktops): Use this field for changes to Desktop layouts only.

Add A Menu Appearance > Customize > Menus > Add A Menu

  1. From WordPress Administration Panel (Dashboard), go to Appearance > Customize > Menus.
  2. Click on Add A Menu and type in a name for the new menu. Press Create Menu.
  3. Press Add Items. A list slides out with the following options to choose from.
    • Custom Links: This option allows you to add a custom menu item to the menu. Type in the URL in URL field and menu item name in Link Text field.
    • Post: Use this option to add one of your posts to the menu.
    • Page: Add a page from a list of existing pages to the menu.
    • Category: Highlight a category by placing it in your menu. Select a category from the list and you are good to go.
    • Tag: Just like categories, you can choose to highlight the tags on your blog by adding them to the menu.
  4. Once you have added the menu items, assign a location to the new menu. Please see Menu Locations before assigning a location to your menu.
  5. Press Save & Publish at the top and you're golden.

Widget Areas

Avocet brings two widgets areas:

Sidebar Appearance > Customize > Widgets > Sidebar

  • It is the default sidebar for the blog.
  • Modern Layout for home page disables sidebar on the home page. To add widgets to sidebar, open any post in WordPress' Live Customizor and go to Appearance > Customize > Widgets > Sidebar.

Alternate Sidebar Appearance > Customize > Widgets > Alternate Sidebar

  • Avocet comes with a custom page template (Page with Alternate Sidebar) which allows you to use a different sidebar for pages using the template.
  • To add widgets to Alternate Sidebar widget area, open the page with 'Page with Alternate Sidebar' template in WordPress' Live Customizor and go to Appearance > Customize > Widgets > Alternate Sidebar

Avocet Widgets

Besides the native WordPress widgets, Avocet brings 5 custom ones to the table.

Additionally, Avocet provides additional support for the following widgets so they fit perfectly in the theme.

(Avocet) About Me

  • Profile Image: Upload a profile image. We recommend a minimum size of 500px by 500px for a better render quality in high pixel density screens.
  • Make Profile Image Rounded: Disable the option to display a square profile image.
  • Title: The title displays below the image.
  • Description: Add a custom description here. There is no word limit though, we would recommend keeping it short. You may also choose to leave it blank. The widget will adjust its height accordingly.
  • Show Read More Button: Display a "Read More" button that automatically links with your About page. You may also add a custom link here.
  • Enable Social Icons: Select this option to display links to your Social Media Profiles. The links are populated automatically. To update your social profiles, go to Appearance > Customize > Social Media Profiles.

(Avocet) Recent Posts

  • Title: Add a custom title. By default, it is set to 'Recent Posts'.
  • Filter by Category: Select which category posts are displayed by the widget. By default, it is set to include all categories.
  • Number of posts to show: Set the maximum number of posts to display.

(Avocet) Tag Cloud

  • Title: Add a custom title. By default, it is set to "Popular Tags'.
  • Order By: Sort the tags by Tag Count (the number of tags) or Tag Name (alphabetically?.
  • Order By: Sort the tags in ascending or descending order. This works in conjunction with the order set above.
  • Number of Tags to show: Set the number of tags to display.
  • This widget works independent of tag cloud feature found in the footer. To update Tag Cloud for Footer, go to Appearance > Customize > Footer > Tag Cloud. Learn more about Tag Cloud for Footer.

Displays icons of your favourite Social Networks hyperlinked to your social profile pages. The widget automatically populates the icons from Appearance > Customize > Social Media Profiles.

(Avocet) Facebook

This is a customized widget to display a snapshot of your Facebook page.

  • Title: Add a custom title. There is no default set for this field. If you keep it blank, the title won't show.
  • Facebook Page URL: Add URL to your Facebook page. Ensure that the URL is correct and not broken. Test the widget as soon as you update it.
  • Show page cover: Displays your page's cover image.
  • Show faces: Displays a list of people who are following your page. If a user is logged into Facebook in the same browser, this option will display the users friends who are already following your page.
  • Show posts: Displays recent posts on your page.

Instagram

Displays the latest images from your Instagram profile.

  • Title: Add a custom title. There is no default set for this field. If you keep it blank, the title won't show.
  • Username: Add your Instagram Username without the prefix '@'.
  • Number of photos: Set the number of images the widgets displays.
  • Photo Size: Each photo size comes with a pre-defined layout. Select a layout that pleases you the most.
  • Open links in: When users click on your Instagram images in the widget, they are taken to your Instagram profile. By default, the widget uses the 'Current Window' option to go to your Instagram profle. Select 'New Window' if you want the widget to open a new window to carry out this action.
  • Link text: The widget displays a link to your Instagram profile below the images. Fill in your preferred text for the link. There is no default set for this field. If you keep it blank, the link won't show.
  • This widget works independent of Instagram feed found in the footer. To update Instagram for Footer, go to Appearance > Customize > Footer > Instagram. Learn more about Instagram for Footer.

Instagram Widget and Instagram for Footer are powered by a plugin. You should receive a notification to install the plugin once you install Avocet. Alternatively, you can download the plugin from here.

MailChimp Sign-up Form

Use this widget to set up MailChimp's newsletter subscription service on your site.

  • Title: Add a custom title. There is no default set for this field. If you keep it blank, the title won't show.
  • To change the placeholder text and button label, go to Dashboard > MailChimp for WP > Forms and edit the mark-up under 'Form Fields' heading and press Save Changes.

This widget is powered by a plugin. You should receive a notification to install the plugin once you install Avocet. Alternatively, you can download the plugin from here.

Posts

We have consolidated everything related to Posts in this section. Some of these are proper explanations, while others are links to places where they are explained already.

Create A Post

The Step-by-Step Process to Creating a Post

  • Log in to your WordPress Administration Panel (Dashboard).
  • Click the 'Posts' tab.
  • Click the 'Add New' sub-tab.
  • Start filling in the blanks: enter your post title in the upper field, and enter your post body content in the main post editing box below it.
  • As needed, select a category, add tags, and make other selections from the sections below the post.
  • When you are ready, click Publish.
For a detailed tutorial about best practices and utilizing various of components of a post, please visit Codex.WordPress.org/Writing_Posts.

Adding Images

  • In Post Editor, locate Set featured image link below Tags section. It is a blue-colored, underlined hyper-link.
  • Click on the link to launch your Media Library.
  • Upload a new image by simply dragging and dropping it on the Media Library window from your computer. If you cannot drag and drop the image for some reason, click on Upload files link on top-left of Media Library window. Press Select Files. Locate and select the image in your device and then press upload.
  • Press Set Featured Image once the image uploads and you're golden.
  • If the image is already in your Media Library, then simply click on it and press Set Featured Image.

Post layouts in Avocet require a featured image to work perfectly. Without the featured image, the layout may break or look weird.

Insert an Image into the Post

  • Locate grey-colored Add Media button above Post Editor on top-left.
  • Click on the button to launch your Media Library.
  • Upload a new image by simply dragging and dropping it on the Media Library window from your computer. If you cannot drag and drop the image for some reason, press Select Files. Locate and select the image in your device and then press upload.
  • If the image is already in your Media Library, then simply click on it.
  • Before inserting the image into the post, ensure that you enter the meta data for image. It is the image title, caption, alternate-text and description. Also ensure that you have selected the desired image alignment, hyper-link and size. Read more about Avocet's Custom Image Sizes and Image Alignment and Captions.
  • Once you are ready, press Insert into post and you're done.

Avocet's Custom Image Sizes

To ensure that your blog displays crisp and clear images on sorts of devices, we have defined custom image sizes for the following items. We would strongly advice following the suggested image sizes for best results.

  • Featured Image: For best results, we recommend using images with a minimum width of 1170px and a minimum height of 650px.
  • Inserted Images: Select 'Content (full-width)' size (1170px wide) for inserting images into a full-width post or page. For posts and pages with sidebar, you may use 'Content (with sidebar)' size (770px wide) to speed up the loading times of the site.

If you are looking at images with weird aspect-ratios, chances are that you migrated to Avocet from another theme. You should regenerate thumbnails to fix the problem. Read more about it here.

User Profile

User Profile populates Author Box placed below the post content in every post. It comprises of the following:

  • Full Name
  • Profile Image
  • A Small Bio
  • Links to Social Media Profiles

Updating Name, Bio and Social Media Links

  • Existng User: Go to Dashboard > Users > Your Profile and update your profile.
  • New User: Go to Dashboard > Users > New User and create your profile.

Adding a Profile Image

WordPress supports and displays Gravatar images as User Profile images.

  • Set up a Gravatar account and upload your profile image.
  • Ensure that you have entered the same email address in your User Profile and Gravatar account.
  • If you already have a Gravatar account, then enter the same email address in your user profile in your blog.

To set up About Me widget, go to Dashboard > Appearance > Customize > Widgets.

Pages

Create/Edit A Page

To create a new page, log in to your WordPress Administration Panel (Dashboard). Go to Dashboard > Pages > Add New to begin writing a new Page.

To edit an existing page, log in to your WordPress Administration Panel (Dashboard). Go to Dashboard > Pages > All Pages and click on the desired page to open Page Editor.

For a detailed tutorial about creating a page, please visit Codex.WordPress.org/Pages.

Custom Page Templates

Avocet brings the following custom page templates:

  • Full-Width plus Latest Posts: >A regular full-width page with Latest Posts section at the bottom.
  • Full-Width Page: A regular full-width page.
  • Page with Alternate Sidebar: Use this template to add alternate sidebar widget area to the page.
  • Default Page Template: This template adds default sidebar to the page.

About Page

Avocet's demo sites uses a shortcode to display the about page. The shortcode is added above the contents of the page. Learn more about Avocet's shortcodes.

Contact Page

A contact page similar to the one on Avocet's demo sites can be created using Contact Form 7 plugin.

  • Install Contact form 7 plugin in order to create a contact form. You should get a notification to install the plugin once you install Avocet. Alternatively, you can download the plugin from here. We recommend Contact Form 7 because Avocet has built-in custom styles for its forms. You can install any other forms plugin but it may not match the styling offered by Avocet.
  • Create a form in Contact Form 7 (or any other form plugin) and paste its shortcode along with the page content. Publish the page.
  • You could also add a Call to Action to this page by using this shortcode.

Shortcodes

Avocet brings with it two very important shorcodes that can be used along with other content inside any post or page. We have designed these to serve specific purposes. However, you can employ these in anyway you like to.

Author Intro

This shortcode creates a beautiful layout to display your profile on About Page.

  • Start editing the page you want to add the shortcode to.
  • Press Add Media. A pop-up will appear.
  • From the menu on the left, click on Insert Post Element and select Author Intro.
  • Now fill in the following fields:
    • Description: Add a small introductory statement here.
    • Title: Type out your name or, anything witty, cute or wowwy.
    • Background Image: Select a background image from your media. We recommend a 1170px wide and 240px tall image. If your image is larger or smaller than this, the shortcode will automatically center your image and fill the area.
    • Profile Image: We recommend using a minimum of 500px wide square image. A rectangular image will be centered along its longest side.
  • Press Update and then publish the page.

Call to Action

This shortcode adds a beautifully designed Call to Action anywhere in the body of a post or a page.

  • Start editing the page you want to add the shortcode to.
  • Press Add Media. A pop-up will appear.
  • From the menu on the left, click on Insert Post Element and select Call to Action.
  • Now fill in the following fields:
    • Description: Add a small description here. Ideally, it should not be more than 15-25 words.
    • Title: Type out the title of the CTA.
    • Button Label: Add the title of the button
    • Button Link: Add the URL of the target location.
    • Button Position: There are two locations of the button according to which the shortcode adjusts its layout. Select a preferred layout.
    • Open Link in New Window: Setting to True would open the link in a new window.
    • Color Scheme and Layout: This shortcode has two color schemes and two layouts. Choose the one suits that your needs. We would recommend using 'bottom button' layouts for pages and posts with sidebar and 'right button' layouts for full-width content.
  • Press Update and then publish the page or post.

Demo Settings

Avocet's vast customizer options enables you to create a number of layouts by tweaking a few settings here and there. To achieve a look similar to one of Avocet's demos, please follow the settings listed below. We have only listed the changes we made to the default set up. The settings not listed here remain untouched in the demos.

Home 1

  • Header: Style A
  • Featured Block
    • Enable Slider
    • Enable Carousel
    • Enable Call to Action
  • Layout
    • Home Page Classic Mixed
  • Typography
    • Post Titles Font: Oswald; Font Style: Normal; Text Transform: Uppercase
    • Section Titles Font: Oswald; Font Style: Normal; Text Transform: Uppercase
    • Heading & Blockquotes Font: Oswald; Font Style: Normal; Text Transform: Uppercase
    • Main Navigation Font: Oswald; Font Style: Normal; Text Transform: Uppercase
    • Footer Tag Cloud Font: Oswald; Font Style: Normal; Text Transform: None
  • Adverts
    • Enable advertisement below Featured Block Add Adsense Code or HTML for custom image banner
    • Enable advertisement above Featured Block Add Adsense Code or HTML for custom image banner

Home 2

  • Header: Style B
  • Featured Block
    • Enable Slider and select two-column slider
    • Enable Content Boxes
  • Layout
    • Home Page Classic Standard
  • Typography
    • Post Titles Font: Playfair Display; Font Style: Normal
    • Section Titles Font: Playfair Display; Font Style: Normal
    • Heading & Blockquotes Font: Playfair Display; Font Style: Normal
    • Main Navigation Font: Playfair Display; Font Style: Normal
    • Footer Tag Cloud Font: Playfair Display; Font Style: Normal
  • Colors
    • Header Header Background: #f8f8f8
  • Footer
    • Instagram Feed Style B
  • Adverts
    • Enable advertisement below Featured Block Add Adsense Code or HTML for custom image banner
    • Enable advertisement above Featured Block Add Adsense Code or HTML for custom image banner

Home 3

  • Header: Style B
  • Featured Block
    • Enable Slider and select three-column slider
    • Enable Call to Action
  • Layout
    • Home Page Classic List
    • Posts Style B
  • Typography
    • Post Titles Font: Roboto Condensed; Font Style: Normal; Text Transfrom: Uppercase
    • Section Titles Font: Roboto Condensed; Font Style: Normal; Text Transfrom: Uppercase
    • Heading & Blockquotes Font: Roboto Condensed; Font Style: Normal
    • Main Navigation Font: Roboto Condensed; Font Style: Normal; Text Transfrom: Uppercase
    • Footer Tag Cloud Font: Roboto Condensed; Font Style: Normal
  • Adverts
    • Enable advertisement below Featured Block Add Adsense Code or HTML for custom image banner
    • Enable advertisement above Featured Block Add Adsense Code or HTML for custom image banner

Home 4

  • Header: Style A
  • Featured Block
    • Enable Featured Post / Slider and select Featured Post
    • Enable Carousel
  • Layout
    • Home Page Classic Standard
  • Colors
    • Header Header Background: #222222
  • Adverts
    • Enable advertisement below Featured Block Add Adsense Code or HTML for custom image banner
    • Enable advertisement above Featured Block Add Adsense Code or HTML for custom image banner

Support

Thank you for purchasing our theme.

If you have any questions that are beyond the scope of this help file, please feel free to contact us via Twitter @TeamSuperAvis. You could also reach us via ThemeForest's comment section. We will respond in the shortest time possible.

Credits

Most images used in theme demos have been sourced from Pexels and Unsplash. Some images have been sourced from Flickr community under Creative Commons 2.0 license. The links to the respective authors have been provided in the post/page their image appears in. The rest of the images were found on the internet and did not come with a license. We assume it to be safe to use these images in the theme demo. However, we are not lawyers. Please report any errors/violations you know of to www.superavis.com.

Avocet's demo sites wouldn't have looked so beautiful had it not been for these amazing photographers. We can never thank them enough for giving some of their best works to the world for free.

Images used in Avocet Demo Sites are not included in a theme-package. By importing demo-content, you will get grey placeholder images instead of photos.

Changelog

Version 1.3.9 - 06 June, 2016

New: Option to change the language of Facebook widget
Fix: Caption of Content Boxes in Internet Explorer 10 and Internet Explorer 11
Fix: Minor internationalization issues

Version 1.3.8 - 13 May, 2016

Fix: Drop Cap was not working in Mozilla Firefox

Version 1.3.7 - 1 May, 2016

Fix: Category description was visible in Search Overlay if a user adds a specific invalid HTML markup

Version 1.3.6 - 26 April, 2016

Fix: Adsense code was not working properly in Advert fields
Fix: Footer HTML markup

Version 1.3.5 - 28 March, 2016

Tweak: Allowed HTML in Call to Action's Title and Description field.
Fix: Title of Call to Action's Description field was incorrect.

Version 1.3.4 - 11 March, 2016

Fix: Content Boxes in Featured Block published wrong links

Version 1.3.3 - 08 March, 2016

Fix: Increased spacing between the header and three-column slider
Fix: Internationalization and localization corrections

Version 1.3.2 - 25 Feb, 2016

Tweak: Increased menu levels of the Primary Menu from 3 to 5

Version 1.3.1 - 22 Feb, 2016

Tweak: Allowed HTML tags in copyright statement in the footer

Version 1.3 Major Release - 21 Feb, 2016

New: Content Boxes in Feature Block
New: Ad space below Featured Block and above Footer
New: Added support for Ad Injection plugin (https://wordpress.org/plugins/ad-injection)
New: Added support for Disqus Comment System plugin (https://wordpress.org/plugins/disqus-comment-system)
Fix: Theme update was not working with child themes
Fix: Corrected font color of HTML tags (pre, code, kbd, tt, var and samp).
Fix: Corrected styles of Pinterest button in 'Share This Story' if Pinterest plugin is installed.
Tweak: Increased width of Style B Post Titles.

Version 1.2.2 - 12 Feb, 2016

Fix: Some Google fonts were not working due to faulty CSS.
Fix: Corrected a typo in an if statement in the functions.php.
Fix: Removed an unnecessary PHP comment in template-tags.php.
Tweak: Updated to Kirki v2.0.8.

Version 1.2.1 - 06 Feb, 2016

New: Disable Sidebar for post page
Fix: Styles of featured image in (Avocet) About Author widget when 'Make profile picture rounded' is not checked.
Fix: Styles of username in Style B of Footer Instagram.
Fix: Post ID field in the Customizer wasn't showing up when Post ID was selected as the source of the Featured Post.
Fix: Toggle for Slider Pagination in the Customizer was not working.
Tweak: Added ID to each style tag generated by Custom Codes in the Customizer.
Tweak: Whitespace changes to make the code more readable.

Version 1.2 Major Release - 03 Feb, 2016

New: White post title style
New: Added font options
New: Added color options
New: Integrated Kirki toolkit in Customizer
Fix: Spacing above content in Modern layout (left and right images)

Version 1.1.3 - 29 Jan, 2016

Fix: Name of the function is_singular() was incorrect.

Version 1.1.2 - 28 Jan, 2016

Fix: Alignment of carousel title.
Tweak: Removed featured area placeholders.

Version 1.1.1 - 20 Jan, 2016

Fix: Primary menu showed only 'More' when no menu was assigned
Fix: Header had no space at the bottom when it had background color in small screens
Fix: Alignment of content and button in Call to Action shortcode
Fix: CSS of two styles of Call to Action shortcode was not applying
Fix: Enabled slider pagination in small and medium screens.
Fix: Special characters were being encoded in Custom CSS fields

Version 1.1 - Major Release 19 Jan, 2016

New: Automatic theme updates within WordPress updates.
New: Two Header styles: Style A and Style B
New: Header Background Colors Option for Style A
New: Two Sliders: 2-column (site-width) and 3-column (fullwidth)
New: Widget Area: Alternate Sidebar
New: Page template with Alternate Sidebar
New: Option to limit categories, tags, months and years in Search/Filter overlay
New: Option to disable slider pagination
New: Sidebar on small screens
Tweak: Added descriptions in WordPress Customizer
Tweak: Replaced Owl Carousel with Slick Carousel
Tweak: Changed names of options like Layout 1, Layout 2...Layout 4 to Style A, Style B...Style D
Tweak: Broke down featured-block.php into additional template parts
Tweak: Made wp_kses() more readable
Fix: The last thumbnail of Style A of Footer Instagram Feed had a gap of 1 pixel
Fix: Media queries for custom classes specific to Contact Form 7 were incorrect
Fix: Media queries in customizer-style.php were incorrect
Fix: Comment Ending in style.css was incorrect

Version 1.0 - 15 Jan, 2016

Initial Release