The Search Page Template Builder in BlogNews allows creating a fully customized search results page with Elementor.
Instead of relying on the default WordPress search layout, it provides control over how search results are displayed, including the ability to style the search bar, arrange result listings, and add filters, ads, or custom messages.
This ensures users can quickly find the content they are looking for in a visually engaging way.
How to Create a Search Page Template
Follow these steps to build a search page template:
- Go to the WordPress Dashboard.
- In the left sidebar, navigate to BlogNews → Site Builder.
- Click the Search Page tab.
- Click Create Template to open the Elementor editor.
- Additional Template Settings:
- Edit Title Name → Rename the template title.
- Status Option → Draft, Pending Review, Private, or Published.
- Hide Title Toggle → Enable to hide the search page title.
- Page Layout Options → Default, Elementor Canvas, Elementor Fullwidth, Theme Layout.
- To display demo content inside the editor:
- Open Post Settings (gear icon at the top).
- Expand the Preview Settings panel.
- From the Preview Dynamic Content as dropdown, select Archive.
- Choose Archive Type as Search Result for preview.
- Use Elementor and BlogNews widgets (such as Search Form, Post Grid, Filters, and Ads) to design the search results layout.
- After completing the design, click Publish.
Content & Display Settings
When building the search page, Site Builder provides:
- Template Title → for identifying the search page design.
- Edit with Elementor → drag-and-drop builder for customization.
- Display Condition → apply the template to search result pages.
Styling Controls
Since the search page is designed with Elementor, all BlogNews widget styling options are available:
- Search Bar Controls: Style input fields, icons, and placeholder text.
- Result Layout: Display results in grid, list, or mixed styles.
- Box Settings: Background color/image, padding, margin, border radius, and shadow.
- Typography Settings: Customize search titles, result text, and meta info.
- Responsive Controls: Adjust layouts and spacing for desktop, tablet, and mobile..
Pro Tip
- Place a search form at the top and bottom of the page to make searching easier.
