Journal Child Theme Setup Guide

Product Guides  Last Updated: Time to Read: 3 minutes

Journal is a flexible creative blogging child theme, built to harness the customization power of Layers. It offers modern visual appeal and simplicity, with the addition of Layers building widgets for even more layout control.

View Demo

Setup

Below are the steps you need to get going with this child theme. The setup order is important to ensure the content you need is present prior to diving into presets and page building.

  1. Install Layers
  2. Install Journal
  3. Install Required Plugins
  4. Create New Pages from your favorite Presets
  5. Customize

Your Child Theme is a collection of styles, presets and templates for the Layers theme framework, which is free to install. View the Layers Install Guide if you haven’t set it up yet.

Note: If you are not running the latest version of WordPress, please update under DASHBOARDUPDATES
  1. Login to your WordPress admin panel, go to APPEARANCE and click ADD NEW at the top
  2. Click the UPLOAD THEME button at the top
  3. Click the BROWSE button inside the center white box (Choose File on some browsers)and navigate to the location of your adeline-theme zip file.browse-themefile
  4. Select the file and click Open.
  5. Click INSTALL NOW to begin the installation.
  6. Wait for the success message, then click the Activate link.
  7. You will be directed to the  Getting Started screen.
  8. Wait before installing any page presets! You must install and configure plugins and demo content first to ensure products load!
Themeforest Users: Getting a stylesheet not found error? Make sure you unzip the themeforest download package first to find all of the install zips and supporting files!

When you activate Journal, you will be brought to a Welcome page with a notice at the top to install the required Builder Widgets plugin.

  1. Click Begin installing plugins
  2. Click Install under the Builder Widgets plugin. When complete, click Return to required plugins installer
  3.  The remaining plugins listed are not required and only need to be installed if you want that functionality on your site.
  4. When finished, return to the welcome page under Layers  → Journal Help

Layers Pro

Layers Pro unlocks additional customization options in Layers and adds new widgets. If you are looking for a way to change the look and feel of Audaz, Layers Pro makes it much easier. Learn More here.

Showcase

Audaz uses normal posts on the demo for its portfolio. The Showcase extension for Layers adds portfolio widgets and a custom post type, with a simple filterable portfolio that can also be used as a lightbox gallery, which greatly extends the portfolio features you see on the demo. Check it out here.

Journal Layers Theme depends on a few settings for optimal content presentation and functionality:

  1. Go to SettingsPermalinks and ensure anything but the default is selected. Post Name is recommended
  2. Go to SettingsMedia and ensure your settings are as follows:
    • Thumbnails: This is up to you, but we recommend 300×300
    • Medium: 800 wide and 9999 tall.
    • Large: 1200 wide and 9999 tall.
    • Uncheck the crop box
  3. If you have images in WordPress already, you will need to Regenerate your Images

Layers themes use Presets instead of traditional demo content that you load via the importer.

 

  1. Go to LAYERS → ADD NEW PAGE
  2. Select a preset, such as Home and click SELECT
  3. You will be brought to the EDIT LAYOUT screen of the Customizer. Here you may proceed to edit the widget content by expanding each one
  4. For more detailed help with using Layers and Layers widgets, be sure to review the main user guides:

Note: If you had Layers setup previously or are switching from a different child theme, your previous color settings may carry over and overwrite the Journal defaults.

To customize your theme or page layouts,  go to LAYERS → CUSTOMIZE

Your theme is a  premium product with dedicated support offered through Layers Messenger if you have setup or usage questions. To enable the messenger, go to LAYERS → DASHBOARD and check the box on the far right in the Messenger panel. Questions about CSS customization or modification should be directed to our Community forums.