Suporte » Temas » Editar o CSS do tema

  • Resolvido Alisson Neves

    (@alisson-neves)


    Pessoal, boa tarde

    Estou dando os primeiros passos no wordpress e gostaria de saber qual plugin ou algum software externo para ajudar a edição do CSS do tema em especifico.
    Estou tendo dificuldades para encontrar cada classe dentro do propio editor do wordpress.

    Poderiam me ajudar?

    Desde já agradeço!

    Att.

Visualizando 10 respostas - 1 até 10 (de um total de 10)
  • Moderador Míriam de Paula

    (@miriamdepaula)

    Olá meu amigo!

    Evite mexer no código do tema pelo próprio editor do WordPress, pois pode dar caca!

    Instale um editor de códigos como o Eclipse, Sublime Text, Dreamweaver ou qualquer outro editor a sua escolha.

    Baixe o seu tema para o seu PC e aí sim, faça as edições. Envie os arquivos alterados via FTP para o servidor sobrescrevendo o anterior.

    LEMBRE-SE de guardar sempre backup do site antes de qualquer modificação!

    Criador do tópico Alisson Neves

    (@alisson-neves)

    Olá Miriam obrigado pela ajuda. já baixei o sublime text aqui e estou começando as atividades nele, achei bem interessante!

    Estou com dificuldades para fazer alterações no tema, isso é normal de inicio?
    Por exemplo quero colocar umas imagens em uma das páginas que eu criei no wordpress pra esse site, porém eu não sei onde encontrar ela pra adicionar as imagens.
    Poderia me ajudar neste caso?

    Att.

    Moderador Míriam de Paula

    (@miriamdepaula)

    Olá Alisson…Basicamente o WordPress é composto por alguns arquivos template:

    Para páginas: page.php
    Para posts: single.php
    Lista de posts/ posts por categoria: archive.php, category.php
    Home: home.php, index.php ou ainda front-page.php

    Se você precisa inserir algo em uma página, você pode fazer isso no corpo de texto dessa página, através do painel administrativo ou se precisar inserir as imagens no arquivo em si, abra o arquivo page.php

    Tenta procurar por “Anatomia de um Template”, “Hierarquia de Templates” … Tenho certeza que rapidinho você pega o jeito de trabalhar com o WordPress.

    Precisando de ajuda, estaremos sempre por aqui para apoiar!

    Abs.

    Criador do tópico Alisson Neves

    (@alisson-neves)

    Olá Miriam agradeço novamente sua ajuda rsrs..
    Já consegui fazer algumas alterações em uma página aqui, estou fuçando bem rsrs.. e estou fazendo diretamente pelo Sublime Text que você me indicou, achei uma ferramenta fantástica.

    Aproveitando sua ajuda, como faço para uma imagem aparecer em apenas uma página do meu site?
    Adicionei uma imagem no meu header.php e essa imagem está aparecendo no corpo de todas as páginas do meu site.

    Desde já agradeço!

    Att.

    Moderador Míriam de Paula

    (@miriamdepaula)

    Como o arquivo header.php será usado para o cabeçalho do site inteiro, ele vai mesmo aparecer na home, nas páginas, nos posts, etc…

    Para evitar isso, você pode usar Tags Condicionais! 🙂

    por exemplo, para mostrar a imagem apenas na página “Empresa”

    <?php if( is_page('empresa') ){ echo '<img....>'; } ?>

    Saiba mais sobre as tags condicionais do WordPress visitando esta página no Codex: http://codex.wordpress.org/Conditional_Tags

    Abs.

    Criador do tópico Alisson Neves

    (@alisson-neves)

    A perfeito Mirian, me ajudou com essa sua explicação!

    Mirian, poderia me ajudar com outra dificuldade?
    Quando eu entro na minha página e pressiono F12 para inspecionar o código eu encontro muita coisa a mais do que quando no proprio template acessado pelo console do wordpress e isso ta me causando muita confusão rsrs..

    Você teria alguma dica pra resolver isso?

    Att.

    Moderador Míriam de Paula

    (@miriamdepaula)

    Alisson, é assim mesmo. Não se preocupe.

    Geralmente os temas tem várias funções que executam várias tarefas, incluindo códigos, estilos, etc… Não aparece no HTML visto pelo editor, mas no código-fonte visto pelo Inspector nós podemos ver. Relaxa!

    Abraços.

    Criador do tópico Alisson Neves

    (@alisson-neves)

    Certo.. obrigado pela resposta… mas o que você me aconselha?
    Qual melhor local fazer as alterações na página, consigo fazer com o firebug no google chrome? ou ele é apenas para visualizar o código?

    A forma que eu to fazendo, talvez seja a certa é… verifico pelo inspetor do google chrome e no canto direito tem as propriedades na maioria delas tem o local onde está aquela propriedade no código fonte do template, ai eu vou e faço a alteração.

    Está correta?

    Desde já agradeço!

    Att.

    Moderador Míriam de Paula

    (@miriamdepaula)

    Está fazendo corretamente!

    Abs.

    Criador do tópico Alisson Neves

    (@alisson-neves)

    Tkx!! 🙂

Visualizando 10 respostas - 1 até 10 (de um total de 10)
  • O tópico ‘Editar o CSS do tema’ está fechado para novas respostas.