Create a custom homepage for Lexionic theme on WordPress.com

Creating a custom homepage for a block theme can be challenging to some, even for some WordPress seasoned users. Here I lay out the detailed steps to create them which I previously gave when I help in a WordPress.com forum.

Theme: Lexionic
Purpose: A theme for book authors, publishers, and storytellers.
Platform: WordPress.com

First, create a Front Page template for your static page by following these steps. (If you’ve created it, let’s begin again from the start. This means you must delete your current Front Page template as it can only be created once.)

  1. Navigate to Appearance > Editor.
  2. Select Templates > Add New Template.
  3. Select Front Page.
  4. Afterward, when asked to choose a pattern, click the Skip button at the bottom right corner.
  5. You will be presented with a blank canvas.
  6. In this canvas, you would add 2 blocks: a header, and a content blocks.
  7. To add those blocks, select the Block Inserter “+” icon, and add each of the blocks one by one. First, search for a header block, then a content block. Your Front Page Template blocks structure will look like this image. https://imgur.com/ic0XBIW.

Second, copy the content of your Blog Home template, because you want your custom homepage content to match this.

  1. Navigate to Appearance > Editor.
  2. Select Templates.
  3. Look for the Blog Home template. Click to open.
  4. Select and copy the Columns block (don’t include the header block) by clicking the three-dot option on the block toolbar. https://imgur.com/ffQxCa2
  5. Later, you would need to paste this content to your page that would be your static homepage, before that you might want to temporarily paste it to a notepad for easier access later.

Third, add a new page designated to be your static homepage. These steps will be rather tricky and unintuitive, but please bear with me.

  1. Return to your site’s dashboard.
  2. Add a new page. This page’s content will be auto-generated from the Pages template. For now, simply title it like a regular page; for example, “My Home”. https://imgur.com/ExPDzE1
  3. Hit publish.
  4. Navigate back to the Reading settings and set your My Home page as the static page. This action will apply your Front Page template to your My Home page, where you can later paste in the previous content from the Blog Home template you copied earlier.
  5. Now navigate to My Page page and edit.
  6. Paste in the Columns block you copied earlier under the Content block. (Remove the paragraph block that was there before). Your final My Home page will be like this https://imgur.com/KpVApD6
  7. Save and refresh your site’s front end. You should see your new homepage.
  8. Now every time you want to make edits to your homepage, you would need to do it on this My Page page. Changes to this page automatically update the front end. Always modify this page (not the Front Page template) if you want to change the content of your static homepage. This is because the Block Themes follow the separation of content and template.

Please note that WordPress.com is not the same as WordPress.org. The Lexionic theme in only available in WordPress.com.

Leave a Reply

Your email address will not be published. Required fields are marked *