WordPress – Avada Website Builder https://avada.com For WordPress & WooCommerce Mon, 11 Nov 2024 22:04:50 +0000 en-US hourly 1 https://wordpress.org/?v=6.6.1 Accessibility https://avada.com/documentation/accessibility/ Fri, 24 Feb 2023 10:36:53 +0000 https://avada.com/?post_type=documentation&p=891270

Avada Is WCAG 2.1 Compliant

The importance of website accessibility cannot be understated. It is a criterion of how usable a website and its content are for people with disabilities. Accessibility ensures that people who use assistive technologies and those with temporary or permanent disabilities can access and navigate content without problems.

With Avada’s development and ongoing maintenance, our team emphasizes ensuring that Avada is WCAG 2.1 compliant and that Avada’s core features do not break the WCAG 2.1 rules.

What Are Accessibility Guidelines?

Web Content Accessibility Guidelines (WCAG 2.1) covers many recommendations for making Web content more accessible.

Avada Accessibility

Following these guidelines will make content more accessible to a broader range of people with disabilities, including consideration for blindness and low vision, deafness and hearing loss, limited movement, speech disabilities, photosensitivity, and combinations of these, and some capacity for learning disabilities and cognitive limitations; but it will not address every user need for people with these disabilities. In addition, these guidelines address the accessibility of web content on desktop computers, laptops, tablets, and mobile devices.

The WCAG provides a framework for making websites accessible to everyone, including people with disabilities. These guidelines are arranged into four fundamental principles: Perceivable, Operable, Understandable, and Robust. In addition, each principle is divided into specific policies that recommend making websites accessible.

Perceivable

This principle focuses on ensuring that content on the website can be perceived by all users, including those with visual or hearing impairments. The guidelines under this principle cover things like providing text alternatives for non-text content, using sufficient color contrast, and ensuring that content is easy to read.

Operable

This principle focuses on ensuring that website functionality can be operated by all users, regardless of their abilities. The guidelines under this principle cover things like ensuring that all functionality is accessible using a keyboard, providing clear and consistent navigation, and avoiding content that may cause seizures or physical reactions.

Understandable

This principle focuses on ensuring that the website’s content and functionality are understandable by all users. The guidelines under this principle cover things like using clear and straightforward language, providing instructions and feedback, and avoiding content that may be confusing or misleading.

Robust

This principle focuses on ensuring the website is compatible with various assistive technologies and devices. The guidelines under this principle cover things like using standard web technologies, providing well-structured and organized code, and ensuring that the website can be accessed using different browsers and devices.

Why Is Accessibility Important?

An accessible website is one that is readily available and understandable to a user regardless of their device, situation, or ability. Web accessibility encompasses tools or technologies for accessing the internet and online products.

All people have a fundamental right to interact with and contribute to the web and to perceive information through various digital devices. Therefore, accessibility is considered an essential part of any site or application.

What Are The Requirements?

How do I make my website accessible to visitors? Avada is WCAG 2.1 compliant. However, when designing your website, your decisions can affect WCAG compliance.

Although there are numerous requirements for accessibility, it is not necessary to follow all of the guidelines to ensure compliance. Here are some key components:

  • Text alternatives: Provide text alternatives for non-text content, such as images, videos, and audio. This allows users with visual impairments or other disabilities to access the content using assistive technologies like screen readers.

  • Keyboard accessibility: Ensure that all website functionality is accessible using a keyboard. This allows users who cannot use a mouse, such as those with motor impairments, to navigate the website.

  • Color contrast: Ensure sufficient color contrast between text and background colors. This makes it easier for users with visual impairments to read the content.

  • Captions and transcripts: Provide captions and transcripts for videos and audio content. This makes it accessible to users who are deaf or hard of hearing.

  • Consistent navigation: Ensure that the website has consistent and predictable navigation. This helps users with cognitive impairments to understand and use the website.

  • Clear and simple language: Use clear and straightforward language to make the content easy to understand for users with cognitive impairments.

  • Scalable text: Allow users to adjust the font size and spacing to make the content easier to read.

  • Avoid flashing or blinking content: Avoid using flashing or blinking content, as it can trigger seizures in users with photosensitive epilepsy.

These are just a few examples of the many requirements for website accessibility. Many more guidelines and best practices can help you make your website accessible to all users.

]]>
How to Set Up Parent and Child Pages in WordPress https://avada.com/documentation/how-to-set-up-parent-and-child-pages-in-wordpress/ Thu, 12 Mar 2020 23:03:47 +0000 https://theme-fusion.com/?post_type=documentation&p=709915

The WordPress page structure does not have to be a flat structure (i.e. all pages on the same level).

