BuddyX
Get BuddyX Pro

Quick Start Guide

Pro feature

Set up your site's essentials in about 45 minutes. Every site needs these basics - regardless of whether you're building a community, a store, a course site, or a blog. Do these first, then pick your path.

This guide is the mandatory first-time setup. After you finish it, your site will look professional and be ready for visitors. The site-type-specific stuff (community, store, etc.) builds on top of this.

What you'll set up (and why each is mandatory)

Step Why it's mandatory Time
1. Install the theme Nothing renders until BuddyX Pro is active 2 min
2. Site identity (logo + title) Without a logo or readable title, visitors don't know whose site they're on 5 min
3. Colors The default works, but most sites need brand colors to feel like yours 5 min
4. Fonts Default fonts are generic; picking a font pairing makes the site feel intentional 5 min
5. Header (layout + menu) Without navigation, visitors can't move around the site 8 min
6. Footer Every visitor sees this on every page; empty footer looks unfinished 5 min
7. Essential pages (Home, About, Contact, Privacy) Privacy is legally required in most countries; the others are basic site furniture 10 min
8. Homepage WordPress shows your latest posts by default - most sites need a real Home page 3 min
9. (Optional) Dark mode Decide if visitors get a light/dark toggle 2 min

After all this, jump to Choose Your Path to set up the features specific to your type of site (community, shop, courses, etc.).

Step 1 - Install the theme (2 minutes)

  1. Download buddyx-pro.zip from your account at wbcomdesigns.com
  2. In your WordPress admin, go to Appearance → Themes → Add New → Upload Theme
  3. Click Choose File, select buddyx-pro.zip
  4. Click Install Now, then Activate

