Wander – Home page setup & importing reusable blocks

Home page setup

With Wander theme you can have your blog as your home page or setup a regular page as the home page.

If you want to show your blog as the home page;
  • Go to Appearance > Customize > Homepage Settings
  • Select “A Static Page” from your homepage displays section. Without selecting any page, publish the customizer.
If you want a static page for your home page;
  • Go to Appearance > Customize > Homepage Settings
  • Select “A Static Page” from your homepage displays section.
  • Under Homepage section, click on +Add New Page link. Write Home to new page title area and click on Add button.
  • Under Posts page section, click on +Add New Page link. Write Blog to new page title area and click on Add button.
  • Publish the customizer.
Configuring the homepage

Now a static page is set as homepage but there is nothing in it. You can edit this page as any other page with WordPress blocks. If you want to use one of the demo homepage layouts in your website, follow these steps;

  • At the beginning of Wander theme setup, we extracted the reusable blocks from the theme files. If you haven’t done so, unzip the Wander zip file you downloaded. You’ll find wander.zip and wander-child.zip files. Open the wander-child.zip and look for a folder named “reusable-blocks”. Extract this folder to somewhere you can find.
  • Go to Pages > Home page we created. From top-right click on “Show more tools & options” icon (three dots). And click on “Manage all reusable blocks”.
  • Click on “Import from JSON” button. Select one of the “homepage reusable blocks”. Click on “Add new” button.
  • Once you’re done with importing the blocks. Go back to Home page. Click on plus sign to add new block to the page. Scroll down to see reusable blocks. Choose one of the home blocks.
  • Hover on the block to see three dots icon. Click on it and click on “Convert to regular block”.
  • Now you can start adding text and image to the designated places.
  • Once you’re done, click on Publish/Update button. Preview your page in the front end to check if everything looks good.

Reusable blocks

Wander theme makes use of reusable blocks to create custom page templates you can easily import and setup. To import the reusable blocks;

  • Unzip the Wander zip file you downloaded. You’ll find wander.zip and wander-child.zip files. Open the wander-child.zip and look for a folder named “reusable-blocks”. Extract this folder to somewhere you can find.
  • Go to Pages > Any page or create a new one. From top-right click on “Show more tools & options” icon (three dots). And click on “Manage all reusable blocks”.
  • Click on “Import from JSON” button. Select one of the reusable blocks and click on “Add new” button. Do these for each reusable block file.
  • Once you imported the templates, create a new page to use one of reusable blocks.
  • Click on plus sign to add new block to the page. Scroll down to see reusable blocks. Choose one of the custom reusable blocks.
  • Hover on the block to see three dots icon. Click on it and click on “Convert to regular block”.
  • Now you can start adding text and image to the designated places.

Available home page styles

Home style 1
Home style 2
Home style 3
Home style 4
Home style 5
Home style 6