Este es el código para un buscador general en tu WordPress:
<form action="/?s=" method="get" style="display: flex; align-items: center;">
<label for="search" style="font-weight: bold; margin-right: 10px;">Buscar:</label>
<input id="search" name="s" style="flex: 1; margin-right: 10px;" required>
<input>
</form>
Explicación del código:
- style="display: flex; align-items: center;": Utiliza Flexbox para alinear los elementos en una sola línea y centrar verticalmente.
- style="font-weight: bold; margin-right: 10px;": Aplica negrita al texto de la etiqueta y añade un margen a la derecha para separar el texto del campo de entrada.
- style="flex: 1; margin-right: 10px;": Hace que el campo de texto ocupe el espacio disponible y añade un margen a la derecha para separar el campo del botón de búsqueda.
Instrucciones para usar el código:
- Agregar a un widget: Ve a "Apariencia" > "Widgets" en el panel de administración de WordPress. Agrega un widget de "Texto" y pega el código HTML en el área de contenido.
- Agregar a una plantilla: Si quieres que el buscador aparezca en una plantilla específica, edita el archivo de plantilla correspondiente (por ejemplo, header.php, sidebar.php, etc.) y pega el código en el lugar donde deseas que aparezca el buscador.
- Utilizar un bloque de HTML Puro: si tu plantilla te lo permite, añade ahí directamente el código HTML
Fuente. Foro Puntocomunica.com