> For the complete documentation index, see [llms.txt](https://highfivethemes.gitbook.io/the-reporter-user-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://highfivethemes.gitbook.io/the-reporter-user-documentation/advanced-customization/introduction.md).

# Introduction

The Reporter supports advanced home page layout customization with its ready-made partials for posts sections and banners.

**The Reporter** supports advanced home page layout customization. It won't be difficult, because all of the sections and banners is pre-made, so all you have to do is insert the required lines in the order you want. 

So, in order to work with the theme code, we will need to install a code editor if you don’t already have one. We recommend installing [<mark style="color:blue;">**Visual Studio Code**</mark>](https://code.visualstudio.com/download) as it is free and convenient. **Link to download -** [**https://code.visualstudio.com/download**](https://code.visualstudio.com/download)**.**

We also need to install **npm** and **Node.js** - [**https://docs.npmjs.com/downloading-and-installing-node-js-and-npm**](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).

Then, when **npm** is installed, we can open our theme so start working on it in Code Editor. To do this:

1. **Unzip** `the-reporter.zip` file
2. You'll see `the-reporter` unzipped **folder**
3. Then, **open** Visual Studio Code
4. **Drag and drop** `the-reporter` **folder** inside Visual Studio Code
5. Now we need to open terminal, to do this:&#x20;
   * From the menu, use the **Terminal** > **New Terminal** or **View** > **Terminal** menu commands.
6. Now, to install all packages, insert `npm install` **command** in your terminal and press **Enter**
7. To **customize** home page, we'll only need `index.hbs` file, find and open it.
8. **That's it! Well done! Now we can work on our theme customization!**