To ensure the functionality of your menus, head over to Appearance > Menu to setup your menu.

1. Confirm that you have a menu. If not, follow this tutorial on how to create a menu in WordPress.
2. Verify if your menu has a designated location assigned. Below your menu items, you should see “Display Locations”. These options represent the menu areas integrated into your theme. Simply select the appropriate option for where you want your menu to be displayed, and remember to save your changes.

Another reason would be that Reading settings are wrong. This means your theme either does or doesn’t require a home page to be set, and you have your site set to the opposite. So go to Settings > Reading and check the options under “Your homepage displays”:

If your theme doesn’t require any page template for the homepage layout, make sure this option is set to “Your latest posts”. If your theme does use a homepage template, have your site set to use a static homepage.

The theme is missing the style.css stylesheet.

One of the most common problems is when users try to upload the Full zip file that includes sample data, documentation etc. and, as a result, they get the “The package could not be installed. The theme is missing the style.css stylesheet.” error. When you download your theme, the file has _UNZIP at the end which means that you have to extract the files. After extracting, make sure you are uploading the parent theme first (example: themename-1.0.zip), then the child theme (example: themename-child.zip).

White Screen Of Death

A “white screen of death” usually happens when your WordPress installation isn’t up to date, or when a 3rd party plugin is creating a conflict. To fix this, we would recommend you to disable all plugins and update WordPress before switching to a new theme.

500 Internal Server Error

This error typically happens for one of the following reasons:

• Your server’s memory limit to PHP is too low (most common).
• You are trying to upload the Full zip file and not just the installable theme (please refer to the guide on how to install a theme).
• The upload limit on your server isn’t large enough and you must update your PHP.INI file to increase the upload_max_filesize value or contact your webhost to fix it.

ERR_EMPTY_RESPONSE

This error usually means that your server’s upload limit is too small. You should contact your hosting provider to get your upload limit increased to at least 20MB. Also, make sure you are installing the correct file as mentioned in the fist part of this guide.

In the example above, the ID for this specific post would be 2738.

Locating a Term (Category) ID

Locating the term ID is basically the same as locating a post ID. You need to go to the term/category edit screen and look at the URL – however, instead of post=”ID” you are looking for tag_ID=”ID”:

In this case, the ID for the “fashion” category would be 7.

Connect your Instagram account

From your dashboard, click on your Theme Name and choose “Connect Instagram” for the menu. This will redirect you to a new page where you can click to connect to your Instagram account.

Add Instagram Feed

Once connected, go to Appearance > Widgets > Click “+” on the area where you want to show the feed and search for the Instagram Feed block. This will provide several options such as title, number of images/columns to show, gap between columns/rows etc.

After you set the options the way you desire, you can save your changes by clicking the Update button on the upper right side.

Note: if the widget is still loading, give it a time and press “Update” again. Then you can visit your site to see if the Instagram feed has been added.

Table of Contents

• Install the plugin
• Select Custom Recipe Template
  • How to create a recipe and add it to your post?
• Add the jump to/print recipe buttons
  • How to add recipe buttons to your post?

Install the plugin

1. Login to your WordPress dashboard & then go to Plugins > Add New.
2. Search for the WP Recipe Maker plugin > install and activate it.

Select Custom Recipe Template

Each theme has a custom recipe template. To select it, do the following:

1. From to your WordPress dashboard, click WP Recipe Maker > Settings.
2. Under Appearance, select Recipe Template.
3. The recipe template is named after the theme you’re using; select it from the Food Recipe Template drop-down.

   

4. Click on Save Changes.

Note: follow the same steps for the Print Version.

How to create a recipe and add it to your post?

You can create the recipe directly in your post editor.

1. From your WordPress dashboard, go to Posts > Add New (or edit an existing post).
2. Click on the “+” sign, then find the WPRM Recipe block (click to add it).
3. Click on Create New Recipe (or Insert Existing Recipe if you’ve already created it).
4. Add an image, recipe name, ingredients and so on.
5. Click on Save & Close.

