Craise Theme

Documentation

Getting started

Content

With this document you will get general information about Craise theme.
Hope that will be helpful for you.

Before you start customizing

If you plan to make some modifications to the code of the theme, will be better to make them via the child theme. If you make modifications directly to the parent theme, you will lose them when the theme is updated. When you make modifications inside of the child theme instead, you can update the parent theme without losing any change you have made.

Child Theme you’ll find in a “craise-child.zip”, which is included in a main downloaded package.

More information about child themes you can find in WordPress Codex.

Getting Started

Installation

To install this theme, you must have a working version of WordPress already installed. For information regarding installing the WordPress platform, please see the WordPress Codex

Installing Theme Using the WordPress Admin

To add a new theme to your WordPress installation, follow these basic steps:

  1. Download a package from ThemeForest in a “Downloads” section
  2. Log in to the WordPress Administration
  3. Go to “Appearance › Themes › Add New › Upload Theme”
  4. Browse and select theme zip folder called “craise.zip” (is located inside of downloaded zip package)
  5. Press Install Now button
  6. Activate theme with Activate link

Installing theme manually via FTP

Use your FTP Client to upload non-zipped folder called “craise” (Unzip the craise.zip file) and “craise-child” (optional child theme) into the “/wp-content/themes/” folder on your server.

Update

To update the theme please follow these basic steps:

  1. Download an updated package from ThemeForest in a “Downloads” section
  2. Log in to the WordPress Administration
  3. Go to “Appearance › Themes
  4. Activate other theme than Craise
  5. Click on outdated theme and remove it (all content, widgets and theme options will be preserved)
  6. Go to “Appearance › Themes › Add New › Upload Theme”
  7. Browse and select theme zip folder called “craise.zip” (is located inside of downloaded zip package)
  8. Press Install Now button
  9. Activate theme with Activate link

Required Plugins

To add the needed functionality to the theme is necessary to activate the required plugins.

  1. Go to “Appearance › Install Plugins”
  2. Install and activate plugins you want to use with a theme.

Import Demo

To automatically import the demo data into your WordPress, follow these basic steps:

  • Go to “Appearance › Install Plugins”
  • Install and activate plugin One Click Demo Import, if not installed yet
  • Go to “Appearance › Import Demo”
  • Press Import
  • Let the importer work until it displays information about successful (or unsuccessful) importing (it may take several minutes).

What if the Import fails or stalls?

If the import stalls and fails to respond after a few minutes, or it fails with a simple error message like “Import failed,” You are suffering from PHP configuration limits that are set too low to complete the process. You should contact your web host and ask them to increase those limits to a minimum as follows:

  • max_execution_time 600
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

The default structure of a permalink uses the post ID as a unique identifier in the url: https://example.com/?p=23. For the SEO of your website is always better to use much friendly pemalinks as: https://example.com/2017/01/01/sample-post. Follow these basic steps to set permalinks:

  • Go to “Settings › Permalinks”
  • Select your option of permalink structure in “Common Settings”
  • Also you can change the category base and tag base (optional)
  • Press Save Changes

Image Sizes

The Craise theme defines new image sizes, but the problem is that these new image sizes are only applied on the images you upload after activating the theme.
To solve this problem you need to generate new sizes for all previously uploaded images. You can use the Regenerate Thumbnails plugin.

Defined image sizes:

  • “craise-medium” – width: 600px; height: 800px
  • “craise-medium-cropped” – width: 320px; height: 460px
  • “craise-large-cropped” – width: 800px; height: 1080px
  • “craise-wide-cropped” – width: 600px; height: 460px
  • “craise-wide-large-cropped” – width: 1600px; height: 1080px

Content

Home Page

To set up the homepage, follow these steps:

  1. Create a new page by going to “Pages › Add New”
  2. Fill in the “Title” of the page (for example: “Hey, I’m Carole”).
  3. Fill in the “Excerpt” of the page (for example: “Fashion designer & photographer”).
  4. Disable page title.
  5. Press Publish and page will be saved
  6. Go to “Settings › Reading”
  7. Check the radio button “A static page (select below)”
  8. Select “Front page:” called as created page (for example: “Hey, I’m Carole”)
  9. Press Save Changes

The title and excerpt will be shown in the preloader

Homepage is now set correctly. Don’t be alarmed that the page is blank for now, now you need to create a layout by following the instructions below.

Home Page Layout