WordPress allows building a page hierarchy by creating child pages under a parent page. The WordPress admin interface has the option to mark a page as an independent page, or to put it in a parent-child relationship. The page hierarchy can have an infinite level of subpages, but it’s rare to see more than 3 levels of pages, as this can complicate navigation.

WordPress > Parent & Child page structure

Setting a Child Page

You find this option in individual pages. It is not available on posts or other custom post types. This page hierarchy is useful for Side Navigation Templates and the Vertical Menu Widget, as well as providing a clear structure to your pages in the back end.

To create a child page, simply create or edit a page in WordPress like you would normally do. Under the Page Attributes meta box, choose a parent page from the drop down menu.

Note: If you do not see the Page Attributes menu, then please click on the Screen Options button on the top right hand corner of your screen. It will display a menu where you need to make sure that Page Attributes is checked.

WordPress > Page > Page Attributes
]]>
Avada and WordPress Gutenberg Compatibility https://avada.com/documentation/avada-and-wordpress-gutenberg-compatibility/ Wed, 01 Aug 2018 15:20:45 +0000 https://theme-fusion.com/?post_type=documentation&p=489097

Gutenberg is the official name for the block editor in WordPress, which was released with WordPress version 5.0, back on December 6th, 2018. In this document, we will be looking at compatibility between Avada and the Gutenberg Block Editor.

Can I Use The Block Editor?

Yes, you certainly can if you want. The Avada Builder is a much more mature and feature rich option, and so the block editor could be seen as a poor choice, but technically there is no limitation to use one or the other. What must be noted though, is that if you create a page/post with Gutenberg, you cannot edit/maintain the same page/post using the Avada Builder and vice versa. They are not interchangeable. Any Gutenberg page/post created though, will display perfectly on the front end of the site to anyone viewing it.

Some people have decided to use Gutenberg on their blog posts for example, for future protection if they ever change WordPress themes. This way they would only need to reconfigure the pages, and not the posts.

Choosing Builders

We have implemented an option to choose between either version of the Avada Builder or the Gutenberg Editor when creating new pages or posts as illustrated below.

Page & Post Editing Selection

Choosing Add New > Backend Builder gives you this.

Choosing Add New > Live Builder gives you this.

Choosing Add New > Gutenberg gives you this.

Integration With Avada

We do have some limited style integration with Gutenberg, and you will also find the Global Color Palette in Gutenberg from Avada 7.10.0 and up.

]]>
WordPress Menu Settings https://avada.com/documentation/wordpress-menu-settings/ Wed, 22 Jul 2015 14:52:51 +0000 https://theme-fusion.com/documentation/menu-settings/

To make the most of your menus in WordPress when using Avada, you should be familiar with the various settings and options available when initially creating your menus, at Appearance > Menus, from the WordPress dashboard. These are a mixture of WordPress core menu functions, and third-party and Avada added settings. For an introduction to the core WordPress functionality of Menus, please see the WordPress.org Appearance > Menus Screen documentation.

General Menu Options

There are many types of menu items that can be added to a menu. Some of these are core WordPress options, such as Pages, Posts, Custom Links & Categories. Others are added with third-party plugins, such as WooCommerce or The Events Calendar. Yet others are added by Avada, such as the Avada Special Menu Items and the Avada Menu Options.

There are also multiple levels of possible menu items; the Parent Level (or the First Level menu items) and any Child Levels (or sub-level menu items below the Parent Level menu item). There can be up to 4 child levels with Avada.

In each Menu item, you will also find the Avada Menu Options button. See the linked doc for a full rundown, but basically, you can use these options to configure your menu item’s appearance in your menu.

There are also five menu positions available with Avada – Main Navigation, Top Navigation, Mobile Navigation, 404 Useful Pages, and Sticky Header Navigation. See the Setting Up A Menu doc for more details on this, and other menu related items.

To read more about Mega Menus, please see our Using The Mega Menu document. Read below for more information on Menu Settings in Avada.

Menu Settings

Navigation Label – Illustrated as A. Allows you to add a name to your menu item. In this way, you can change the display name of a menu item.

Title Attribute – Illustrated as B. This will specifies the value for the title attribute of the menu item. This text will only be displayed when a user’s mouse hovers over the menu item.

Link Target – Illustrated as C. Allows you to set the link target to _blank.

Description – Illustrated as D. You can add a description under the Menu item. See the Spa Demo Menu for an example of this.

Avada Options – Illustrated as E. This will open additional menu item settings which are proprietary to Avada. Click the button and you’ll gain access to the additional options listed below, in the next section.

Move – Illustrated as F. Allows you to easily move the menu item to various positions in the Menu Structure.

Original – Illustrated as G. Allows you to view the original page name, which the menu item links to.

Remove – Illustrated as H. Allows you to remove the menu item from the Menu Structure.

