The Reporter - User Documentation
DemosSupport
  • πŸ‘‹Introduction
  • πŸ†•Changelog
  • 🏁GETTING STARTED
    • πŸ”½Uploading a Theme
  • πŸ“œMain Templates
    • πŸ“°Post Page/Post Page with Sidebar
    • 🐱Categories Page
    • πŸ§‘β€πŸŽ¨Authors Page
    • ♾️Archive (All posts) Template
  • βš™οΈCUSTOM SETTINGS
    • ℒ️Logos
    • πŸ”€Typography
    • 🀯Header
      • 🧭Header Type
      • πŸ“Header Height
      • πŸ” Header Navigation Font Size
    • πŸ“Border Radius
    • ⚑Featured Posts Section
    • 🍑Homepage Layout
      • πŸ“‘Homepage Tags
      • πŸ›οΈHomepage Sections Layout
  • πŸ‘£Footer Customization
    • πŸ₯ΎFooter Type
    • 🐾Footer Categories
  • πŸ“’CTA Text and Subtext
  • πŸ“ŸCustom Widget (HTML Widget)
  • 🀝MEMBERSHIP FEATURE
    • πŸŽ™οΈSetting Up
    • ℹ️Sign In Page
    • πŸ”ΌSign Up Page
    • *️⃣Subscribe Page
    • πŸ‘€Account Page
    • πŸ’ΈMembership Page
  • πŸ§‘β€πŸš€Advanced Customization
    • πŸ‘©β€πŸ«Introduction
    • 🏠Home Page
      • 🧱Sections Customization
      • πŸ’ˆBanners (CTA blocks) Customization
    • πŸ‘ŸFooter Tags
  • πŸ”©Other Settings
    • πŸ“ΉAdd 'Has Video Content' Icon
    • πŸ“ΈAdd Your Instagram Link (Icon)
    • ⏬Submenus
  • β˜‘οΈTERMS & CONDITIONS
    • πŸ”Refund Policy
Powered by GitBook
On this page
  1. Advanced Customization

Introduction

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

PreviousMembership PageNextHome Page

Last updated 1 year ago

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 as it is free and convenient. Link to download - .

We also need to install npm and Node.js - .

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:

    • 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!

πŸ§‘β€πŸš€
πŸ‘©β€πŸ«
Visual Studio Code
https://code.visualstudio.com/download
https://docs.npmjs.com/downloading-and-installing-node-js-and-npm