# Quick-Start (10 minutes)
1. **Create a new Page** called **Home** → click the 3‑dot menu → **Edit in Code editor**.
2. Paste the **Gutenberg Home Page Pattern** below (everything from `` to ``).
3. Go to **Settings → Reading** → set **Your homepage displays → A static page → Home**.
4. Go to **Appearance → Customize → Additional CSS** and paste the **CSS** below.
5. Optional: Install/activate helpers (see **Recommended Plugins & Settings** at the end).
—
## Information Architecture (for your top menu)
* **Home**
* **Stories** (Blog archive; sub‑cats: *Field Reports*, *Testimonies*, *Research & Teaching*)
* **Pray** (Prayer needs & answered‑prayers log)
* **Give** (donation page / external WGM link)
* **Events** (upcoming gatherings)
* **About** (mission, statement of faith, team, contact)
* **EN ▾** (language switcher)
> Tip: Create **Categories** in Posts first (Field Reports, Testimonies, Research & Teaching, Announcements), then use the **Query Loop** blocks below to auto‑pull content.
—
## GUTENBERG HOME PAGE PATTERN (paste in the page’s **Code editor**)
““html
RICHARDSON • DFW • TO THE NATIONS
NATIONS — Making Christlike Disciples Down the Street & Around the World
Stories, prayer, research, and partnerships from diaspora outreach in DFW and beyond.
Latest from the Field
Add posts in the “Field Reports” category to see them here.
Featured Message
Watch, listen, and share a recent teaching or testimony.
Get Involved
Pray with Us
Join our monthly prayer focus for cities and peoples. Add your request and see answered prayers.
Partner Financially
Help fuel outreach, training, and support for families in transition. One‑time or monthly gifts.
Invite / Host
Schedule a mission report, sermon, or training at your church, campus, or home group.
Partners
Africa Gospel Church Kenya
World Gospel Mission
Richardson Church of the Nazarene
C.S. Lewis Institute
Stay in the Story
Monthly updates with prayer needs, testimonies, and opportunities to serve.
“`html
RICHARDSON • DFW • TO THE NATIONS
NATIONS — Making Christlike Disciples Down the Street & Around the World
Stories, prayer, research, and partnerships from diaspora outreach in DFW and beyond.
Latest from the Field
Add posts in the “Field Reports” category to see them here.
Featured Message
Watch, listen, and share a recent teaching or testimony.
Get Involved
Pray with Us
Join our monthly prayer focus for cities and peoples. Add your request and see answered prayers.
Partner Financially
Help fuel outreach, training, and support for families in transition. One‑time or monthly gifts.
Invite / Host
Schedule a mission report, sermon, or training at your church, campus, or home group.
Partners
Africa Gospel Church Kenya
World Gospel Mission
Richardson Church of the Nazarene
C.S. Lewis Institute
Stay in the Story
Monthly updates with prayer needs, testimonies, and opportunities to serve.
““
—
## ADDITIONAL CSS (Appearance → Customize → Additional CSS)
““css
/* Google Fonts (safe, fast) */
@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Source+Sans+3:wght@400;600&display=swap’);
:root{
/* BRAND — extracted from your logos */
–mh-primary:#183868; /* RCN/WGM navy */
–mh-secondary:#582888; /* AGC purple */
–mh-accent:#E83828; /* AGC red */
–mh-neutral-50:#fafafa;
–mh-neutral-100:#f6f7f9;
–mh-neutral-300:#e5e7eb;
–mh-neutral-600:#4b5563;
–mh-radius:16px;
–mh-font-headings:’Inter’,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
–mh-font-body:’Source Sans 3′,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
/* Typography */
html,body{font-family:var(–mh-font-body);font-feature-settings:”liga” 1,”kern” 1;color:#111}
.wp-block-heading h1,h1,h2,h3,h4{font-family:var(–mh-font-headings);letter-spacing:-0.015em}
/* Language switcher top bar */
.lang-switcher{display:flex;justify-content:flex-end;align-items:center;padding:8px 16px;background:var(–mh-neutral-50);border-bottom:1px solid var(–mh-neutral-300)}
.lang-switcher .trp-language-switcher,.lang-switcher .trp-language-switcher-container{font-size:.9rem}
/* Buttons */
.wp-block-button.btn-primary .wp-block-button__link{background:var(–mh-primary);border-radius:999px;padding:.75rem 1.25rem;border:2px solid var(–mh-primary);color:#fff}
.wp-block-button.btn-primary .wp-block-button__link:hover{filter:brightness(.95)}
.wp-block-button.btn-secondary .wp-block-button__link{border:2px solid var(–mh-secondary);color:var(–mh-secondary);border-radius:999px;padding:.6rem 1.1rem;background:transparent}
.wp-block-button.btn-secondary .wp-block-button__link:hover{background:var(–mh-secondary);color:#fff}
.wp-block-button.btn-accent .wp-block-button__link{background:var(–mh-accent);border-radius:999px;padding:.7rem 1.15rem;border:2px solid var(–mh-accent);color:#fff}
.wp-block-button.btn-accent .wp-block-button__link:hover{filter:brightness(.95)}
/* Cards */
.card{background:#fff;border:1px solid var(–mh-neutral-300);border-radius:var(–mh-radius);padding:16px;box-shadow:0 6px 20px rgba(0,0,0,.05)}
.card .wp-block-post-featured-image img{border-radius:12px;object-fit:cover;width:100%;height:200px}
/* Stat numbers */
.big-number{font-size:2.25rem;font-weight:800;margin:.25rem 0}
/* Newsletter */
.mh-newsletter{background:var(–mh-neutral-100);border:1px solid var(–mh-neutral-300);border-radius:var(–mh-radius);padding:24px}
.mh-newsletter .mh-row{margin:.5rem 0}
.mh-newsletter input{width:100%;padding:.8rem 1rem;border-radius:12px;border:1px solid var(–mh-neutral-300)}
.mh-newsletter button{background:var(–mh-secondary);color:#fff;border:none;border-radius:999px;padding:.75rem 1.25rem;font-weight:600}
.mh-newsletter button:hover{filter:brightness(.95)}
.mh-newsletter .mh-privacy{font-size:.85rem;color:var(–mh-neutral-600);margin-top:.5rem}
/* Partner logo tiles */
.logo-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border:1px solid var(–mh-neutral-300);border-radius:14px;background:#fff;height:120px}
.logo-tile img{max-height:52px;width:auto}
.logo-tile figcaption{font-size:.85rem;color:var(–mh-neutral-600);margin-top:.5rem}
.logo-tile.logo-dark{background:#0f1624;border-color:#0f1624}
.logo-tile.logo-dark img{filter:none}
/* Utilities */
.has-neutral-600-color{color:var(–mh-neutral-600)!important}
@media (max-width: 900px){
.wp-block-query .wp-block-post-template{grid-template-columns:1fr!important}
.logo-tile{height:auto}
}
“`css
/* Google Fonts (safe, fast) */
@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Source+Sans+3:wght@400;600&display=swap’);
:root{
/* BRAND — WGM navy + ETHNOS teal (update if needed) */
–mh-primary:#0f3d7a; /* navy */
–mh-secondary:#0f766e; /* teal */
–mh-neutral-50:#fafafa;
–mh-neutral-100:#f6f7f9;
–mh-neutral-300:#e5e7eb;
–mh-neutral-600:#4b5563;
–mh-radius:16px;
–mh-font-headings:’Inter’,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
–mh-font-body:’Source Sans 3′,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
/* Typography */
html,body{font-family:var(–mh-font-body);font-feature-settings:”liga” 1,”kern” 1;color:#111}
.wp-block-heading h1,h1,h2,h3,h4{font-family:var(–mh-font-headings);letter-spacing:-0.015em}
/* Language switcher top bar */
.lang-switcher{display:flex;justify-content:flex-end;align-items:center;padding:8px 16px;background:var(–mh-neutral-50);border-bottom:1px solid var(–mh-neutral-300)}
.lang-switcher .trp-language-switcher,.lang-switcher .trp-language-switcher-container{font-size:.9rem}
/* Buttons */
.wp-block-button.btn-primary .wp-block-button__link{background:var(–mh-primary);border-radius:999px;padding:.75rem 1.25rem;border:2px solid var(–mh-primary);color:#fff}
.wp-block-button.btn-primary .wp-block-button__link:hover{filter:brightness(.95)}
.wp-block-button.btn-secondary .wp-block-button__link{border:2px solid var(–mh-secondary);color:var(–mh-secondary);border-radius:999px;padding:.6rem 1.1rem;background:transparent}
.wp-block-button.btn-secondary .wp-block-button__link:hover{background:var(–mh-secondary);color:#fff}
/* Cards */
.card{background:#fff;border:1px solid var(–mh-neutral-300);border-radius:var(–mh-radius);padding:16px;box-shadow:0 6px 20px rgba(0,0,0,.05)}
.card .wp-block-post-featured-image img{border-radius:12px;object-fit:cover;width:100%;height:200px}
/* Stat numbers */
.big-number{font-size:2.25rem;font-weight:800;margin:.25rem 0}
/* Newsletter */
.mh-newsletter{background:var(–mh-neutral-100);border:1px solid var(–mh-neutral-300);border-radius:var(–mh-radius);padding:24px}
.mh-newsletter .mh-row{margin:.5rem 0}
.mh-newsletter input{width:100%;padding:.8rem 1rem;border-radius:12px;border:1px solid var(–mh-neutral-300)}
.mh-newsletter button{background:var(–mh-secondary);color:#fff;border:none;border-radius:999px;padding:.75rem 1.25rem;font-weight:600}
.mh-newsletter button:hover{filter:brightness(.95)}
.mh-newsletter .mh-privacy{font-size:.85rem;color:var(–mh-neutral-600);margin-top:.5rem}
/* Partner logo tiles */
.logo-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border:1px solid var(–mh-neutral-300);border-radius:14px;background:#fff;height:120px}
.logo-tile img{max-height:52px;width:auto}
.logo-tile figcaption{font-size:.85rem;color:var(–mh-neutral-600);margin-top:.5rem}
.logo-tile.logo-dark{background:#0f1624;border-color:#0f1624}
.logo-tile.logo-dark img{filter:none}
/* Utilities */
.has-neutral-600-color{color:var(–mh-neutral-600)!important}
@media (max-width: 900px){
.wp-block-query .wp-block-post-template{grid-template-columns:1fr!important}
.logo-tile{height:auto}
}
““
—
## Copy Prompts (feel free to tweak)
* **Hero strapline:** *Every nation a neighbor. Every story redeemed.*
* **Prayer intro:** *Add your request. Adopt a people. Celebrate answered prayers.*
* **Partner intro:** *Monthly gifts fuel training, translation, and youth outreach among the nations living next door.*
## SITE‑WIDE BRAND CSS ADD‑ON (paste **below** the earlier CSS in Additional CSS)
“`css
/* LINKS */
a{color:var(–mh-secondary);text-decoration-thickness:.08em;text-underline-offset:2px}
a:hover{color:var(–mh-accent)}
/* HEADINGS ACCENT RULE */
h2,h3{position:relative}
h2::after{content:””;display:block;width:64px;height:3px;background:var(–mh-accent);border-radius:2px;margin-top:.35rem}
h3::after{content:””;display:block;width:48px;height:2px;background:var(–mh-secondary);border-radius:2px;margin-top:.3rem}
/* BLOCKQUOTES */
blockquote{border-left:4px solid var(–mh-secondary);padding-left:1rem;background:var(–mh-neutral-50)}
/* NAVIGATION */
.wp-block-navigation a{color:var(–mh-primary)}
.wp-block-navigation a:hover{color:var(–mh-accent)}
.wp-block-navigation__container a{padding:.5rem .75rem;border-radius:.5rem}
.wp-block-navigation__container a:hover{background:#fdecec} /* soft accent wash */
/* GLOBAL BUTTONS (fallbacks) */
.wp-element-button,.wp-block-button__link,button,input[type=submit]{background:var(–mh-primary);color:#fff;border-radius:999px;border:2px solid var(–mh-primary);padding:.65rem 1.1rem}
.wp-element-button:hover,.wp-block-button__link:hover,button:hover,input[type=submit]:hover{filter:brightness(.95)}
/* FORMS */
input[type=text],input[type=email],input[type=url],input[type=tel],textarea,select{border:1px solid var(–mh-neutral-300);border-radius:12px;padding:.7rem 1rem}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(–mh-secondary);box-shadow:0 0 0 3px rgba(88,40,136,.15)}
“`
—
## Recommended Plugins & Settings
* **SEO:** Rank Math or Yoast; set titles/OG images per post.
* **Forms/Newsletter:** WPForms + MailerLite/Mailchimp; map to the **Subscribe** form.
* **Translate:** TranslatePress (EN + Swahili + French suggested). Add the **Menu Language Switcher** under Appearance → Menus, or use the `[language-switcher]` shortcode used in the pattern. Configure “Open only on click” if preferred (Settings → TranslatePress → Advanced).
* **Performance:** Cloudflare APO + a lightweight cache (e.g., WP Rocket or LiteSpeed if on Litespeed server).
* **Images:** Enable WebP conversion (Imagify/ShortPixel) and lazy‑loading.
* **Accessibility:** WP Accessibility Helper (audit colors/labels; keep contrast ≥ 4.5:1).
* **Security/Backups:** Wordfence + UpdraftPlus (daily database + weekly files).
—
## Content System
* **Categories:** Field Reports · Testimonies · Research & Teaching · Announcements.
* **Tags:** Nations, University, Families, Youth, Refugees, Training, Prayer, Partner Story, Event Recap.
* **Editorial rhythm:** (1) Weekly short field note; (2) Bi‑weekly testimony; (3) Monthly research brief; (4) Monthly partner spotlight.
—
## Visual Style
* **Palette:** Teal‑700 `#0f766e` (primary), Blue‑700 `#1d4ed8` (accent), Neutrals from CSS.
* **Type:** Use your theme’s defaults or pick **Inter** (headings) + **Source Sans 3** (body) via Appearance → Fonts (or a font plugin), keeping weights at 400/600/800.
—
### Launch Checklist (fast)
* [ ] Create categories & first 3 posts (Field Report, Testimony, Announcement)
* [ ] Set the **Home** page to the pattern
* [ ] Wire the **Give** button to your donation URL (WGM or GiveWP)
* [ ] Add the language switcher
* [ ] Add partner logos
* [ ] Connect the newsletter form
* [ ] Submit sitemap to Google Search Console
