Precode

Installing and Configuring the Unstandard

This guide covers how to install and set up the Unstandard theme from Theme Index, including posts, pages, and social navigation.

1. Install the Unstandard Theme

Using Ghost Admin:

  1. Log in to Ghost Admin
    URL: https://yourdomain.com/ghost
  2. Navigate to: Settings → Design
  3. Click “Change theme”
    Then select “Upload theme”
  4. Upload the unstandard.zip file
    (The ZIP must include package.json, .hbs files, etc.)
  5. After uploading, click “Activate” to enable the theme.

2. Configure Theme Settings

General Settings:

Go to Settings → General to configure:

  • Title & Description – Appears in the header and used for SEO
  • Publication Language – Example: en
  • Timezone – Set according to your location

Branding:

Go to Settings → Design → Brand to set:

  • Site Icon – Favicon (.ico or .png)
  • Logo – Displayed in the header (recommended: transparent PNG)
  • Accent Color – Used in links and buttons

Code Injection (Optional Custom CSS):

Go to Settings → Code Injection

  • Use <style> tags in the Site Header field for global CSS overrides
  • Ideal for custom typography, spacing, or layout adjustments

3. Creating a Post

  1. Navigate to Posts → New Post
  2. Add a Title
  3. Write your content using the block editor or Markdown
  4. Optional fields to configure:
    • Excerpt – Displayed in theme previews
    • Feature Image – Appears at the top of the post
    • Tags – Used for filtering and collections (e.g., Featured, News)
    • Meta Data – Useful for SEO (optional)
  5. Click “Publish” in the top-right
    Choose either “Publish now” or schedule it for later.

4. Creating a Page

  1. Navigate to Pages → New Page
  2. Add a Title and Content (block editor or Markdown)
  3. Optional: Set a Feature Image, Excerpt, etc.
  4. Click “Publish” when ready

Custom Templates:

If your theme includes them, you can choose a template from the page settings:

  • home.hbs – Homepage layout
  • about.hbs – About page
  • contact.hbs – Contact form or info page

If templates don’t appear in the dropdown, they may be missing or named differently.

5. Configure Social Media Links

  1. Go to Settings → Navigation
  2. Use Secondary Navigation for footer links
    (Or Primary Navigation if social links appear in the header)
  3. Add items like:
LabelURL
Xhttps://x.com/yourname
Facebookhttps://facebook.com/yourpage
GitHubhttps://github.com/yourname
Instagramhttps://instagram.com/yourname
  1. Click Save

In the Unstandard theme, social links will display based on your theme’s layout (e.g., header or footer).