Theme Configuration Guide

General Theme Settings

Site Information

Basic details about your website, including its name, title, and description.

# General Settings
site_name: Sandbox
title: "Sandbox - Modern & Multipurpose Jekyll Theme"
description: >-
  An impressive and flawless site template that includes various UI elements and countless features, 
  attractive ready-made blocks and rich pages, basically everything you need to create a unique and 
  professional website.
favicon: "/assets/img/favicon.webp"

SEO Meta Settings

These settings control the social media preview images when sharing your site.

View example's code

# Seo Meta Settings
meta_og_image: "/assets/img/meta-image.webp"  # Image used for OpenGraph (Facebook, LinkedIn)
meta_twitter_image: "/assets/img/meta-image.webp"  # Image used for Twitter cards

Theme Appearance

Customize the color scheme, fonts, and icons used throughout the theme.

View example's code

# Site Wide Theme Color Setting
color_scheme: # Aqua Fuchsia Grape Green Leaf Navy Orange Pink Purple Red Sky Violet Yellow

# Site Wide Theme Font Setting
font_scheme: # dm , space , thicccboi , urbanist

# Site Wide Font Icons Setting (FontAwesome, Unicons, etc.)
font_icons_scheme: # https://unicons.iconscout.com/release/v4.0.8/css/line.css

Branding & Contact Information

Site Logos

Upload different versions of your logo for various themes (light/dark mode).

View example's code

# Sitewide Logo
logo_1x: "/assets/img/logo.webp"
logo_2x: "/assets/img/[email protected]"
black_logo_1x: "/assets/img/logo-dark.webp"
black_logo_2x: "/assets/img/[email protected]"
light_logo_1x: "/assets/img/logo-light.webp"
light_logo_2x: "/assets/img/[email protected]"

Contact Details

Define your business address, phone number, and email contacts.

View example's code

address: 'Moonshine St. 14/05 Light City, London, United Kingdom'
phone_number: "+00 (123) 456 78 90"
email: "[email protected]"

Integrations & Features

Disqus Comments

Enable Disqus for blog comments, with optional demo mode.

View example's code

# Disqus Comments
disqus:
  shortname: your-disqus-shortname
  enabled: false
  demo_mode: true
  demo_message: "💡 Comments are disabled for this demo. Configure Disqus in theme.yml when ready!"

Analytics & Maps

Google Analytics

Google Analytics allows you to track website visitors and monitor user behavior. Enable it by setting enable: true and adding your tracking key.

View example's code

# Google Analytics
google_analytics:
  enable: false  # Set to 'true' to enable tracking
  key: "UA-664136761-1"  # Your Google Analytics tracking ID

Google Maps

Embed a Google Map of your location. Replace the iframe URL with your own address.

View example's code

# Google Map
google_map: |

Project Pages

Single Projects

Usage

Styleguide

Elements

Theme Configuration Guide

General Theme Settings

Site Information

SEO Meta Settings

Theme Appearance

Branding & Contact Information

Site Logos

Contact Details

Integrations & Features

Disqus Comments

Analytics & Maps

Google Analytics

Google Maps