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.

Theme Customizer
The Theme Customizer

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.

    1. Click Select image.
    2. You will be forwarded to the media library, where you can upload images as usual, or select a specific existing image.
    3. 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.
Customizer - logo setup
Setting up your logo in the Customizer – for insertion in the top left of the header.

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.

Customizer - page title & subtitle
Setting up page titles and subtitles in the Customizer.

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.

Reminder message to set up the menus.
We thought of you – it will be difficult to forget to set up the menus with this message in view.

Create your menus under Menus in the back end first. When that is done, you can assign their position as well.

Mobile menu
The menu for mobile devices.

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.

Customizer - Menus
Setting up menus in the Customizer – Header menu at the top right and main menu. The mobile menu will only be visible on a mobile device.

Important: The Frankfurt theme implements sub-menus horizontally. Clicking on a menu item with sub-items will display the sub-menu as a horizontal bar underneath the breadcrumb navigation. Additional menu levels will then be displayed as drop-down menus.
Frankfurt sub menues
Visualization of the menu hierarchy in the Frankfurt theme.


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 types of widgets available depend on your theme and installed plugins. Some widgets, e.g. Search, Categories, Tags, and Archive come with WordPress as standard.

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:

  1. Click the Widgets section in the Customizer.
  2. 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.
  3. You can expand and minimize a sidebar via the arrows to the right of the sidebar name.
  4. Click +Add a widget, select the one you want to add, and set it up. You will see the change on your website immediately.
  5. 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.
  6. Don’t forget to click Save & Publish when you are done.
Please note: A sidebar can only be displayed once it contains at least one widget.
Widget setup
Customizer – Widget setup

PermalinkFront Page

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.

Important: The theme Frankfurt comes with its own front page template. Once the theme is activated, a front page (title Front Page) is generated for you automatically, which you will then only have to configure the way you want it. Read more about this topic in the section Front Page of this documentation.

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.
Important: You will have three other options available in the Customizer for the layout of the page if you select the Front Page template and have WooCommerce enabled. Read more about this topic in the section Front Page.
Setting the front page.
Customizer – Setting up a static page or most recent posts as frontpage


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.

Adapting the theme colors.
Setting the theme color via the Customizer.

PermalinkSocial networks

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.

Setting up social networks.
Setting up social media channels in the Customizer.