Setup Morphology

An introduction to your error 404 page

Many sites (not all) have at least one custom error 404 page, although WordPress usually has this by default within each default theme. Morphology has one that gives you some flexibility in customizing it. By default, this is what it should look like without doing anything:

WooCommerce setup

I won’t go into a big tutorial on how to install and setup WooCommerce, as I will leave that to you to reference their own documentation. This tutorial is setup to show how to enable this theme’s WooCommerce styles and other elements like sidebars. I will also assume that you have WooCommerce already installed and setup before you begin theme customization.

An introduction to your sidebar positions

This theme currently offers 22 sidebar positions to give a variety of flexible layouts using widgets.

Show or hide various page or post elements

Not everyone wants to show the post date, author, comments, and anything else that might interfere with their website look and style. Everyone will be different, so this tutorial will show you how to enable or disable select elements. Below are the complete list of settings you can manage elements:

If you are using a Bootstrap plugin

This is avery short tutorial, but if you plan to use a plugin that loads the Bootstrap CSS styles, you may want to disable the theme’s own Bootstrap CSS so that you don’t have duplicate stylesheets loading. Although the theme has it’s own Bootstrap styles, they are limited to the grid layout and some form styling. Disabling the theme’s own styles will affect the grid layout due to specific sizing I applied to this theme.

If you are using a Font Awesome plugin

This is avery short tutorial, but if you plan to use a plugin that loads the Font Awesome icons, you may want to disable the theme’s own Font Awesome CSS so that you don’t have duplicate stylesheets loading. Usually the reason for using a Font Awesome plugin like “Better Font Awesome“, is to give yourself more features and flexibility when it comes to using icons in your content.

Enable Thumbnail creation if you are using the Image Post format

This theme gives you an Image Post format to create beautiful layouts and styles that focus on images. To give you an example, here is a screenshot where the front page is using the Image Post template that displays your image posts in a grid style:

Turn off the side column Footer items

You may look at your sidebar column with the footer information at the bottom and decide you don’t want it to show there, so this tutorial will show how to disable this. By default, this footer area is enabled and once you have your copyright and even the social network icons enabled, it might look like this:

Create an Image Post front page with the image grid layout

This tutorial will take you through the steps of creating an amazing splash page like this shows:

An introduction to the Splash Landing page template

Morphology includes a special template that you can use as a website splash page (landing page) like the live demo site is using: