Searchbar

The page searchbar is the section below the site toolbar, containing at least the site logo and the search widget.

There are additional configuration options, like showing either the user menu, or a languages menu (provided the Translation plugin is installed). It can also show additional static content, and of course everything can be re-configured.

In the simplest form, the search bar may look like this:

The site logo on the left-hand side of the search bar can be customised:

Use the Media Manager to upload an image with the name “logo.svg”, or “logo.png”, or place a static HTML snippet with the name “sitelogo.html” in the wiki’s conf/ directory.

For more information, see: Sitelogo.

DokuWiki’s own search functionality is actually pretty good, and already for this reason it should not be hidden away but presented to visitors in the most inviting way.

The Nuropa template enhances the default search field in many ways, so that it is more appropriate to talk about a “search widget” rather than a “search field”.

This feature is described in more detail under: Search widget.

To the right of the search field, there is space for a tool widget. This is similar to the left-hand tool in the toolbar, insofar as it can be configured to hold the same tools.

For more information, see: Searchbar tools.

In the DokuWiki Configuration for this plugin, the following options are directly related to the search bar:

• Site logo – How should the site logo be displayed?
• Searchbar Tool – What tool should be shown as searchbar tool? Options are: “User information”, “Languages menu” or “Nothing”.

For more information, please see the page Settings.

In the Template Style Settings, the following options are directly related to the appearance of the search bar:

• Searchbar height – configures the minimum height of the search bar. Adjust to make more space, e.g. for the logo.
• Searchbar background colour * – Background colour for the searchbar.
• Searchbar icon colour * – Colour for icons in the searchbar.
• Searchbar link colour * – Colour for links in the searchbar.
• Searchfield fonts – Fonts that should be used for the search field.
• Search field background * – Background colour of the search field.
• Search field text colour * – Text colour in the search field.
• Search field border * – Border colour of the search field.
• Search popup background * – Background colour of the search popup.