Make it yours
These are the exact fields you’ll see in Appearance → WP Documentation → Customize.
| Option Name | Field Key | Type | Default Value | What It Actually Controls |
|---|---|---|---|---|
| Docs Home Hero Layout | docs_home_hero_layout | Select | searchbar | Hero section of documentation homepage |
| Docs Home Grid Card Style | docs_home_grid_card | Select | informative | How documentation cards appear on the homepage grid |
| Single Doc Layout | single_doc_layout | Select | default | Overall layout of individual documentation pages |
| Docs Home FAQ Layout | docs_home_faq_layout | Select | default | Appearance of the FAQ section on the homepage |
| Default Color Scheme | default_color_scheme | Select | auto | Light / Dark / Auto for the entire site |
| Primary Color | primary_color | Color Picker | #31358A (deep indigo) | Main accent color in light mode |
| Primary Color (Dark Mode) | primary_color_dark_mode | Color Picker | #6f73cc (lighter indigo) | Main accent color when dark mode is active |
| Footer Copyright Text | footer_copyright | WYSIWYG | © {year} Your Company | Text shown at the very bottom of every page |
In-Depth Explanation of Each Option
Docs Home Hero Layout Choices: searchbar · hero · minimal
- searchbar → Big centered search box (best for large docs – what this demo uses)
- hero → Large title + description + button (great for marketing-style landing pages)
- minimal → Just your logo and navigation (super clean)
Docs Home Grid Card Style Choices: informative · compact · icon
- informative → Title + excerpt + icon (default – most readable)
- compact → Title only, tight grid
- icon → Large colorful icons, very visual
Single Doc Layout Choices: default · wide · minimal · stacked
- default → Sidebar on left, content on right (classic docs look)
- wide → Full-width content, sidebar collapses on mobile
- minimal → No sidebar at all (great for simple guides)
- stacked → Sidebar becomes top horizontal navigation on desktop
Docs Home FAQ Layout default = accordion style compact = smaller cards in a grid – saves space
Default Color Scheme auto = respects visitor’s OS preference (recommended) light / dark = forces one mode site-wide
Primary Color + Primary Color (Dark Mode) Used for links, buttons, active sidebar items, callout borders, etc. Pick a color that looks great on white and on true black.
Footer Copyright Text: Made with ❤️ by RedOxbird