This tutorial explains how to set up the Architecture WordPress theme onto your server and include all demo data that you can see on our demo server. Please follow all the steps explained here to install the theme with all demo data properly.

Table of Contents

  1. Install and Activate Theme
  2. Install and Activate Plugins
  3. Import WordPress XML File
  4. Create Menu and Menu Items
  5. Import Widgets and Select Visibility
  6. Upload Images for Plugins


If you need the theme only and don’t want to copy our demo data onto your server, you don’t need to follow this tutorial. There are 2 ZIP archives that you should download from our site before we start:

  • Architecture – WordPress Theme (
  • Architecture – Demo Data (

1. Install and Activate Theme

From your WordPress Dashboard, go to Appearance > Themes. Click Add New button.

Add new theme

Click Upload Theme button. A new dialog will ask you to upload the theme in .zip format. So, click Choose File button and select file from your computer. Finally click the Install Now button.

Upload Architecture theme

You should receive the message “Theme installed successfully.” and the next step is to activate it. Click Activate link to activate the theme.

Activate Architecture theme

2. Install and Activate Plugins

You are ready to start the of required and recommended plugins after theme activation. A yellow message box will appear after theme activation. Click Begin installing plugins link from this message box.

Architecture begin installing plugins

A list of all required and recommended plugins for the theme will be displayed. The first step is to install plugins. Select all plugins (you can skip some of the Recommended plugins) and from the Bulk Actions menu, select Install option. Click Apply button. Please wait until all the plugins are downloaded and installed.

Install only the plugins you need.

Plugins for the Architecture theme

When it’s done, you can click Return to Required Plugins Installer link.

Plugins installation done

You will see the list of plugins again. It’s time to activate them now. It’s recommended to activate plugins one by one because some plugins require post-activation actions. Click Activate link of the first plugin and wait for confirmation message. The activated plugin will be removed from the list. This means it’s successfully installed and activated. You can click Activate link of the next plugin and so on until you activate them all.

Activate Architecture theme plugins

3. Import WordPress XML File

Make sure you installed and activated WordPress Importer plugin in the step 2.

Extract the archive you downloaded from our site and locate file demo-data.xml

From your WordPress Dashboard, go to Tools > Import. You will see a list of various importers. Locate one that’s marked with WordPress and click Run Importer link below it.

Run WordPress importer

You will see a page with heading “Import WordPress”. Click Choose File button and select demo-data.xml file from your computer. Click Upload file and import button.

Upload demo data

On the next screen, you will see that the author of all demo data is set to milos. You should assign this demo data to one of your WordPress users. So, either select an existing user from the drop-down menu or create a new user by entering its username.

Under “Import Attachments” heading, make sure you checked Download and import file attachments option. Finally, click Submit button.

Import WordPress content

Please wait until the import procedure is finished. It can take some time because images will be downloaded from our server during the import. How much time it will take it depends on your internet connection speed (if you are installing on the local server) or of your server’s bandwidth (if you are installing on the live server).

When the import procedure is finished, you will get a message “All done. Have fun!”.

Done importing WordPress content

You can delete Hello World! post that’s created when you installed WordPress.

4. Check Menus and Menu Items

Now, when we have the content imported, the menus and menu items should be imported as well. To check this, from WordPress Dashboard, go to Appearance > Menus.

Architecture theme menus

Now, you can go to Appearance > Import Demo. On this page, click Import Menu Settings button and confirm.

Import menu settings

The last step is to open the Customizer once. From your WordPress Dashboard, go to Appearance > Customize. It will open the Customizer and register all default options into the database. You can close it as soon as it’s opened.

Architecture theme customizer

5. Import Widgets and Select Visibility

Before importing the widgets, you should delete all existing widgets. Go to Appearance > Widgets. Delete all widgets from all widget positions. To do this, first open a widget position (i.e. Right Column, Left Column, Widget1, etc.). If you find any widgets, open the widget settings and click the red Delete button to delete each widget.

From your WordPress Dashboard, go to Appearance > Import Demo. On this page, click Import Widgets button once and confirm. All widgets will be imported altogether with their settings.

Import widgets

When you import the widgets, their visibility is not imported, so let’s set this quickly. From your Dashboard, go to Appearance > Widgets. Some of the widgets are published on the home page of our demo only. The widgets that should be published on the home page only are:

  • Widget 1 – Hot Swipe Carousel
  • Widget 2 – Image
  • Widget 3 – Image
  • Widget 4 – Custom HTML
  • Widget 5 – Custom HTML, Image and Text (Consulting)
  • Widget 6 – Image and Text (Planning)
  • Widget 7 – Image and Text (Building)
  • Widget 8 – Image and Text (Interior)
  • Widget 9 – Image
  • Widget 10 – Image
  • Widget 11 – Image

Widget control home page

There are also widgets that should be visible on all pages. These widgets are:

  • Widget 12 – Custom HTML (Start Your Project)
  • Widget 13 – Custom HTML

Widget control interior pages

There are many other combinations you can use to determine where to publish certain widgets.

6. Upload Images for Plugins

If you are installed and activated Hot Swipe Carousel plugin, you will need to upload demo images by FTP. Unzip archive that you downloaded from our site. You should have this folder with images:

  • carousel

Using your FTP client, upload these folders to /wp-content/uploads folder of your WordPress.

FTP uploading