You can assign a custom template for any individual Page by using the Template dropdown in the Edit Page screen (part of the Page Attributes module). You can find the settings from your WordPress Dashboard > Pages. You can either create a new page or edit an existing one. 

  • Select a Template from the list (e.g., Home Page).
  • Modify the page content
  • Click the Update button (or Save Draft if not yet published).

Hero slider

  1. Navigate to “Hero Slider” meta box
  2. Add slider caption
  3. Add images to the slider using “Add Slide” button.
  4. Enter a title for each slide. Select slide background color, link text and add the anchor

Parallax Columns

  1. Click the +Plus icon and select “Layout Elements › Columns”.
  2. Set columns number to 2
  3. Select columns layout
  4. Enable parallax

You can also select existing columns from block navigation.

Vertical Columns with background

  1. Click the +Plus icon and select “Layout Elements › Columns”.
  2. Select columns layout
  3. Select colors for Columns block

Spacing between blocks

  1. You can I add the space between two blocks by selecting one of the suggested values

Remove spacing between columns

  1. Select block and remove margin from bottom

Cover Image

  • Click the +Plus icon and select “Common Blocks › Cover”.
  • Set Block alignment to Full Width
  • Set Background Opacity to 0
  • Enable Fixed Background
  • Add the title and remove margin from bottom
  1. Click the +Plus icon and select “Common Blocks › Gallery”
  2. Set gallery columns layout to 2
  3. Set gallery style to Scatter
  4. Select Media File in the Link to field to activate zoom mode.

Media & Text

  1. Click the +Plus icon and select “Layout Elements › Media & Text”
  2. Select Image
  3. Set block align to Full Width
  4. Set block layout to Cover

Rotated Text

  1. Select paragraph and choose one of the styles

Blog

  1. Create a new page by going to “Pages  ›  Add New”
  2. Fill in the “Title” of the page (for example: “News”) and don’t add content, leave it blank. Any content here will be ignored.
  3. Press Publish and page will be saved
  4. Go to “Settings  ›  Reading”
  5. Check the radio button “A static page (select below)” (if isn’t already checked)
  6. Select “Posts page:” called as created page (for example: “News”)
  7. Press Save Changes

Sidebar

  1. Go to “Appearance › Widgets”
  2. Add Widgets to the “Archive Sidebar” widget area.

Craise Theme makes it really easy to arrange your widgets in rows of columns. It works by adding a new ‘Column width’ select options at the bottom of your widget’s form that allows you to set a width value for each widget.

Portfolio

  1. Go to “Appearance › Install Plugins”
  2. Install and activate plugin Portfolio Post Type, if not installed yet
  3. Now you can add your portfolio items Portfolio > Add New Item

Add portfolio item to menu

  1. Go to “Appearance › Menus”
  2. Click on the screen options tab (Appearance > Menu top right corner) and check the “portfolio items” checkbox. A new option field should appear on the left side (underneath “pages” box, etc.).

Sidebar

  1. Go to “Appearance › Widgets”
  2. Add Widgets to the “Portfolio Sidebar” widget area.

Craise Theme makes it really easy to arrange your widgets in rows of columns. It works by adding a new ‘Column width’ select options at the bottom of your widget’s form that allows you to set a width value for each widget.

  1. Go to “Appearance › Menus”
  2. If you have imported the demo content you should already have the demo menu here, if not then you can create a new one.
  3. Select Create a new menu at the top of the page
  4. Enter a name for your new menu in the Menu Name box
  5. Click the Create Menu button
  6. Set menu location as Primary

Adding Items to a Menu

  1. Locate the pane entitled Pages.
  2. Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
  3. Select the Pages that you want to add by clicking the checkbox next to each Page’s title.
  4. Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.

Sidebar

  1. Go to “Appearance › Widgets”
  2. Add Widgets to the “Menu Sidebar” widget area.

Craise Theme makes it really easy to arrange your widgets in rows of columns. It works by adding a new ‘Column width’ select options at the bottom of your widget’s form that allows you to set a width value for each widget.

Customization

Before Customization:

  1. Go to “Appearance › Install Plugins”
  2. Install and activate Kirki plugin, if not installed yet
  • Go to “Appearance  ›  Customize” and Theme Customizer will appear
  • Select desired section
  • Make your changes which then you can see in live preview on the right
  • Press Publish and settings will be saved

Smooth scrolling:

By default smooth scrolling is disabled.

  1. Go to “Appearance › Customize › Theme Settings › Base”
  2. Enable Smooth Scrolling