Colors is a simple WordPress theme for blogs and magazines. It supports category colors, allowing you to easily create a colorful website.

Live PreviewCustomizer Demo

Overview

Responsive Design: Colors was built with mobile-first responsive design in mind, so it offers a pleasant reading experience on both smartphones and tablets.Customizer: Colors allows you to modify various theme options including fonts, colors, title, logo, posts, category colors, and footer through the Customizer.

7 Widget Areas: Colors supports 7 widget areas: Sidebar, Sticky Sidebar, Footer 1, Footer 2, Footer 3, Footer 4, and Instagram Widget.4 Custom Widgets: Colors supports 4 custom widgets: Colors Profile, Colors Ad, Colors Recent Posts, and Colors Featured Posts.

5 Menus: Colors supports 5 menus: Header Menu, Header Social Links, Navigation Bar, Footer Social Links and Footer Menu.3 Page Templates: Colors supports 3 page templates: a Normal Page, a No Sidebar Page, and a Full Width Page, allowing you to create flexible pages.

Multilingual Support: Colors supports multiple languages. Currently supported languages are Japanese and English, and typography has been appropriately adjusted with CSS for Japanese.Clean Code: Colors is made with people who want to customize its code in mind and adheres to WordPress standards while maintaining clear, readable code.

Customization

The Colors theme offers the following customization options.

Fonts & Colors

From “Customize > Fonts” you can set the header and body text to a variety of fonts.

From “Customize > Colors” you can set header background color, widget background color, footer background color, and link color.

Site Title & Tagline

From “Customize > Site Identity” you can set the site title and tagline. You can also hide the tagline.

From “Customize > Title” you can set the title font.

From “Customize > Logo” you can set the logo.

Header Menu

From “Appearance > Menus” or “Customize > Menus” you can configure the menus.

The page list appears by default if you do not set this.

From “Appearance > Menus” or “Customize > Menus” you can configure the menus.

No text is displayed, only icons. If this is unset, the icons will not appear.

Navigation Bar

From “Appearance > Menus” or “Customize > Menus” you can configure the menus.

It is recommended to set a category menu. If unset, it will not appear.

After you install Jetpack, “Customize > Featured Content” will appear. From here you can configure the posts you want to be displayed.

First Post Display & Post Display

From “Customize > Posts” you can set how posts are displayed on the blog posts index page. You can also hide elements such as featured image, categories, author name, date, comments number, author profile, and post navigation.

Category Colors

From “Customize > Category Colors” you can set the color and the image for various categories.

Sidebar

From “Appearance > Widgets” or “Customize > Widgets” you can configure widgets.

This is the normal sidebar. If you do not use this sidebar or Sticky Sidebar, the page will be a one-column design.

Sticky Sidebar

From “Appearance > Widgets” or “Customize > Widgets” you can configure widgets.

Displays while following the PC’s scrolling. Also, please keep in mind that it violates the AdSense terms of service (prohibition of “following” advertising) to place AdSense here.

Instagram Widget

From “Appearance > Widgets” or “Customize > Widgets” you can configure the “Instagram” widget.

After you install the WP Instagram Widget, the “Instagram” widget is added. You can add to the Instagram Widget area, which you should configure in the manner shown in the image below.

From “Appearance > Widgets” or “Customize > Widgets” you can configure widgets.

From left to right there are 4 sequential footer widget areas, and the width is auto-adjusted based on how many you use. If you do not use a footer widget, nothing will be displayed.

From “Appearance > Menus” or “Customize > Menus” you can configure the menus.

No text is displayed, only icons. If this is unset, the icons will not appear.

From “Appearance > Menus” or “Customize > Menus” you can configure the menus.

If unset, it will not appear.

From “Customize > Footer” you can set the footer text. You can also hide the theme credits from here.

Custom CSS & Custom Google Fonts

From “Customize > Custom CSS” you can set custom CSS or Google Fonts.

Any Questions?

Please see the documentation for more information. If there is something you don't understand even after reading the documentation, please feel free to contact support.

DocumentationSupport

Click to Buy