Se você tem um site na plataforma Wordpress, provavelmente sabe que o modelo do seu blog pode ser alterado indefinidamente, porque não há limite para a perfeição. Esta plataforma tornou-se uma ferramenta de aprendizagem rápida para o webmaster, especialmente porque a skin pode ser editada usando programas convencionais.
Necessário
- Programas:
- - Navegador de Internet Firefox;
- - addon Firebug.
Instruções
Passo 1
Muitos webmasters dizem que o navegador ideal para navegar e construir sites é um produto da Mozilla. O Firefox é talvez o único programa que suporta tantos aplicativos e add-ons. Para editar modelos em qualquer plataforma, você precisa do complemento Firebug, que permite exibir e editar quaisquer parâmetros de modelo no site.
Passo 2
Para instalá-lo, você precisa clicar no menu superior "Ferramentas" do navegador e selecionar o item "Complementos" ou pressionar a combinação de teclas Ctrl + Shift + A. Na janela que se abre, não espere o download do aplicativos recomendados para Firefox, você deve colocar o cursor no campo com o texto "Pesquisar entre os add-ons disponíveis" e introduzir o Firebug.
etapa 3
Na lista de resultados da pesquisa, clique no botão oposto ao item Firebug. Depois de baixar este complemento, o botão Reiniciar agora ficará ativo. Clique nele para aplicar as alterações. Se por algum motivo este aplicativo não aparecer nos resultados da pesquisa, vá para o site oficial da Mozilla e instale o Firebug a partir do seguinte link
Passo 4
Depois de instalar este add-on, um pequeno ícone com uma imagem de besouro aparecerá na parte inferior da janela do navegador, clique nele - o add-on ficará ativo. Por exemplo, se você deseja alterar a exibição de links na página inicial do seu site, para localizar o código deste elemento na janela "bug", que é dividida em 2 partes, você deve selecionar alternadamente Html e Estilo. Agora, em uma parte da janela, o código html será exibido, em outra parte o código dos arquivos style.css estará visível.
Etapa 5
No bloco html, navegue pelo arquivo, clicando periodicamente nos blocos, você verá que após clicar em um dos blocos do "bug", uma seleção do mesmo bloco aparecerá na página. Dessa forma, é muito fácil encontrar um elemento editável cujo código você não conhece.
Etapa 6
Depois de encontrar o bloco de código desejado, mova o cursor para a janela adjacente (Estilo). Aqui você verá todas as opções de exibição para um determinado bloco, por exemplo, o tamanho da fonte nada mais é do que o elemento tamanho da fonte. Se você quiser aumentá-lo, adicione algumas unidades ao valor já existente. Observe que você só precisa alterar o número, a abreviatura px não deve ser tocada (designação de pixel).
Etapa 7
No mesmo bloco, preste atenção a todos os elementos, entre eles pode haver preenchimento, margion, etc. Para entender os nomes de elementos desconhecidos para você, é recomendável usar uma referência de comando online especializada - https://htmlbook.ru. Siga este link, no canto superior direito há um campo "Site Search". Digite o comando que você está procurando e pressione a tecla Enter.
Etapa 8
Você verá variações deste elemento nos resultados da pesquisa. Por exemplo, você está se perguntando o que significa o elemento de margem. Digite esta palavra no campo de pesquisa e pressione Enter. Nos resultados da pesquisa, selecione o primeiro link CSS - margem. Após acessar este link, você poderá se familiarizar com este comando e aprender tudo sobre sua aplicação.
