Lens

PagesBlogCase StudiesLens
37

Installation

To install the Case Study go to Theme Options → Design → Import

Preview

Show manual install instructions

Step 1 – Install React to a clean WordPress install and activate the React Child theme

You should start with a clean installation of WordPress to ensure there are no issues during the rest of this process. You can use the WordPress Reset plugin to delete all content and reset your site to a clean install.

If you haven’t already – purchase React and install it on your site. Install and activate the React Child theme.

Step 2 – Import the demo content

Download the React Lens XML export file and save it to your computer. In your WordPress install go to Tools → Import and click WordPress. Install the WordPress Importer plugin when asked. Once installed click Activate Plugin & Run Importer then choose the React Lens XML export file you just downloaded and make sure to tick the box Download and import file attachments. It may take a few minutes to download the attachments so it’s a good time to grab a cup of tea!

Step 3 – Import the theme options

Click the toggle below to show the theme options data and copy this (Ctrl + C) then in your WordPress install go to Appearance → Theme Options → Advanced → Import and paste the text into the box, then click Import.

Show theme options import data


Step 4 – Activate Quform and import the forms

Install and activate the Quform plugin included with the React theme download. This Case Study has 2 forms. For each of the forms in the toggles below, copy the import data (Ctrl + C) and paste it into the Import box at Quform → Import on the WordPress menu.

Quick Contact Form


Bookings


Step 5 – Import the widgets

Download the React Lens widgets export file and save it to your computer. In your WordPress install go to Plugins → Add New and search for Widget Importer & Exporter. Install the Widget Importer & Exporter plugin and activate it. After that go to Tools → Widget Importer & Exporter on the WordPress menu and under Import Widgets choose the React Lens widgets export file you just downloaded then click Import Widgets.

Step 6 – Tidying up

Set a static front page

Go to Settings → Reading on the WordPress menu. set Front page displays: A static page, choose Front page: Home.

Set the correct menu locations

Go to Appearance → Menus on the WordPress menu and click Manage Locations. Set Primary Menu to Primary then Save Changes.

General settings

Go to Settings → General on the WordPress menu and enter the site Tagline, choose your local Timezone and set the Site Language.

Configure permalinks

Go to Settings → Permalinks on the WordPress menu and configure Permalinks the way you like. We usually choose the Custom Structure below to have page slugs without the trailing slash.

/%year%/%monthnum%/%postname%

You’re done!

Congratulations, you are now ready to customize your new site

Share this

/ / / / / / /

Variations

Change the Skin for this Case Study

Demos

React Hub
Lens
Berri
Replika
Press
Second
View all Demos React Hub Copy current page content
[impact_header type="heading-subheading-button" subheading="To install the Case Study go to Theme Options → Design → Import" button_text="Preview" button_link="http://react.themecatcher.net/lens/" button_external="1" style="light" margin_top="0" margin_bottom="40" convert="cvt-tablet-ldsp" icon="fa-folder-open"]Installation[/impact_header] [block rounded="rounded" border="border" palette="5"] [toggle1 style="plain" size="lrg"] [toggle_content1 title="Show manual install instructions"] [fancy_header bold="1" margin_top="40"]Step 1 - Install React to a clean WordPress install and activate the React Child theme[/fancy_header] [box type="warning"]You should start with a clean installation of WordPress to ensure there are no issues during the rest of this process. You can use the WordPress Reset plugin to delete all content and reset your site to a clean install.[/box] [p]If you haven't already - purchase React and install it on your site. Install and activate the React Child theme.[/p] [fancy_header bold="1" margin_top="40"]Step 2 - Import the demo content[/fancy_header] [p]Download the React Lens XML export file and save it to your computer. In your WordPress install go to Tools → Import and click WordPress. Install the WordPress Importer plugin when asked. Once installed click Activate Plugin & Run Importer then choose the React Lens XML export file you just downloaded and make sure to tick the box Download and import file attachments. It may take a few minutes to download the attachments so it's a good time to grab a cup of tea![/p] [fancy_header bold="1" margin_top="40"]Step 3 - Import the theme options[/fancy_header] [p]Click the toggle below to show the theme options data and copy this (Ctrl + C) then in your WordPress install go to Appearance → Theme Options → Advanced → Import and paste the text into the box, then click Import.[/p] [toggle] [toggle_content title="Show theme options import data"] [/toggle_content] [/toggle] [fancy_header bold="1" margin_top="40"]Step 4 - Activate Quform and import the forms[/fancy_header] [p]Install and activate the Quform plugin included with the React theme download. This Case Study has 2 forms. For each of the forms in the toggles below, copy the import data (Ctrl + C) and paste it into the Import box at Quform → Import on the WordPress menu.[/p] [accordion] [accordion_toggle title="Quick Contact Form"] [/accordion_toggle] [accordion_toggle title="Bookings"] [/accordion_toggle] [/accordion] [fancy_header bold="1" margin_top="40"]Step 5 - Import the widgets[/fancy_header] [p]Download the React Lens widgets export file and save it to your computer. In your WordPress install go to Plugins → Add New and search for Widget Importer & Exporter. Install the Widget Importer & Exporter plugin and activate it. After that go to Tools → Widget Importer & Exporter on the WordPress menu and under Import Widgets choose the React Lens widgets export file you just downloaded then click Import Widgets.[/p] [fancy_header bold="1" margin_top="40"]Step 6 - Tidying up[/fancy_header] [fancy_header tag="h3" type="style1" size="small" bold="1"]Set a static front page[/fancy_header] [p]Go to Settings → Reading on the WordPress menu. set Front page displays: A static page, choose Front page: Home.[/p] [fancy_header tag="h3" type="style1" size="small" bold="1"]Set the correct menu locations[/fancy_header] [p]Go to Appearance → Menus on the WordPress menu and click Manage Locations. Set Primary Menu to Primary then Save Changes.[/p] [fancy_header tag="h3" type="style1" size="small" bold="1"]General settings[/fancy_header] [p]Go to Settings → General on the WordPress menu and enter the site Tagline, choose your local Timezone and set the Site Language.[/p] [fancy_header tag="h3" type="style1" size="small" bold="1"]Configure permalinks[/fancy_header] [p]Go to Settings → Permalinks on the WordPress menu and configure Permalinks the way you like. We usually choose the Custom Structure below to have page slugs without the trailing slash.[/p] 
/%year%/%monthnum%/%postname%
[impact_header type="heading-subheading" subheading="Congratulations, you are now ready to customize your new site" icon="fa-glass" margin_top="40"]You're done![/impact_header] [/toggle_content1] [/toggle1] [/block]
Download - $44