Frequency is a horizontal scrolling blog and portfolio theme. The outstanding horizontal scroll will draw the attention of all visitors.
The theme can be installed through the WordPress Admin panel.
- Login into the WordPress Admin panel.
- Go to Appearance -> Themes.
- Click on Add New button, at the top of the screen.
- In Add Themes screen, click on Upload Theme.
- Click on Choose theme, and then browse for theme file on your computer.
- Click on Install Now to start the install process.
- After the installation is done, click on Activate theme.
A detailed video for theme installation is available here: https://help.themeskingdom.com/how-to-install-and-setup-the-theme
After activating the theme, you will be prompted to install the required plugins. Required plugins are:
- Kirki Customizer Framework
To set the theme as presented in our demo, you can import the demo file.
To set up the theme, please follow the next steps:
- Go to Posts -> Categories and create categories that you will use to organize your posts.
- Go to Posts -> Add New and create several posts. Set featured image for each post. Associate post with the desired categories.
- Create several portfolio items – in Portfolio -> Add New you can create portfolio items. Group projects in Project Types.
- Now, head to Pages -> Add New and create three new pages – About, Contact and Projects. The About page is used to display short info about the site. On the Contact page, we will display a short intro text and contact form. Refer to the screenshot to see how we set our contact form.
The Projects page will display all portfolio items and is using the Portfolio page template.
- Time to set up navigation – go to Appearance -> Menus. Create New menu, and add all pages to it.
- Almost done – in Appearance -> Customize you need to set site identity and layout.
- In Site Identity panel either set the desired logo or enter Site Title and Tagline.
- Under Theme Settings – > Blog Archive Settings set Layout Width to narrow.
- Set Theme Settings -> Portfolio Archive Settings to narrow as well.
- In Theme Settings -> Menu Settings set to hide for Display description next to the hamburger menu.
Theme customization options are the following, and they will help you add a personal touch to the theme.
The Customizer is a great WordPress feature that allows you to customize the theme and set theme options.
- Site Identity
- Background Image
- Content Options
- Homepage Settings
- Additional CSS
- Theme Settings
Site Identity allows you to set your site title, tagline, and icon. The Site title is the name of your site and it’s displayed in the header, where the logo is displayed. The Tagline is a short description or your motto, and it’s displayed just under the title. This setting is the same as in Settings -> General in WordPress admin panel.
- Logo: Upload logo for your site. The Logo should be in PNG or JPEG/JPG format.
- Site title: Name of your site.
- Tagline: Site punchline.
- Display Site Title and Tagline: If enabled, both site title and tagline will be displayed. The Tagline will be displayed under the title.
- Site Icon: The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512px wide and tall.
This option allows you to quickly manage created menus. You can select which created menu will be displayed as Primary Menu or Footer Menu. If you need to manage actual menu items, you can do that in Appearance -> Menu.
Content options panel contains settings for metadata for single posts – both regular and portfolio.
- Author Bio: If enabled, the author bio box will be displayed on the single post page.
- Display date: If enabled, the publishing date will be displayed on a single and posts page.
- Display categories: If enabled, post categories will be displayed on a single and posts page.
- Display tags: If enabled, post tags will be displayed on a single and posts page.
Widgets section allows you to quickly manage widgets in widget areas. This option allows you the same possibility as the Widgets option in the WordPress admin panel.
This option works the same way as Settings -> Reading. It allows you to set them to read the latest post or to use static pages for landing and blog pages.
In additional CSS section, you can enter your custom CSS classes, so you don’t need to mess with original styles, or create a child theme. Of course, you should create a child theme if you plan to modify other files as well.
Theme Settings panel is used to fine-tune the theme and to set theme-specific options. Available options are:
- Blog Archive Settings
- Portfolio Archive Settings
- Menu Settings
- Footer Settings
- Color Settings
- Font Settings
Blog Archive Settings
Setting that is used to set how blog posts will appear. The Wide setting will display featured images larger, and more prominent.
Portfolio Archive Settings
Setting that is used to set how portfolio items will appear. The Wide setting will display featured images larger, and more prominent.
Show option will display the word “Menu” near the hamburger menu.
In footer settings, you can enter your copyright text or credits. You can use HTML elements to style your text.
Colors panel allows you to set the color for text, site background, navigation, and widget area.
Font settings allow you to set the font family and font-weight for headings and paragraphs.
Useful CSS Classes
Here you can find most used CSS classes to customize appearance of your site. You can add these classes to Additional CSS section.