PoliticalHB - Campaign & Election Hubspot Theme


Before we start, lets take a look on the folder structure of the theme.

assets/images/image_1.png

  1. css - the directory where general styling of the theme is placed
  2. images - the directory where images is placed (icons/page previews).
  3. js - the directory where javascript codes are placed.
  4. modules - the directory where our custom modules are placed (+15 custom modules).
  5. templates - the page templates and system pages.
  6. fields.json - theme settings file.
  7. license.txt - licensing terms.
  8. theme.json - general theme details (version, name, preview links).
  1. Login to your Hubspot account.
  2. Use the Settings icon to go to themes panel -> Website -> Themes -> Upload Theme (button):
  1. First of all go to Marketing -> Website -> Website Pages:
  2. Create a new page (by selecting a page template), for example the Home template.
  3. Edit the page and go to Design tab (left side panel) - Edit theme settings (button):
  4. You will be redirected to the theme options panel (to edit colors, fonts, form styling and more...):
  1. First of all go to Marketing -> Website -> Website Pages:
  2. Create a new page (by selecting a page template), for example the "Home" template.
  3. Design the pages by using the core blocks and the TSLR blocks bundled with the theme:
  4. Don't forget to publish the pages after completing the edit:

1. Creating a blog (v1):

  1. Use the Settings icon (from the header) -> Website -> Blog:
  2. Create a new blog by using the "Create new blog" button.

2. Creating a blog (v2):

  1. Use the Marketing -> Website -> Blog:
  2. Create new Blogs or blog posts:
  1. Use the Settings icon (from the header) -> Website -> Pages:
  2. Setup system pages such as "Search results", "404", "500" from the System pages tab.

We've used the following images, icons or other files as listed.