Barton Demo 5

Use the guide below to mirror Barton Demo 5. Remember, your theme may look a little different, depending on the colors and fonts you select, how many posts you've published, and the images you've uploaded to your media library, posts, and pages.

Each large heading section below corresponds to one of the main tabs in the Customizer. To access the Customizer, from your WordPress dashboard, go to  Appearance > Customize. Look for the Header Options tab, which is the first section in our guide below. Continue on to note the sub-tabs and various sections within each parent tab. If you work your way down the Customizer tabs and follow the guide below, you should cover the bases!

Need a little help visualizing? For a visual of how our Help Desk Demo Guide headings correspond with tabs in the customizer, please review this article.

Happy customizing!


HEADER OPTIONS


SITE IDENTITY TAB

Header Text Options
  • Site Title: [enter your site name in the field]
  • Tagline: [enter your tagline in the field, if using. In the demo, our tagline is "Our most flexible theme yet"; however, it is not visible on the site as we have opted not to display it.
  • Display Site Title: ON
  • Display Site Tagline: OFF
Upload your Favicon
  • Follow the instructions and upload an image that is sized at 512 x 512px.

HEADER LAYOUT

  • Choose header layout: Stacked (Center)

SOCIAL MEDIA

  • Enable Social Media: ON
  • Choose Location: Top Right
  • Enter Your Social Media Links: [Paste in URLs for your desired social media platforms and pages.]

SEARCH

Search
  • Enable Search Button: ON
  • Display Icon: ON
  • Display Search Text: OFF
  • Choose Location: Top Right
Search Modal
  • Display Search Title: ON
  • Search Modal Title: [Enter text of your choosing. We used "What are you searching for?"]

FEATURE TAB

  • Display Feature Tab: ON
  • Choose Location: After Primary Menu
  • Link Text: [insert the button text here. In the demo, we used "Buy Theme."]
  • Link URL: [insert where a URL for where the button should link to]
  • Open Link in New Tab: We recommend turning to ON if the link is external, i.e., not on your actual site
  • Display Icon: ON
  • Submenu > Enable Submenu: ON

SCROLL NAVIGATION

  • Enable Scroll Navigation: ON
  • Display Social Media: ON
  • Display Search: ON
  • Display Feature Tab: ON
  • Display Top Left Menu: OFF
  • Display Top Right Menu: OFF
Upload your logo
  • Display logo: OFF

SHOWCASE OPTIONS


SHOWCASE COLUMN 1

SHOWCASE COLUMN 1
  • Enable Showcase Column 1: ON
  • Content to Display: A featured post
  • Display latest post: ON

SHOWCASE COLUMN 2

SHOWCASE COLUMN 2
  • Enable Showcase Column 2: ON
  • Content to Display: A featured post
  • Display latest post: ON

SHOWCASE COLUMN 3

SHOWCASE COLUMN 3
  • Enable Showcase Column 2: ON
  • Content to Display: A featured post
  • Display latest post: ON

POST DISPLAY OPTIONS

SHOWCASE POST DISPLAY OPTIONS
  • Display Post Date: ON
  • Display Category: ON
  • Display Comments Link: ON
  • Display Excerpt: OFF
  • Excerpt length: 15
  • Read More Text: View Post

BLOG FEED OPTIONS


POST FEED 1

Post Feed 1
  • Continue Post Feed: ON
  • Select your Featured Post Layout: Classic (Large) Feed
  • Select your Sidebar Layout: [sidebar on right]
  • Number Posts to Display: 2

POST FEED 2

Post Feed 2
  • Display Post Feed 2: ON
  • Continue Post Feed: ON
  • Select your Post Feed Layout: Featured Feed
  • Number Posts to Display: 1

POST FEED 3

Post Feed 3
  • Display Post Feed 3: ON
  • Continue Post Feed: ON
  • Select your Post Feed Layout: Classic (Large) Feed
  • Select your Sidebar Layout: [sidebar on right]
  • Number Posts to Display: 2

POST FEED NAVIGATION

  • Enable Post Feed Navigation: ON
  • Older Posts Text: Older
  • Enable Newer Posts Button: ON
  • Newer Posts Text: Newer

INTERSTITIALS

  • Enable Interstitial 1: ON
  • Enable Interstitial 2: ON
  • Enable Interstitial 3: OFF

BLOG ARCHIVES OPTIONS

  • Select your post feed layout: Classic (Large) Feed
  • Select your sidebar layout: [right sidebar]

POST & PAGE DISPLAY OPTIONS


CLASSIC POST OPTIONS

Note: This post type does not appear in this demo, so you may skip these settings if you prefer

  • Select Your Featured Image Size: Portrait
  • Display Share Buttons: ON
  • Display Post Date: ON
  • Display Category: ON
  • Display Author: OFF
  • Display Comments Link: ON
  • Excerpt Length: 20
  • Read More Text: View Post

CLASSIC (LARGE) POST OPTIONS

  • Select Your Featured Image Size: Landscape
  • Display Post Date: ON
  • Display Category: ON
  • Display Comments Link: ON
  • Display Author: OFF
  • Display Share Buttons: ON
  • Excerpt Length: 50
  • Read More Text: View the Full Post

FEATURED POST OPTIONS

  • Select Your Featured Image Size: Landscape
  • Display Share Buttons: ON
  • Display Post Date: ON
  • Display Category: ON
  • Display Comments Link: ON
  • Display Author: OFF
  • Excerpt Length: 20
  • Read More Text: View the Full Post

GRID POST OPTIONS

Note: This post type does not appear in this demo, so you may skip these settings if you prefer

  • Select Your Featured Image Size: Portrait
  • Display Post Date: ON
  • Display Category: ON
  • Display Comments Link: ON
  • Display Author: OFF
  • Read More Text: Continue Reading

SINGLE POST OPTIONS

SINGLE POST DISPLAY OPTIONS
  • Select Your Sidebar Layout: [right sidebar]
Entry Header Display Options
  • Display Post Date: ON
  • Display Category: ON
  • Display Comments: ON
  • Display Author: OFF
Entry Footer Display Options
  • Display Category: ON
  • Display Comments Link: ON
  • Display Share Buttons: ON
Related Posts Options
  • Display Related Posts: ON
  • Related Posts Title: [More posts you'll love]
  • Number of Recent Months to display Posts From: 48 (read more about Related Post settings here)
  • Order Posts By: Number of Comments
  • Select your Featured Image Size: Portrait
Comments Section Options
  • Comment Form Title: Leave a Comment
  • Comment Form Submit Text: Submit
  • Comments Title: Comments
  • Display Comment Count: ON
  • Display Comments Title: ON
Post Navigation Options
  • Display Post Navigation: ON
  • Older Posts Text: Previous Post
  • Enable Newer Posts Button: ON
  • Newer Post Text: Next Post

PAGE OPTIONS

  • Select your sidebar layout: [right sidebar]

404 OPTIONS

  • 404 Page Title: Nothing Found
  • 404 Page Text: It looks like nothing was found at this location. Please try searching below.

POST SHARING OPTIONS

  • Display Facebook Share: ON
  • Display Twitter Share: ON
  • Twitter Username (including @): [insert your Twitter username, e.g. @empressthemes]
  • Display Pinterest Share: ON
  • Display Email Share: ON

FOOTER OPTIONS


FOOTER LAYOUT

FOOTER LAYOUT:
  • Three Columns
STACK WIDGETS IN FOOTER:
  • Set to ON
COPYRIGHT
  • Display Copyright: ON
  • Copyright: Copyright
  • Display Current Year: ON

MOBILE OPTIONS


MOBILE NAVIGATION

  • Enable Mobile Navigation: ON
  • Display Icon: ON
  • Display Menu Text: ON
  • Choose location: Top Left
  • Display on Tablet: ON
  • Display on Phone: ON

TABLET DISPLAY OPTIONS

Header Options
  • Top Left Menu: OFF
  • Top Right Menu: OFF
  • Social Media: ON
  • Search Button: ON
  • Feature Tab: ON
  • Primary Menu: ON
  • Scroll Menu: OFF
Layout Options
  • Sidebars: OFF
  • Interstitials: ON
  • Featured Post Feeds: ON
  • Showcase Column 1: ON
  • Showcase Column 2: ON
  • Showcase Column 3: ON

PHONE DISPLAY OPTIONS

Header Options
  • Top Left Menu: OFF
  • Top Right Menu: OFF
  • Social Media: ON
  • Search Button: ON
  • Feature Tab: OFF
  • Primary Menu: OFF
  • Scroll Menu: OFF
Layout Options
  • Sidebars: OFF
  • Interstitials: OFF
  • Featured Post Feeds: OFF
  • Showcase Column 1: ON
  • Showcase Column 2: ON
  • Showcase Column 3: ON

MENUS


Menus may be highly variable based on your specific website and content needs. We've outlined how we structured our menus in this demo below, to give you an idea of how you could set yours up similarly. Keep in mind that while you can name a menu anything you wish, you must also assign menus to a menu location. The table below shows you what menus we assigned to which location. The link list in the second column will help guide you in terms of which menu in the demo corresponds to which location.

Menu Location: Link List in theme:
Top Right Explore Templates (Dropdown listing blog post and page templates for theme)
Primary Style, Beauty, Travel, Grid Plugin, Boutiques Plugin, Pop Up Plugin
Scroll No separate mobile menu created. Inherits Primary menu items.
Mobile No separate mobile menu created. Inherits Primary menu items.
Feature Tab Submenu Shop Barton Theme, Shop Plugins
Footer  Home, About, Contact, Terms of Use, Privacy Policy

WIDGETS


The Widget tabs below should appear if you have set your theme up exactly as outlined in the Blog Feed Options tab described above. Below each tab title, we've described the widgets we added in the exact order, and where relevant, any features we turned on within each widget.

POST FEED 1 SIDEBAR

  • Barton: About Widget: added Link 1 and Link 2 (About, FAQ in the demo)
  • Text Widget
  • Barton: Shop Widget

POST FEED 3 SIDEBAR

  • Barton: Topics Widget
  • Text Widget: Use a bulleted list for centered link styling
  • Search Widget

HOME FEATURED INTERSTITIAL

INTERSTITIAL 1

  • Barton: Featured Posts Widget (Title: Barton: Featured Posts Widget; Number of posts to show: 3; Featured Image Size: Portrait; Selected Featured Posts; Checked display subtitle)

INTERSTITIAL 2

  • Custom HTML widget (added a rewardStyle Shop the Post widget) 

HEADER FEATURED

  • Left empty in this demo

FOOTER FEATURED

  • Barton: Subscription Widget

FOOTER LEFT

  • Navigation Menu: We created a new menu in the Menus tab and selected it in this widget.

FOOTER CENTER

  • Navigation Menu: We created a new menu in the Menus tab and selected it in this widget.

FOOTER RIGHT

  • Navigation Menu: We created a new menu in the Menus tab and selected it in this widget.

IMAGES & RETINA SUPPORT


Retina Support