Every search bar can be tuned on its own using shortcode attributes. Combine as many as you need.
Appearance attributes:
- placeholder: the grey prompt text inside the bar. Example placeholder="Find a training..."
- width: the maximum width, any CSS width. Example width="100%"
- align: left, center or right. Example align="center"
- style: default, minimal or square. Example style="minimal"
- accent: the highlight and focus colour as a hex value. Example accent="#0d6efd"
- font: a font family for this bar. Example font="Georgia, serif"
- class: your own CSS class for custom targeting. Example class="hero-search"
Behaviour attributes:
- autofocus: set to 1 to focus the bar when the page loads
- types: limit this bar to certain content types by slug. Example types="page,ai_bot"
- categories: limit this bar to certain categories by slug. Example categories="traffic,email"
- group: override grouping for this bar, using type, category or none
- limit: the maximum number of results for this bar
- images: on or off, to show or hide thumbnails on this bar
- excerpt: on or off, to show or hide the description line
A full example:
- [results_ai_search types="ai_bot" group="none" accent="#0284c7" style="minimal" placeholder="Search 70+ AI bots..."]
That gives you a minimal blue search bar that only ever finds AI bots and shows them as one flat list.
Where do I find a type or category slug?
Content Sources shows each type's slug in small grey text under its name. Category slugs are shown in the WordPress Categories screen.