The Customiser is an important tool in WordPress; used to adjust the site's identity, layout, colour scheme, typography and more. In WordPress alone, the Customiser has very limited functionality, but with the GeneratePress Theme installed, the Customiser has access to many more features. Getting to grips with it will help you edit your WordPress Site as a whole, instead of minor adjustments here and there.
Finding the Customiser
The Customiser can be found within the Appearance menu on the left-hand sidebar of the dashboard. It can also usually be found in the top-bar of the front end of the site when logged into WordPress.
Using the WordPress Customiser
The Customiser withing GeneratePress (by default) can be used to edit:
Site Identity
In the Site Identity section, you can change the site title, tagline, logo, retina logo, logo width and site icon. This section is used to adjust the site's branding.
Layout
The Layout section is used to edit settings for: the container, header, primary navigation, sidebars, blog and footer.
- Container Settings:
- Container Width
- Separating Space
- Content Separator
- Content Layout
- Container Alignment
- Content Padding
- Header
- Header Presets
- Header Width
- Inner Header Width
- Header Alignment
- Header Padding
- Primary Navigation
- Navigation Width
- Inner Navigation Width
- Navigation Alignment
- Navigation Location
- Navigation Drop-down
- Drop-down Direction
- Menu Item Customisation
- Sidebars
- Sidebar Layout
- Blog Sidebar Layout
- Single Post Sidebar Layout
- Widget Padding
- Left/Right Sidebar Widths
- Blog
- Various Settings for Archives
- Various Settings for Single
- Footer
- Footer Width
- Inner Footer Width
- Footer Widgets
- Footer Bar Alignment
- Back to Top Button
- Footer Widget Area Padding
- Footer Padding
- Copyright
Colours
The Colours section is used to edit the site's colour scheme. The site will have different colour variable which you can adjust; by adjusting those variable here, they'll be changed anywhere they are used.
Also within the Colours section, you can adjust the colour scheme used for things like the body, headers, primary navigation, etc.
Typography
The Typography section can be used to adjust the fonts used across the entire site.
General
The General section is used to adjust some technical settings such as: Dynamic CSS Print Method, Icon Type, Underline Links, Cache dynamic CSS and Smooth Scroll.
Menus & Widgets
The Menus & Widgets sections allows the user to adjust settings of the primary navigation and several different widgets, but the majority of these settings can be found in the respective sections of WordPress (within the Appearance Menu).
Homepage Settings
Here you can adjust what your homepage displays (latest posts or a static page), select which page you'd like set as your homepage, and which page you'd like as your posts page.
Additional CSS
Within this section, you can include any additional css you'd like in order to further customise your WordPress site. This is very useful for editing the CSS code for a class or id that you'll use across multiple parts of the site.