If the upload fails (often because the ZIP is too large for your host's upload limit), see the longer Installation Guide for the workaround.

Where to go next: Appearance → Customize in your WordPress admin. This opens the "Customizer" - a panel on the left side of the screen where you'll make every setting change in the steps below. The right side shows a live preview of what visitors will see.

Step 2 - Site identity (5 minutes)

This is your site's name, tagline, logo, and favicon. Every visitor sees these on every page.

In Customizer, open Site Identity:

Setting What it is Recommendation
Site Title The text name of your site (also used in the browser tab) Your brand name
Tagline A short one-line description below the title Skip if you have a logo; otherwise a memorable tagline
Logo An image that replaces the text title in the header Recommended: 200-300px wide, transparent PNG or SVG
Site Icon (Favicon) The tiny icon in the browser tab and bookmarks Required: 512×512px square image

Logo upload:

  1. Click Select Logo
  2. Upload your logo file
  3. Skip the cropping step (click Skip Cropping) unless you want the cropped version
  4. Use the Logo Size slider to fit it nicely in the header
  5. If your logo is dark and you'll use dark mode (Step 9), also upload a Dark Mode Logo (light-colored version)

Why mandatory: visitors land on your site and immediately look for "is this the right place?" The logo + site title answer that in half a second.

Click Publish at the top of the Customizer to save.

Step 3 - Colors (5 minutes)

You have two ways to set colors. Pick whichever you prefer.

Option A - Use a color preset (fastest)

  1. In Customizer, open Site Skin
  2. Scroll to Style preset - a grid of 14 hand-tuned color swatches
  3. Click the one that feels right for your brand:
    • Default Light / Default Dark - the BuddyX baseline
    • Sapphire - bright blue, great for SaaS / tech sites
    • Indigo - rich blue-purple, great for fintech
    • Coral - warm orange, great for marketing / hospitality
    • Carbon - near-black, premium / luxury feel
    • ...and 9 more (see Color Presets for all 14 with previews)
  4. Click Publish

Option B - Set your brand colors manually

If you have a specific brand color (a hex code from your brand guide), do this instead:

  1. In Customizer, open Site Skin
  2. Scroll to Primary Color - this is your brand's main accent (drives buttons, links, highlights)
  3. Click the color swatch and paste your brand hex (e.g. #FF5733)
  4. Optionally adjust Body Background, Content Background, Heading Color, Body Text Color if your brand has a specific palette
  5. Click Publish

Most sites do Option A for the first launch and switch to Option B later when they want exact brand colors. Either way you can change later without losing other settings.

Why mandatory: the default theme colors are generic - until you set yours, your site looks like every other un-customized WordPress site.

Step 4 - Fonts (5 minutes)

Same as colors - two options.

Option A - Use a typography preset (fastest)

  1. In Customizer, open Typography (or Site Skin → Typography Preset)
  2. Pick a preset. Default = no preset (uses the theme's system-ui baseline), plus the 7 named presets:
    • Inter - clean, neutral (works everywhere)
    • Geist - modern, technical (great for SaaS)
    • IBM Plex - corporate, dependable
    • DM Sans - friendly, approachable
    • Editorial - sophisticated serif for long-form content
    • Magazine - bold display + readable body, for news / blog sites
    • Humanist - warm, readable humanist sans-serif
  3. Click Publish

Option B - Set fonts manually

  1. In Customizer, open Typography
  2. Pick a Body Font (the font used for most reading text) - choose from the dropdown
  3. Pick a Heading Font (for H1-H6) - usually different from the body font for contrast
  4. Optionally pick separate fonts for Site Title, Menu, and Sub-menu
  5. Click Publish

The fonts come from Google Fonts (a free font library Google hosts). The first time a visitor lands on your site, the fonts download from Google. After that they're cached in the visitor's browser.

Why mandatory: typography is half of "how a site feels". Default fonts look unintentional; a deliberate choice looks professional.

Step 5 - Header (8 minutes)

The header is the bar at the top of every page. It holds your logo + menu (and optionally a search icon, cart, notification bell, etc.).

Pick a header layout

  1. In Customizer, open Header → Header Layout
  2. Pick one of 4 layouts:
    • Layout 1 - logo on left, menu on right (most common; safest first pick)
    • Layout 2 - logo centered, menu below
    • Layout 3 - logo on left, menu centered, icons on right
    • Layout 4 - full-width banner-style header
  3. Click Publish

Build your menu

The menu is the list of links in your header (e.g. Home / About / Shop / Contact).

  1. Go to Appearance → Menus (a separate WordPress admin page, not the Customizer)
  2. Click Create a new menu
  3. Name it "Primary Menu" (this is the name you'll see in WordPress; visitors never see it)
  4. From the left panel, add pages (you'll create the pages in Step 7 - for now just leave a placeholder if needed)
  5. Under "Menu Settings" at the bottom, check Primary Menu as the display location
  6. Click Save Menu

You can come back and add more pages to the menu later. For first launch, having even 4-5 links is fine.

Why mandatory: without a working menu, visitors can't move between pages. Even a tiny site needs a Home / About / Contact navigation.

Step 6 - Footer (5 minutes)

The footer is the area at the very bottom of every page. Most sites use it for:

  • Site description / about blurb
  • Social media links
  • Recent posts or popular content
  • Contact info / email
  • Copyright text
  • Privacy Policy + Terms of Service links

Add footer widgets

  1. Go to Appearance → Widgets
  2. You'll see footer widget areas (Footer 1, Footer 2, Footer 3, depending on layout)
  3. For each area, click + and add a widget:
    • Text widget - write a short site description
    • Recent Posts widget - show your 3-5 latest articles
    • Custom HTML widget - for social media icons or contact info
    • Navigation Menu widget - for footer links (Privacy, Terms, etc.)

Set copyright text

  1. In Customizer, open Site Footer → Copyright
  2. Edit the copyright text (e.g. "© 2026 Your Brand Name. All rights reserved.")
  3. Click Publish

Why mandatory: the footer is on every page, including the homepage. An empty footer makes a site look abandoned or under-construction.

Step 7 - Essential pages (10 minutes)

Every site should have these four pages before launch:

Page What's on it Required for
Home Your main landing page - usually a mix of hero image, intro text, featured content Every site
About Who you are, why this site exists, your story Every site (trust signal)
Contact A form or email + maybe an address + maybe social links Every site (people want to reach you)
Privacy Policy What data you collect, how you use it, GDPR/CCPA compliance Legally required in most countries

How to create a page

For each of the four:

  1. Go to Pages → Add New
  2. Type the title (e.g. "About")
  3. Add content using the WordPress block editor (drag in headings, paragraphs, images)
  4. Click Publish
  5. Note the URL of the page - you'll add it to your menu

Use block patterns to save time

BuddyX Pro ships pre-designed block patterns for these pages. Instead of writing from scratch:

  1. In the WordPress block editor, click the + icon to add a block
  2. Click the Patterns tab
  3. Browse for "About hero", "Contact form", "Privacy intro" patterns
  4. Click to insert, then edit the text + images

See Block Patterns for the full pattern library.

Privacy Policy quick option

WordPress ships a Privacy Policy template:

  1. Go to Settings → Privacy
  2. Click Create New Page
  3. Edit the auto-generated template to match what your site actually does
  4. Click Publish

Step 8 - Set your homepage (3 minutes)

By default, WordPress shows your latest blog posts on the home URL. Most sites want a static "Home" page instead.

  1. Go to Settings → Reading
  2. Under Your homepage displays, pick A static page
  3. Homepage dropdown → pick the "Home" page you created in Step 7
  4. Posts page dropdown → pick a "Blog" page (create one if you want a separate blog section) or leave blank if you don't have a blog
  5. Click Save Changes

Visit yoursite.com/ to see your new Home page.

Why mandatory: without this, visitors hitting your domain see your blog feed (which may have 0 posts on day 1) instead of a designed welcome.

Step 9 (optional) - Dark mode (2 minutes)

Decide if visitors get to toggle between light and dark colors.

  1. In Customizer, open Site Skin → Color Mode
  2. Pick one of two modes:
    • Light (recommended for first launch) - the look new visitors land on is light
    • Dark - new visitors land on dark (mostly for tech / gaming sites)
  3. If you want visitors to choose for themselves, turn on Show color-mode toggle - a sun/moon icon appears on the site that they can click
  4. If you have a dark logo, go back to Site Identity and upload a Dark Mode Logo (a light-colored version)
  5. Click Publish

See Dark Mode for the full reference.

Skip this step at first launch if you're unsure. You can always turn it on later.

You're done with the mandatory setup!

Your site now has:

  • ✓ A logo + site identity
  • ✓ A color palette that fits your brand
  • ✓ Fonts that feel intentional
  • ✓ A header with a working menu
  • ✓ A footer with copyright + widgets
  • ✓ Four essential pages (Home, About, Contact, Privacy)
  • ✓ A real Home page (not a default blog feed)
  • ✓ (Optional) Dark mode decision

This is enough to launch a basic site that looks professional.

What's next

Pick the path that fits the kind of site you're building:

Site type Where to go
Community / social network Choose Your Path → Community
Online store Choose Your Path → E-Commerce
Online courses Choose Your Path → Learning
Blog / magazine Choose Your Path → Blog
Marketplace (multiple vendors) Choose Your Path → Marketplace
Just a brochure site (no special features) You're already done! Add more pages + patterns as needed

Common questions

Did I have to do all 9 steps? Steps 1-8 are mandatory for any serious site. Step 9 (dark mode) is optional.

Can I do these out of order? Yes - but the order above is recommended because each step shows results in the live preview that informs the next decision. Logo first → then colors → then fonts → ... makes more sense than the reverse.

My site still looks wrong after this - what now? Make sure each step was followed (logo uploaded, menu assigned to "Primary Menu" location, homepage set to your Home page in Settings → Reading). If you're still stuck, see Troubleshooting or email support@wbcomdesigns.com.

How long until I can launch? With the steps above done + the type-specific Choose Your Path steps done, most sites can launch in 2-4 hours total.

Quick Reference (after first-time setup)

Task Where in WordPress
Change logo Appearance → Customize → Site Identity
Change colors Appearance → Customize → Site Skin
Change fonts Appearance → Customize → Typography
Change header layout Appearance → Customize → Header
Change footer Appearance → Widgets + Appearance → Customize → Site Footer
Edit menu Appearance → Menus
Add a page Pages → Add New
Change homepage Settings → Reading
Toggle dark mode Appearance → Customize → Site Skin → Color Mode

Need help?