Add the jump to/print recipe buttons

1. From to your WordPress dashboard > WP Recipe Maker > Settings.
2. Under Appearance, select Recipe Snippets.
3. The recipe template is named after the theme you’re using; select it from the Food Recipe Snippet Template drop-down.

   

4. Click on Save Changes.

How to add recipe buttons to your post?

Note: for the buttons to appear, make sure that your post already have a recipe.

1. Go to Posts > edit the post with the recipe.
2. At the top of your post, add the Recipe Snippet block.

For example, if a reader came to see your blog post titled “Skin Care Routine” which is located in the “Beauty” category of your blog, the breadcrumb to that post would look something like this: Home > Beauty > Skin Care Routine.

Table of Contents

• Enable breadcrumbs
  • Yoast SEO
  • All in One SEO
  • Rank Math

Install & Activate plugin

In order to add breadcrumbs, first choose one the plugins below, install and activate the plugin and then follow the instructions to enable the breadcrumbs.

Yoast SEO

1. Login to your WordPress dashboard and go to Plugins > Add New.
2. Search for Yoast SEO > install and activate it.
3. Go back to your dashboard > click Yoast SEO from the left column > Search Appearance.
4. Select Breadcrumbs.
5. You can edit the settings like prefix, separator etc.
6. Click on Save Changes.

All in One SEO

1. Login to your WordPress dashboard > Plugins > Add New.
2. Search for All in One SEO > install and activate it.
3. Go back to your dashboard > click All in One SEO from the left column > General Settings.
4. Select Breadcrumbs.
5. Check Enable Breadcrumbs (unless it’s already checked).
6. Check Shortcode for Show Breadcrumbs on Your Website.
7. You can edit the settings such as prefix, separator etc.
8. Click on Save Changes.

Rank Math

1. From your WordPress dashboard, go to Plugins > Add New.
2. Search for Rank Math SEO > install and activate it.
3. Go back to your dashboard > click Rank Math from the left column > General Settings.
4. Select Breadcrumbs.
5. Check Enable breadcrumbs function.
6. You can edit the settings like prefix, separator etc.
7. Click on Save Changes.

Enable breadcrumbs

1. Go to your WordPress dashboard > Appearance > Customize > Breadcrumbs.
2. Select the SEO plugin you’ve installed.
3. Check the pages you want to add breadcrumbs to (single, pages, etc).
4. Click on Publish.

Table of Contents

• Important
• MailChimp
• Flodesk
• ConvertKit
• Mailerlite
• Choose Form Style

Important

• After adding your signup form, try to subscribe to make sure everything works. If you’re still not able to subscribe after following all the steps, copy the entire HTML/script from the platform you’re using and see if that solves the issue.
• Our Signup Form widget includes only the email and first/last name fields. Adding any extra functions like checkboxes might prevent the form from working. For this reason, you can use the HTML of the form you want to embed from your account instead.

MailChimp

Create the form

1. Login to your MailChimp account > Audience > Signup forms > Embedded forms.
2. Choose Form Fields > select the fields you want to display.
3. Click Continue on the top right corner of the page.
4. From the Embedded Form Code box, copy the line after <form action=" as highlighted below:

Add the form

1. Login to your WordPress dashboard and go to Appearance > Widgets.
2. Click “+” on the area where you want to show the form > search for the Signup Form block.
3. When the settings appear, select the Mailchimp platform and add the link you’ve copied in the ‘Form Link‘ field (note: if you don’t see the settings, wait for the widget to load and then click on the preview).
4. Press the Update button on the upper right corner of the page to save the changes.

Flodesk

1. Login to your Flodesk account > click on Forms > + New form.
2. Select Inline > move the cursor on the right & click on Customize it.

3. Create a new segment (or choose from the existing ones) > click the Save button.
4. Click anywhere on your form to start editing (you may want to remove the title & text below it, as this is already added):

Note: we would recommend you to edit only the colors because the form will inherit the theme’s fonts.

