Customizer is a native WordPress feature that allows you to implement settings for the theme, and look at their effects right away. You will find it
- when you are logged in – in the admin bar under the menu item Customize
- in the back end on the page Appearance → Themes as the button Customize right underneath the image for the theme Frankfurt, and
- in the back end under Appearance → Customize
Do all the settings you want in the Customizer. The page will then be reloaded, so you can see the actual appearance of your changes.
Once you have completed all your changes, click Save & Publish. Only then will your changes be applied and become visible for visitors to your site.
You exit the Customizer by clicking the little x in the top left.
WordPress 4.2 and higher offers the option to switch themes directly via the Customizer. That is a WordPress core feature.
Frankfurt additionally offers the following theme options and WordPress settings via the Customizer:
The theme offers space for the insertion of a logo at the top left in the header. Once configured, the logo will be displayed instead of the page title.
It is best to use an image of at least 1500 pixels in width. Your logo will then look great on any end device.
- Click Select image.
- You will be forwarded to the media library, where you can upload images as usual, or select a specific existing image.
- Clicking Choose image will return you to the Customizer, where you can remove the image if you don’t like it, or switch it for another by clicking Switch image.
PermalinkPage Title & Subtitle
Here you can specify the title and subtitle of your WordPress website. Both will be displayed in the top left of the header, until you specify a logo.
You can alternatively reach these settings via the WordPress admin section under Settings → General.
A well-positioned menu will significantly improve navigation to the important content of a website. The Frankfurt theme supports three menus:
- Header Menu: displayed at the top right. This menu is hidden in mobile view.
- Main Menu: displayed at the top right underneath the header menu. This menu is hidden in mobile view.
- Mobile Menu: displayed at the right in the off-canvas section; appears after clicking the menu button. Make sure to always configure the mobile menu!
The Frankfurt theme will display a reminder message in the header if you haven’t set up your menus yet.
Create your menus under Menus in the back end first. When that is done, you can assign their position as well.
If you would like to assign menus via the customizer, just click in the Customizer at Navigation on the relevant drop down arrows to select a menu each.
Widgets are drag&drop elements, which allow you to introduce new content or functions in sidebar/widget areas of your website, without needing any programming skills. They can be found alongside the available sidebars in the admin section under Appearance → Widgets.
Simply drag&drop a widget to a sidebar, configure and save it.
The following sidebars and widget sections are included with the Frankfurt theme:
- Sidebar – the main sidebar, displayed on blog post pages, static pages, and blog archive pages.
- Footer left – widget section on the left in the footer.
- Footer middle – widget section in the middle in the footer.
- Footer right – widget section on the right in the footer.
- Shop Sidebar – the sidebar on the left on WooCommerce shop pages.
The Frankfurt theme allows you to set up the widgets or sidebars via the Customizer, where you can monitor your changes live. This is what you do:
- Click the Widgets section in the Customizer.
- You will now see the sidebars displayed on the current page. If you would like to configure a different sidebar, then simply navigate to a page on which that sidebar is displayed.
- You can expand and minimize a sidebar via the arrows to the right of the sidebar name.
- Click +Add a widget, select the one you want to add, and set it up. You will see the change on your website immediately.
- Once you have added the widgets, you can then reorder them and even move them to another sidebar. Switch to reorder mode by clicking the button of the same name underneath the widgets you have added.
- Don’t forget to click Save & Publish when you are done.
WordPress will display your latest posts on the front page as standard. You can optionally specify the front page to be static, and to have latest posts displayed on a different page.
We have chosen the Frankfurt-specific, automatically generated page Front Page as the homepage for our Theme Demo, and show the most recent posts on the page Blog.
Also this setting for the Frankfurt theme can be reached via the Customizer:
- At the very bottom, click Static Front Page and select the pages you want.
- Alternatively, this setting is available via the back end under Settings → General.
A Color Picker in the Customizer provides a creative start for your very own Frankfurt theme and therefore your website.
In the Color section of the Customizer, click Select color, and specify the color you want by clicking one of the colors or by entering a hex code. The Default button allows you to return to the original theme color.
Let your readers know where to find you on social media. Enter the URL for your social media profile of the platforms you want in the section Social Media.
The social media icons will then be displayed in the desktop view at the top left of the header menu bar, and at the top of the menu for mobile devices.