Adicionar uma caixa de pesquisa para o design do seu blog em wordpress

Video: Tutorial Como Inserir Imagem na barra lateral do wordpress

Incluindo uma caixa de pesquisa em design do seu blog é um deve ter. Os visitantes esperar para ver uma caixa de pesquisa em seu blog para que eles possam procurar posts que li anteriormente ou posts sobre um tema específico.

Alguns temas já vêm com uma caixa de pesquisa adicionado à sua disposição de projeto blog. Se não, você geralmente pode adicionar esse recurso popular para o seu blog via painel de administrador do seu blog. Por exemplo, WordPress.org oferece uma caixa de pesquisa como um widget dentro de sua área de administração do WordPress. Para adicionar uma caixa de pesquisa à sua barra lateral usando WordPress, siga estes passos:

  1. Vá para o seu dashboard WordPress.org.

  2. Escolha Aparência → Widgets.

    O Widget de Pesquisa está disponível em Disponível Widgets.

  3. Adicione o widget de pesquisa para sua barra lateral clicando no botão Adicionar ou arrastando o widget para sua barra lateral.



    A opção que você usa depende do tema. O tema vinte onze usa o botão Adicionar. Após o widget está no local desejado, você pode ajustar o título do widget de Pesquisa.

Você sempre pode adicionar um toque de personalidade ao título de sua caixa de pesquisa ou amarrar o título para os tópicos que você escrever sobre. Por exemplo, um blogueiro de alimentos poderia título de uma caixa de busca para Deliciousness.

Para personalizar a caixa de pesquisa no tema Twenty Eleven, encontrar o seguinte código no seu arquivo style.css:

entrada # s {fundo: URL (imagens / search.jpg) não-repetição 5px 6PX; -moz-fronteira de raio: 2px; fronteira de raio: 2px; fonte de tamanho: 14 px; altura: 22px; linha-altura: 1,2 em-padding: 10px 4px 4px 28px;}

Video: Adobe muse CC - Inserir caixa de pesquisa em sites

Como personalizar sua caixa de pesquisa realmente depende de suas preferências de design. Você pode querer alterar a altura da caixa de pesquisa ou alterar o tamanho da fonte. Além de ajustar esse código, você também pode adicionar a ele. Por exemplo, adicionar background-color: gray antes do colchete de fechamento (}) faz com que o interior do cinza caixa de pesquisa.

Se o seu blog é novo, considerar não adicionando uma caixa de pesquisa até que você tenha alguns posts em seu cinto. Caso contrário, você pode deixar os visitantes desapontados quando a pesquisa após pesquisa não retorna nenhum conteúdo.


Publicações relacionadas