To build a custom homepage in Ghost CMS, follow the steps given below:
Navigate to your Ghost theme folder.
Create a new file for your custom homepage template. For example, create a file named
custom-homepage.hbs
inside the
/content/themes/your-theme/
directory
Inside the
custom-homepage.hbs
, add the HTML and Ghost Handlebars code to structure your page. You can customize the layout as you want.
Here’s a basic example of what your
custom-homepage.hbs
file might look like:
Go to Ghost Admin
Create a new page and save it
Under Settings > Design, set this newly created page as the home page by selecting it from the Homepage dropdown
While editing the Homepage page in Ghost Admin, select the
custom-homepage.hbs
template from the Template dropdown in the page settings
Restart your Ghost installation to apply the new template
Visit your site to see the newly customized homepage.