Modificar o estilo de busca wordpress

Seção de superfície colocação 份 版 wordpress completou vários ajustes antes do céu,乎 因 problemas semelhantes para o tempo de análise atual depois 来 发,Conduzirá à apresentação do "Search" função é um pouco diferente,Observou ainda que o campo de busca padrão não é muito agradável,Originalmente só quer ter a "busca" eliminar a palavra,Internet parecia menos uma parte do desenho,採用了不一樣的呈現方式
 

Estilo original O modificado

修改方式

Adicione o seguinte código no style.css

/** Search Gadget **/
entrada # s {  
largura:190px;  
altura: 22px;  
*margem: 10px 0 0 0;  
*+margem: 10px 0 0 0;  
acolchoamento: 1px;  
fronteira:1px solid # ccc
}  
entrada # searchsubmit {  
fundo:url(imagens / go.gif) sem repetir;
largura:15px;  
altura:15px;  
fronteira:nenhum;  
cursor:apontador;  
text-indent:-10000px;  
}  
.caixa {  
*altura:100%;  
*+altura:100%;  
}  
.tela-leitor-texto {  
exibir: nenhum;  
}

Qual go.gif para jogar sob o diretório de temas,裡頭的參數可以依需求調整

 


 

Além de modificar a apresentação,Chega ao topo de uma coluna lateral shifter tema 边 栏 边 的 从右 搜寻 comentários Wa nós,這部份可透過下面方式實作

Abra o tema header.php

Para encontrar a sintaxe da coluna tema,Eu, por exemplo,Ele pode

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

Seguido pelo

<div id = "right-search"><?php get_search_form() ?></div>

接着 开启 style.css,Adicionar a seguinte sintaxe

#direito de busca { margem:15px 10px 0 0; flutuar:direito; }

設定值可依版面調整。Acabado,會變成這樣

資料來源

Alterar o padrão Wordpress estilo gadgets pesquisa | Robin

Tapeçaria 1.5.1.2: Moverá a caixa de pesquisa para o Top-do lado direito do menu « WordPress 研究者 日记

Deixe um comentário

Por favor, note: Comentário moderação é ativado e pode atrasar o seu comentário. Não há necessidade de reenviar o seu comentário.