5. Make sure to set the Canvas and Background colors to transparent (0:42 in the video above).
6. After you’re done, click on Next > choose the settings > hit the ‘Continue‘ button.
7. Copy the “Header code” and add it to the <head></head> of your site (see this tutorial for more help).
8. Also, copy the “Inline code” and go to your WordPress dashboard > Appearances > Widgets and click “+” on the area where you want to show the form > search for the Custom HTML block.
9. Add the inline code that you copied inside the Custom HTML box.

Note: If you want to use a stacked form (with fields on top of each other, instead of appearing side by side), choose the Inline without image form template:

ConvertKit

Create the form

1. Login to your ConvertKit account > click Grow in the top menu > select Landing Pages & Forms.
2. Click on + Create new button > Form > Inline > select ‘Clare’ template.
3. To add a ‘First name’ field in addition to the ‘Email’ field, click on the “+” sign below the form.
4. Select “First name” from the Custom field drop-down on the right.
5. Click on the Publish button > choose HTML > copy the line after <form action=" as highlighted below:

Add the form

1. Login to your WordPress dashboard > Appearance > Widgets.
2. Click “+” on the area where you want to show the form > search for the Signup Form block.
3. When the settings appear, select the ConvertKit platform and add the link you’ve copied in the ‘Form Link‘ field.
4. To add the First Name field, also check the ‘Show First Name field?‘ option.
5. Press the Update button on the upper right corner of the page to save the changes.

Mailerlite

1. Go to your Mailerlite account > Forms > Embedded forms > click on the Create button.
2. Add a form name > click on Save and continue.
3. Create a group for your subscribers > Continue.
4. To add the First/Last Name fields in addition to the Email field, click on the Email field > then click on the Add field button.
5. Click on Done editing.
6. Scroll down to Embed form into your website > select HTML code.
7. Scroll down to <form class="ml-block-form"…> and copy the form action link.

Add the form

1. Go to your WordPress dashboard > Appearance > Widgets.
2. Click “+” on the area where you want to show the form > search for the Signup Form block.
3. When the settings appear, select the MailerLite platform and add the link you’ve copied in the ‘Form Link‘ field.
4. Also, add the form ID (you’ll find it in the HTML code section in Mailerlite starting width “mlb2-” (copy only the numbers)).
5. Press the Update button on the upper right corner of the page to save the changes.

Choose Form Style

In the Signup Form widget you can decide if the input fields will be aligned one below another by checking the ‘Show Stacked Form‘ option which is ideal for the sidebar. You can also leave this option unchecked if you want the fields to appear side by side (in the footer, for example).

In this tutorial, we’ll show you how to add a form to your WordPress site with the Contact Form 7 plugin.

1. Go to your WordPress dashboard > Plugins > Add New.
2. Search for the Contact Form 7 plugin > install and activate it.
3. Go to Contact (from the left column) > Contact Forms.
4. Click ‘Edit’ on the existing contact form and replace the code with this one:

[text* your-name placeholder "Name"] [email* your-email placeholder "Email"] [text* your-subject placeholder "What can I help you with?"] [textarea your-message placeholder 7x6 "Message"] [submit "Send!"]

Note: you can change the placeholders and add more fields if you want.

5. Save the changes and copy the shortcode for the contact form.
6. Go to Pages > open the page where you want to add a contact form.
7. Paste the shortcode copied earlier in a Shortcode block.

Tip: you can install & activate the Flamingo plugin to store submitted messages in your dashboard.

This can be super useful for adding things like menus or social icons.

Table of Contents

• Add Footer Menu
• Add Social Icons
• Footer Bar Settings
• Change Fonts & Colors

Add Footer Menu

First, you want to create a new menu in Appearance > Menus and set the ‘Display Location’ to Footer Menu. You can learn how to that here.

Add Social Icons

You can display social icons easily by adding links to your profiles as explained here.

Footer Bar Settings

To access the footer settings, go to your WordPress Dashboard > Appearance > Customize > Site Footer. Within the Site Footer settings, you’ll find various options, including the ability to modify the copyright text, remove the shop credit and customize fonts & colors.