This is a responsive, SEO optimized wordpress theme with several customization possibilities. It can be suitable for many kind of websites, small business, portfolio, blog, etc.. Click on the topmenu items to see most of the theme features, and possible theme settings. The main features of the theme are:
- compatible with WordPress 4.5-4.7
- responsive theme, also fits to mobile and tablet devices
- full page header
- built-in special widget: Coral post with thumbnail widget, see below
- text or image logo
- dropdown menu
- the maximum page width is either 1020px or 1200px
- Layouts: one-column, two-column, three-column layouts with customizable sidebar widths
- typography: customizable body font, heading font, site title font, tagline font
- google fonts
- social icons menu
- customizable colors: site title color, tagline color, body font color, heading font color, background color, link color, social icon color
- several widget areas, see below
- custom menus
You can see below the widget areas of the Coral-drive-pro wordpress theme. The Upper, First-Sixth and Upper footer widget areas have a maximum number of 4. If you use less than 4 widget areas e.g in the First 1-4 positions, they will have equal width and fill the whole page width.
Coral posts with thumbnail widget
This wordpress theme contain a special widget that can display posts with thumbnails of the featured images in two different layouts:
Setting up the extra widget areas for the front page
In the “Appearance /Customize/Static front page” set up a static front page and a blog page. Then in the Pages menu edit your front page, and there on the right you have the options to set the page template (Page attributes/Template), where you can choose the layout of the page (e.g. Extra widget areas, 3 columns, content middle).
Now that you have set up a page with extra widget areas, you can go to the Appearance/Widgets to edit widgets. The special widget of this theme is the Coral posts with thumbnails. You can also edit text widgets easily if you install the “Black studio tinymce widget” plugin.
Image widget with dark or light caption
Install two plugins: Black Studio TinyMCE plugin, and Widget CSS classes plugin. Edit a widget with the Visual Editor of the Black Studio TinyMCE plugin, and when you insert an image add a caption to it. Select the image, create a link, then select the caption, create a similar link. Then add the image-light or image-dark class to the widget.
Light or dark button
Install two plugins: Black Studio TinyMCE plugin, and TinyMCE Advanced plugin. Set up the TinyMCE Advanced this way:
- enable the editor menu
- uncheck the Create CSS classes menu option
You can find the different buttons in the Format/Formats/Buttons menu item. Choose a button, type the button text, select the text, create link.
Current version: 1.0.4
If you had custom CSS code in the customizer, then save it before theme update, because the 1.0.4 version has only the new core Additionial CSS section in the customizer, thus you can loose your custom CSS code by updating the theme. The old social icons section is also replaced by the social links menu, for which you have to create Custom link menu items. The icons are displayed automatically based on the URL. If you see a question mark icon, then your URL is not recognized.
The readme.txt file of the theme contains the info about the changes. To update the theme, save your theme modifications, you can also backup your site, download the new theme, and upload the extracted new theme e.g. via FTP to overwrite the old theme. Then apply your theme modifications again. Ideally you use a child theme, and your modifications are only in the child theme. In this case probably you don’t need to modify anything. (An other possibility is to delete the old theme in wordpress, and install the new theme. Then check that your widgets and theme settings are correct, but it can be more work.)
Simple Child Theme
You need the installed parent theme before you install the child theme.