How to use Customizer

These guides cover:


Objectives:

  • All-in-one package for logistic clients who need WPCargo but don’t have website
  • User friendly interface
  • Modern design and mobile friendly

Theme Structure Summary:

Frontend Sections:

  • Header
    • Layout 1
      • Main Header
        • Left side
          • Image logo / Site title + Site Description
        • Right side
          • Menu (primary)Figure 1.1
        • Layout 2
          • Header Top
            • Left side
              • email/mobile/phone number
            • Right side
              • Social links
          • Main Header
            • Left side
              • Image logo / Site title + Site Description
            • Right side
              • Menu (primary) / Custom TextFigure 2.2
      • Layout 3
        • Header Top
          • Left side
            • Email/Mobile/Phone number
        • Right side
          • Social links
      • Main Header
        • Left side
          • Image logo / Site title + Site Description
        • Right side
          • Tracking Button / Address / Custom Text
      • Main Navigation
      • Content / Inner Pages (Siteorigin plugin for content layouts)

These are the sample layouts of pages:

  • Fullwidth – http://themepro.wpcargo.com/page-fullwidth/
  • Content + Sidebar – http://themepro.wpcargo.com/page-content-sidebar/
  • Sidebar + Content – http://themepro.wpcargo.com/page-sidebar-content/
  • Footer
    • Footer Widgets
      • 2 Columns (layout)
      • 3 Columns (layout)
      • 4 Columns (layout)
      • 5 Columns (layout)
      • 6 Columns (layout)
      • We will add ⅔ by ⅓, ¾ by ¼, ⅗ by ⅖, etc. for additional layouts
    • Footer Bottom
      • Layout 1
        • Left side
          • Copyright text
        • Right side
          • Designed by
      • Layout 2
        • Left side
          • Copyright text and Designed by
        • Right side
          • Social links
      • Layout 3
          • Left side
            • Copyright text and Desinged by
        • Right side
          • Company Address

Dashboard:

  • Required Plugins Page
    • Go to Appearance > Install Plugins
    • You can now install and update the required plugins
  • Go to Appearance > Customize > Header Options
    • Header Top Section – this section appears at the top of the menus
      • Enter your contact details such as: a) Email Address b) Mobile/Phone Number
      • Select if you want to Enable/Disable the Login and Logout link
      • Enable/Disable My Account – If this is enabled, a link for My
        Account will be added at the top of the navigation
      • Enter your site’s location address
  • Social Network URL – set the links on the following Social
    Networks
  • Facebook
  • Twitter
  • LinkedIn
  • Google+
  • YouTube
  • RSS
  • Delicious
  • Flickr
  • Lastfm
  • Vimeo
  • Note that these are the social networks that appear at the upper right below the navigation.
  • Font Family Options
    • Body Font Family
      • Select a Font Family that
        only applies on the body
        content
      • Select Font Variants
      • a) Select if you want to Enable/Disable the regular and italic Font Variants.
      • Select Font Subsets
        a) Enable or Disable Latin texts
    • Headings Font Family
      • Select a Font Family that applies to all headings(h1, h2, h3, h4, h5, h6)
      • Font Size Options – Set all specific size on all headings and body font size
      • Go to Appearance > Customize > Header Options
        • Header Top Section – this section appears at the top of the menus
          • Enter your contact details such as:
            1. Email Address
            2. Mobile/Phone Number
          • Select if you want to Enable/Disable the Login and Logout link
          • Enable/Disable My Account – If this is enabled, a link for My Account will be added at the top of the navigation
          • Enter your site’s location address

Header Top Social Networks – Enable/Disable the social network links above the header
Header Section

-Choose a header layout

  • Layout 1 – Logo is aligned at the upper left part of the header and the menus are right aligned (see Figure 1.1).
  • Layout 2 – A top bar header is added in this layout (see Figure 1.2).
  • Layout 3 – A top bar remained at the upper part and the menus are moved below the track button
  • Upload an image for your logo, transparent header and sticky header.
  • You can also set a different font family on menus.
    • Select font variants
    • Select Font Subsets
    • Set the menu font size
  • You can enter the address of your site where it displays on the upper header.Enable/Disable the footer social networks
    • Note that the social network icons will only apply if you choose the Footer Layout
      (Footer Options>Footer Bottom Section).

Footer Widgets Sections

  • Footer Widgets Background Color – set the Background color of footer
  • Footer Widgets Columns – set the number of columns in footer
  • Widget Title Font Size – Set the font size of Widget title

Footer Bottom Section

  • Footer Bottom Layout – select a Layout for footer
  • Footer Background Color – set the background color of footer
  • Footer Border Color 1/ Footer Border Color 2 – set the border colors of footer
  • Footer Right Display Type – set the display as Social Networks or Free Text
  • Footer Font Size – set the font size of texts
  • Footer Left – set the text to display at the left of your footer
  • Footer Right Text – set the text to display at the right of your footer
0
    0
    Your Cart
    Your cart is emptyReturn to Shop