How to set up your theme to look like our demo

For our restaurant theme, Meza, please scroll down to view its corresponding documentation as its instructions differ. For all of our other WordPress themes, if you would like to set up your site to look like our demo, meaning to get the same layout, colors, menu, and more, we provide the demo data files for you to install.

Here’s how to set up the sample data:

  1. Download, install, and activate the WordPress theme that you will be using. This is separate from the sample data downloaded above. You can find our themes in the main download section under “Your Theme Downloads”. Make sure that you are using our themes on a self-hosted WordPress installation (the one where you installed WordPress in your hosting account) and not a WordPress.com hosted platform. Contact us if you need hosting.
  2. Then, download the theme’s sample content (demo data files) from your dashboard’s demo content download page. Make sure that it’s the one made for your theme. It has a similar name (e.g., if your theme is Kerygma, then the demo file will be Kerygma Sample Content.zip).
  3. Install and activate the recommended plugins after activating your theme. You’ll see a message on top about installing recommended plugins. Important:
    1. If your theme includes the SiteOrigin Widgets Bundle plugin, then navigate to Plugins > SiteOrigin Widgets and activate them all. After importing the demo, you can return to the SiteOrigin Widgets page to deactivate the ones that you don’t need. We recommend keeping the Hero Image, Image, and Video Player.
    2. If you’re using a WooCommerce theme, make sure that you installed and activated the WooCommerce plugin to import the sample store products.
    3. If you’re using one of our church themes, make sure that you installed and activated The Events Calendar plugin in order to import the sample calendar from the demo.
  4. Go to Plugins > Add New > and search for Classic Editor. Install and activate Classic Editor.
  5. Unzip/extract the demo data folder that you downloaded. Inside of the folder, you’ll find a few files. The .xml file contains the demo content. The .wie file the widgets. A .txt that includes the instructions about how to import the widgets, and, in some themes, another .txt/.json for the theme options settings.
  6. Let’s set up the widgets (if the folder you extracted does not have a .wie file, then you can skip this step).
    1. Go to the Plugins page and select Add New. Search for “Widget Importer & Exporter” without the quotes.
    2. Install and activate the plugin.
    3. Go to the Tools section and select Widget Importer & Exporter.
    4. Choose to import the .wie file. It should have a file name similar to yourtheme-widgets.wie. You may see some errors, you can safely ignore those.
  7. We will now import the demo.
    1. Go to the Tools menu and select Import.
    2. From the list of types of data to import, click on Install Now under WordPress.
    3. Click on Run Importer.
    4. On the next page, click on Browse.
    5. When prompted to choose a file, select the .xml file. It will be named after the theme, so, for example, for our Forward theme, the file will be something similar to forward.xml.
    6. Click the Import button.
    7. You can now choose to assign all the imported content to either a new user or, as we recommend, to your own user.
      1. If you want WordPress to download our images, and/or videos, and/or audio files, then you can check the box “Download and import file attachments”.
        Note that you must still remove our images and videos after setting up your website as some are copyright protected. Our media serves as placeholder until you set up your own. You must delete our images and videos from your WordPress Media page if you have imported them. This will also help you save server space.
      2. Important: If you get an error when importing, try again but without checking the “Download and import file attachments” box.
    8. Click Submit. You may get “Failed to import” and/or “already exists” messages during the import process and that’s normal as the WordPress import system is not perfect. You can safely proceed since this is only to install the demo content. The theme already works fine without the demo content.
    9. After importing, you should go to Pages and Posts to delete the pages and posts (move to trash/bin and then delete permanently) that you don’t need.
  8. Some of our themes use a separate Theme Options page. Some of our themes do not have a Theme Options section. If your theme does have one, you’ll find it in the Appearance section of your WordPress dashboard. There is a .txt or .json file there that you can use to import those options. If you don’t see Theme Options in your appearance section, go ahead and skip this step. Go to the Appearance section and select Options Import/Export. Here, you can upload a file to set up the Theme Options like the demo. Select the .txt (or .json) file, which will be named yourtheme-options.txt/.json.
  9. Very important step! Go to the Settings menu and select Reading. Here, you can choose what your front page and blog page display. Choose to have it display a static page, and then choose “Home” or “Welcome” from the Homepage drop-down menu. Choose “Blog” from the Posts page drop-down. Scroll down and click the save button.
  10. Lastly, go to the Appearance menu and select Menus. This is where you set up your WordPress navigation menus. At the top, you should see a tab labeled ‘Manage locations’. Click on that tab and assign the imported navigation menus to their spots in the theme. If no menu items are visible, you’ll have to manually create your menu/mega menu. Follow our video tutorial to learn how to create menus.
  11. You can now view your homepage to see if everything is in order. If you notice some extra spacing between elements, especially in the Kerygma theme, then it is caused by the SiteOrigin Page Builder.
    1. Navigate to Settings > Page Builder and click on the Layout tab.
    2. You will see Row Gutter has a value of 30.
    3. Remove that value to make the field empty (or type 0) and save.
  12. You can now add your images, text, videos, and more.
    Enjoy using your new Organized Themes theme!

That should have your site looking like our online demo. If the widgets are not appearing, you may need to go to the Appearance menu, select Widgets, and save the widgets there again to have them display.

If you have any questions or trouble, let us know by contacting us.

 

 

Here’s how to set up Meza, our multi-purpose restaurant theme, to look like our demo:

  1. Download, install, and activate Meza. You can find our themes in the main download section.
  2. Install and activate the recommended plugins after activating Meza. If you will be using WooCommerce, make sure that you installed and activated the WooCommerce plugin to import the sample store products.
  3. There is no sample data to download as all files are included in Meza.
  4. Meza’s ‘theme options’ is called Meza Options and it is found near the top left of your WordPress dashboard. You can use the Import/Export feature in Meza Options to import/export options later on when you do save a backup. For the purpose of this documentation, the demo importer takes care of importing the default options, so you won’t have to use the Import/Export feature at this time.
  5. In Meza Options, click Demo Importer and then click on Import. This will begin the demo import. This works better in a new WordPress installation. It may take time to import. Please wait until it completes. If, after 5 minutes, the import does not complete, you may refresh the page and try importing again.
  6. Very important step! Go to the Settings section and select Reading. Here, you can choose what your front page and blog page display. Choose to have it display a static page, and then choose “Home” from the Homepage drop-down menu. Choose “Blog” from the Posts page drop-down. Scroll down and click the save button.
  7. Lastly, go to the Appearance section and select Menus. This is where you set up your WordPress navigation menus. At the top, you should see a tab labeled ‘Manage locations’. Click on that tab and assign the imported navigation menus to their spots in the theme. If no menu items are visible, you’ll have to manually create your menu/mega menu. Follow our video tutorial to learn how to create menus.
  8. You can now add your images, text, videos, and more.
    Enjoy using your new Organized Themes theme!

That should have your site looking like our online demo. If the widgets are not appearing, you may need to go to the Appearance menu, select Widgets, and save the widgets there again to have them display.

If you have any questions or trouble, let us know by contacting us.

 

Summer sale: Get our lifetime membership, all themes, and updates forever for only 85 USD.Learn more
+ +