Modificar el estilo de búsqueda de wordpress

Colocación sección de superficie 份 版 wordpress completado varios ajustes antes del cielo,乎 因 problemas similares para el análisis en tiempo actual después de 来 发,Dará lugar a la presentación de la función "Buscar" es un poco diferente,Además señaló que el campo de búsqueda por defecto no es demasiado agradable,Originalmente sólo quiere tomar la "búsqueda" eliminar la palabra,Internet miró a algunos de los diseños,Utilizando una presentación diferente。
 

Estilo original La modificación

modificaciones:

在 style.css 加上 下面 代码

/** Buscar gadgets **/
# entrada de s {  
ancho:190px;  
altura: 22px;  
*margen: 10px 0 0 0;  
*+margen: 10px 0 0 0;  
relleno: 1px;  
frontera:1px sólida # ccc
}  
entrada # searchsubmit {  
fondo:URL(imágenes o go.gif) no-repeat;
ancho:15px;  
altura:15px;  
frontera:ninguno;  
cursor:puntero;  
text-indent:-10000px;  
}  
.caja {  
*altura:100%;  
*+altura:100%;  
}  
.lector de pantalla de texto {  
mostrar: ninguno;  
}

¿Qué go.gif para lanzar en el directorio de temas,Parámetros en el interior se pueden ajustar según la demanda。

 


 

Además de cambiar la presentación,Llega a un lado el tema palanca superior de la columna 边 栏 边 的 从右 搜寻 retroalimentación que Wa,Esta parte puede ser implementada a través de las siguientes maneras:

Abra el tema header.php

Para encontrar la sintaxis de la columna el tema,I, para un,Se puede

<?php wp_list_pages('depth=1&title_li='); ?>

Seguido por el

<div id = "right-búsqueda"><?php get_search_form() ?></div>

接着 开启 style.css,Añadir la siguiente sintaxis

#derecha de búsqueda { margen:15px 10px 0 0; flotar:derecho; }

Ajuste de formato para seguir el valor de ajuste。Terminado,Que este:

fuente:

Cambiar el estilo de búsqueda por defecto de Wordpress Gadget | Petirrojo

Tapiz 1.5.1.2: ¿Se mueve el cuadro de búsqueda para el Top-el lado derecho del menú de la « WordPress 研究者 日记

Deja tu comentario

Por favor, tenga en cuenta: La moderación de comentarios está habilitada y puede retrasar su comentario. No hay necesidad de volver a enviar su comentario.