theprioritypremium Theme Page Text Area

Use this area to highlight something important you want to draw your visitors attention to, or just remove it in the Customize area in the backend.

Developers

Table of Contents

Basic version

This version can be downloaded free from the WordPress Repository at https://wordpress.org/themes/thepriority/ (opens in new tab/window)

Structure

Since a screen reader reads a webpage in the order of the code and layout here is how this Theme is laid out starting from the top left hand corner and working to the right:

Main Navigation

Skip Links:
A drop down list of skip to main content and if the Secondary menu is activated a link to the right hand sidebar, this will be followed by a Colour Switcher but only if you’ve activated and configured the WP User Stylesheet Switcherr according to the Readme file or below.
Horizontal Main Menu:
To the left of the above skip links is the Main Menu, depending on the length of your link text you should be able to get 5 or 6 links, for example, home, about, services, blog and contact, if they are too long they will be forced down a line, breaking the layout.

Header

In the center of this area is the Page Title, below and to the left is the area for a Company Logo or just an image.

Note: This area has a blue Gradient colour that starts on the right and stretches throu the whole Header section.

Logo/Image:
This Theme comes with a logo already installed, you can replace it in the “Customize” section in the backend, we recommend an image size of no more than 360 px wide by 80 px tall, however depending on what you do in the next section you can increase the height.
Lead Magnet:
To the left of the image is a text Box(lead magnet). This area can be managed in the Customize page in the Admin area, as it’s title suggest you can put text here to draw attention to anything you like, as above you should try to keep the text in the height of your image/logo to keep things even, just play around until you get the look you want. If you dont use any text then the image/logo stays left aligned and you may wish to add a background image in the “Customize” page to offset it. Note: You can also remove the image and Lead Magnet and just go with the Page Title.
Tagline:
Below the above 2 sections and center aligned is the Site Tagline/Description.
Search Box
Below the Tagline and also centered is the Search box, this can be hidden in the Customizer page

Main Body

This area consists of 2 sections, to the left is the main content which takes up about 60% of the real estate and to the right is the sidebar.

Text Box:
At the top of this section is a text area, you can put whatever you want here or leave it empty, it can be accessed in the backend under “Customize” there is one for Pages, Blog page and single Posts. If you are dealing with the Blog Page there is also a heading right after this text box that can also be changed in the Customizer area.
Main Content:
After the test box comes the content of your site.
Right Hand Sidebar:
As its name reads this is the area to the right of the Main Content and you can add the Secondary Menu, Categories and so on. Note: The heading “right hand sidebar” is only visible to a screen reader.

Custom Footer

This area has a custom Widget area, unlike many other Themes the Widgets start from the center whereas others start from the left, I find this unbalanced visually if you only have 1 Widget.

Theme Options

As well as having many of the default WordPress options to Customize things such as Header and background images this Theme also offers the following Options in the “Customize” page in the Admin area.

Introduction Text:
As stated above there are sections on the front of the site where you can add/remove text in the following areas:

  • Lead Magnet
  • Blog Page
  • Pages
  • Single Posts

If you dont wish to have any text just remove it from the corresponding section.

Rewrite Titles:
As above there are areas where you can rewrite the title in the following places.

  • Blog Heading
  • Side Menu link in the “Skip Links” section (only shows up if you use the secondary menu option)
Miscellaneous
The following items can be changed:

  • Author Credits: Toggle this to show or hide the Author Credits in the footer section
  • CopyRight: add the date you wish to show in your footer section
  • Search form: You can toggle this to show or hide the search form that appears just below the Tagline in the header section

Recommended Plugins

Post Teaser

This Theme comes with an easy to use installer of a recommended Plugin for addressing a WCAG 2.0 violation of different links using the same text, see 2.4.4: Link Purpose (In Context): (A).

WP User Stylesheet Switcher

Once the WP User Stylesheet Switcher Plugin is activated the site will load properly but if you want to offer a colour switcher you’ll need to configure the settings as follows:

  • 1. Go to the WP User Stylesheet Switcher link
  • 2. Leave all defaults
  • 3. In theStyleSheet Options configure as follows:
    Option 1
    Name: type Default Colours
    CSS file name: type style.css

    Option 2
    Name: type High Contrast
    CSS file name type: black.css

  • 4. Set Default Stylesheet
  • 5. Save changes

Back to Table of Contents

Premium version

Structure

As above, a Screen Reader reads a webpage in the order of the code and layout here is how this Theme is laid out starting from the top left hand corner and working to the right:

Main Navigation

Skip Links:
A drop down list of skip to main content and if the Secondary menu is activated a link to the right hand sidebar followed by a colour switch from the default of black text on a white background or high contrast, white text on a black background, depending on a viewers choice.
Horizontal Main Menu:
To the left of the above skip links is the Main Menu, depending on the length of your link text you should be able to get 5 or 6 links, for example, home, about, services, blog and contact, if they are too long they will be forced down a line, breaking the layout.
Social Links drop down menu:
Here you can add your Social links via the Customize page in the backend, keep in mind that the main navigation must not have too many links or it will overlap, see an example of how it works/looks at Fedora Outlier LLC