Cancel – Illustrated as I. Allows you to cancel or remove the changes made to the menu item and collapse the panel.

Custom Link URL Setting Illustrated as J. The Custom Link menu item has the additional option of a URL setting. This setting allows you to add a custom link as a menu item.

Parent and Custom Menu Item Options

Under the Screen Options at the top of the screen, there are several options you can turn on or off that will display on the Menu items, such as Link Target & Description.

Advanced Menu Properties
]]>
How To Create A New Page https://avada.com/documentation/how-to-create-a-new-page/ Fri, 22 Aug 2014 00:40:18 +0000 https://theme-fusion.com/documentation/create-new-page/

Creating pages is the foundation of creating your site. You can create any number of pages for your site and add as much content into them as you’d like. Avada also includes page templates which you can choose from, with each template fulfilling a specific function. Continue reading below to learn how to create a new page.

How To Create A New Page from the WordPress Dashboard

Step 1 – Navigate to the ‘Pages’ tab in your WordPress sidebar and click the ‘Add New’ option.

Step 2 – Give your page a name by entering it in the Title field.

Step 3 – Locate the Page Attributes box and set the Parent option and the Page Template option. Learn more about Page Templates here.

Step 4 – Add content to your page using the editor field. You can enter text or common HTML markup to add content, or you can click the ‘Use Avada Builder’ button to use the Avada Builder and add Design elements to the page. Learn more about the Avada Builder here.

Step 5 – Set individual options for the page in the Avada Page Options box. Settings options here will affect the current page only. If you’d like to set global options for your entire site, then you have to use the Avada Options. Learn more about the Avada Options here.

Page Templates

Page templates are templates that you can use to tailor the page according to your needs. For example, if you’d like a certain page to span the 100% of the browser width, then you would want to use the ‘100% Width’ page template. Learn more about each type of page template available and how to set them by clicking the button below.

How To Create A New Page in Avada Live

Step 1 – Click on the + Icon (Add New) in the Toolbar, and choose Page or Post or other custom post type.

Step 2 – The Sidebar will open to Page Options > Settings, where you can give the page a Title, a Slug, choose the Parent page, choose the page template, and add featured images.

Step 3 – Add content to your page using the Avada Builder Live Editor.

Step 4 – You can set individual options for the page in the Avada Page Options panel on the Sidebar. Settings options here will affect the current page only. If you’d like to set global options for your entire site, then you need to use the Global Options. Learn more about the Avada Options here.

Creating A New Page
]]>
How To Reset Permalinks https://avada.com/documentation/how-to-reset-permalinks/ Fri, 01 Aug 2014 14:25:37 +0000 https://theme-fusion.com/documentation/reset-permalinks-posts/

Permalinks are the permanent URLs of your posts, pages, categories, and other archive pages on your website. These URLs are permanent and should never be changed – hence the name permalink.

WordPress offers five permalink structures, plus a custom one. By default, the setting is on Plain, but for the vast majority of cases, you want to set it to Post Name.

Permalink Options

If you are receiving 404 pages when you try to open a blog or portfolio post, or you are being redirected to the home page when editing Layout Sections, you may need to reset your permalinks. To do this, simply follow the steps below.

Step 1 – Navigate to Settings > Permalinks from the WordPress Sidebar.

Step 2 – Choose the Permilinks structure you want (Hint: Post Name), and then scroll to the bottom and click “Save Changes”.

Step 3 – Refresh your page and check that it works. Also, make sure to clear all forms of cache. That could be plugin cache, browser cache and/or server cache. More info on clearing cache can be found here. If that does not fix it, please see additional information below.

Other Permalink Informational Posts

]]>
Fatal Error: Allowed Memory Size Exhausted https://avada.com/documentation/fatal-error-allowed-memory-size-exhausted/ Tue, 11 Feb 2014 21:01:13 +0000 https://theme-fusion.com/documentation/fatal-error-allowed-memory-size-exhausted/

It’s common to get fatal error messages about memory; ‘Fatal Error : Memory Size Exhausted’. This can happen when you install themes, plugins or upgrade to the latest WordPress version. Such types of problems arise because the PHP Memory Limit of your Host is less than what the process requires for performing its functions. In such a case you would need to follow these 5 tips to Increase your host’s PHP Memory Limit – these were provided by HubSpot.

Tip 1: Increase the limit via PHP.ini file

You can directly increase the PHP Memory Limit if you’ve access to the PHP.ini file. Most small Shared hosting servers won’t give you access to the PHP.ini file. But some servers allow you to create a duplicate PHP.ini in your respective site Directories whose data/values will override the default PHP.ini values. To do that you just need to create a file with the name ‘php.ini’ in the directory where your WordPress site is installed. In that just add the command memory_limit = 128M in it to increase the Memory Limit to 128 MB.