Header

In the center of this area is the Page Title, below and to the left is the area for a Company Logo or just an image.

Logo/Image:
This Theme comes with a logo already installed, you can replace it in the “Customize” section in the backend, we recommend an image size of no more than 360 px wide by 80 px tall, however depending on what you do in the next section you can increase the height.
Lead Magnet:
To the left of the image is a text Box(lead magnet). This area can be managed in the Customize page in the Admin area, as it’s title suggest you can put text here to draw attention to anything you like, as above you should try to keep the text in the height of your image/logo to keep things even, just play around until you get the look you want. If you dont use any text then the image/logo stays left aligned and you may wish to add a background image in the “Customize” page to offset it. Note: You can also remove the image and Lead Magnet and just go with the Page Title.
Custom Header Widget
In the same position as the Lead Magnet is a Custom Widget, if you did not want to have the Lead Magnet text here you have the option of adding widgets instead
Tagline:
Below the above 2 sections and center aligned is the Site Tagline/Description.
Search Box
Below the Tagline and also centered is the Search box, this can be hidden in the Customizer page

Main Body

This area consists of 2 sections, to the left is the main content which takes up about 60% of the real estate and to the right is the sidebar.

Text Box:
At the top of this section is a text area, you can put whatever you want here or leave it empty, it can be accessed in the backend under “Customize” there is one for Pages, Blog page and single Posts. If you are dealing with the Blog Page there is also a heading right after this text box that can also be changed in the Customizer area.
Main Content:
After the test box comes the content of your site.
Right Hand Sidebar:
As its name reads this is the area to the right of the Main Content and you can add the Secondary Menu, Categories and so on. Note: The heading “right hand sidebar” is only visible to a screen reader.
Side Menu
When the Secondary menu is used a Heading will appear here and you can change the text in the Customizer page

Custom Footer

This area has a custom Widget area, unlike many other Themes the Widgets start from the center whereas others start from the left, I find this unbalanced visually if you only have 1 Widget.

Theme Options

As above this Premium Theme has a lot of the Default WordPress customization options and also the following:

Call to Action(CTA) Text:
As stated above there are sections on the front of the site where you can add/remove text in the following areas:

  • Lead Magnet
  • Blog Page
  • Pages
  • Single Posts

If you dont wish to have any text just remove it from the corresponding section.

Rewrite Titles:
As above there are areas where you can rewrite the title in the following places.

  • Blog Heading
  • Side Menu Heading
  • Side Menu link in the “Skip Links” section (only shows up if you use the secondary menu option)
  • Social Link, if there is no text in here then your Social links will not show up on the front end even if you have entered them in the section below
Miscellaneous
The following options are available:

  • Scripts: In this section you can add custom Scripts to your header area such as php, JavaScript
  • Logo/Image alt text: Here you can add a description of the Logo/Image if you use one
  • CopyRight: add the date you wish to show in your footer section
  • Search form: You can toggle this to show or hide the search form that appears just below the Tagline in the header section
  • Author Credits: Toggle this to show or hide the Author Credits in the footer section
  • Site Name and Tagline: Toggle to show or hide Site Name and Tagline in the Header
  • Meta Information: Toggle to show/hide date/Author, Categories and Tags.
CSS Options:
If you have the skills to write css(Cascading Style Sheet) code then you can use this area to make changes on the front end, keep in mind there are 2 different colour layout choices so changing the colour of text for one version may make it invisible or break the accessibility of the Theme. We recommend you dont change the font and background colour unless they pass the WCAG 2.0 colour contrast Guideline, you can find a tool at http://juicystudio.com/services/luminositycontrastratio.php#specify.
Gradient Control:
Use this checkbox to show or hide the Gradient colour in the header area, the Gradient starts from the right at full colour
Colour Scheme:
The Premium Theme comes with a number of choices for button/link and gradient colour as follows:

  • Fedora Orange – #FF4500;(default)
  • LinkedIn Blue – #007bb6;
  • Green – #238E23;
  • Pink – #FF69B4;
  • Purple – #871F78;
Social Media:
You have the following choices to add to your Social Media links menu

  • Facebook
  • Twitter
  • Google+
  • LinkedIn
  • YouTube

Page Templates

The Premium Theme comes with a number of Templates:

3 Column
As the title reads this has a left hand and right hand sidebar as well as header and footer
FullWidth
This has the regular header section and footer but the content is full width with no sidebars
Splash
This is like the Full Width but has no header section

Recommended Plugins

This Theme comes with a easy to use installer of Recommended Plugins:

All in One SEO Pack
Search Engine Optimmization
JetPack
Has a lot of useful modules like Stats, Sharing, Social and much more
Ozh’ Admin Drop Down Menu
Expands all links for screen readers
Word Fence
Security
WP-DBManager
Manages and backs up your database

Support

The Premium version of this Theme comes with unlimited support for Theme related problems(within reason) and free upgrades.

In the Customize page you will find an email to contact us for any technical problems and use the form below to get on our contact list.


 

Purchase

Note: You will receive an email with a link to your download once your purchase is complete. .

[wp_eStore_fancy1 id=1]