Tip 2: Changing the Memory Limit via wp-config.php

If you don’t want to mess with the PHP.ini file, then you can go for this method. In this you won’t be needing to create any extra file in your Directory. Just Adding define(‘WP_MEMORY_LIMIT’, ‘128M’); in your ‘wp-config.php’ file would increase your PHP Memory Limit to 128 MB.

Tip 3: Modifying the .htaccess file to Increase Memory Limit

A Default WordPress Installation won’t have a .htaccess file. But in case you already have it for some purposes like ‘301 Redirection’, just add the command php_value memory_limit 128M in your ‘.htaccess’ file and your memory limit will increase to 128 MB.

Tip 4: Changing the Memory Limit via wp-config.php

This method is just an Alternate to the php.ini method. Because the function of the code we use in this method is same as what we put in the php.ini file.You just need to place the code ini_set(‘memory_limit’,’128M’); in the ‘wp-config.php’ file which is placed in the root folder of your WordPress installation.

Tip 5: Have a talk with your Host

If you are a person who is new to all these techie sounding things then it’s better to have a Live Chat / a Call with your Host right away. It’s your right to talk to them & get the necessary changes you need as you’re paying for it.

]]>
Error Says The Stylesheet Is Missing https://avada.com/documentation/error-says-the-stylesheet-is-missing/ Thu, 17 Oct 2013 01:18:14 +0000 https://theme-fusion.com/documentation/common-issues-broken-theme-stylesheet-missing-errors/

A common issue you might run into when uploading or activating Avada is the “Stylesheet Missing” error message. This does not mean Avada is broken or does not work; it means that Avada has been uploaded incorrectly.

When downloading Avada from your Downloads folder at themeforest.net, ensure that you have downloaded and are uploading the Installable WordPress File, rather than the All Files & Documentation package.

You can also read on Envato’s site about the error.

ThemeForest > Download Avada
]]>
How To Create Menus In Avada https://avada.com/documentation/how-to-create-menus-in-avada/ Fri, 20 Sep 2013 00:34:31 +0000 https://theme-fusion.com/documentation/setting-up-the-menu/

Menus are initially created in Appearance > Menus from the WordPress dashboard. They can then be added anywhere to your Avada website using the Menu Element, or if using legacy methods, they are assigned to certain areas within your website, which are then displayed according to your chosen Header layout. This article looks at the creation of menus through the WordPress interface.

For privacy reasons YouTube needs your permission to be loaded.

How To Create A New Menu

Step 1 – Navigate to Appearance > Menus from the WordPress sidebar.

Step 2 – Click the Create A New Menu link. Give your new menu a name, and then click the Create Menu button.

Step 3 – To add a menu item, select one of your created pages on the left hand side and click the Add to Menu button. You can also add all kinds of different content from the Add Menu Items section.

Step 4 – To add a custom menu item, click the “Custom Links” menu item bar, then enter a custom name and URL into the respective text fields and click “Add to Menu.”

Step 5 – You can further customize the individual Menu Items, but clicking on the Avada Menu Options button on each item.

Step 6 – Manage your menus by using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of the menu item above it and it will lock into place. That will set the menu item as child item and will automatically appear as a dropdown menu item.

Step 7 – After setting up your menu, scroll down to the bottom of the page to assign the menu to one of the 5 locations in the Theme Locations box.

– Once it’s all done, make sure you click the Save button.

Here is a screenshot that shows you the various areas and descriptions of the menu section described above.

Menu Creation

Assigning A Menu

Once you have created you menu, you need to assign it to your site. There are two main ways to do this. Our recommended method is to use the Menu Element in a Header Layout Section (You can also add a Menu anywhere in your page content with the Menu Element). Read more about how this works in the How The Menu Element And Menu Work Together document.

Alternatively, If you are not yet using Avada layouts, and instead using the legacy Headers chosen from the Global Options, then you assign the menu to a specific location in the menu itself. See the Assigning Menus via Global Options document for more information on this.

]]>
Setting Your Home Page In WordPress https://avada.com/documentation/setting-your-home-page-in-wordpress/ Fri, 20 Sep 2013 00:26:46 +0000 https://theme-fusion.com/documentation/setting-up-home-page/

This is the first page that your website visitors will see when they arrive on your site. Setting up your home page is the same as setting up any other regular page, except that you need to specify in the WordPress settings which page will be allocated as your site’s static front page. You can change your site’s static front page at any time as often as you wish.

How To Set Your Home Page

Step 1 – Login to your WordPress Dashboard and navigate to the Settings > Reading section.
Step 2 – Select the Static Page option.
Step 3 – Choose the page you want as your home page from the Homepage dropdown list.
Step 4 – Once done, click ‘Save Changes‘.

WordPress Static Page Setting
]]>