Suporte » Temas » Começando no Layout WP

  • Resolvido leonardo-miranda

    (@leonardo-miranda)


    Olá pessoal, estou aqui neste fórum para ter uma ajuda.

    Acabei de montar um layout no Photoshop do index, acho que todas as páginas seguem o mesmo “estilo” só alterando o conteúdo certo?
    Só que agora preciso colocar ele para “funcionar” certo?

    Gostaria de umas dicas ou um passo-passo para como fazer isso.

    Por favor tenham paciência comigo =) hehehe

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Catia Kitahara

    (@catiakitahara)

    Leonardo,

    Agora que você já tem seu layout pronto, você precisa montar o html dele. Esse é o primeiro passo. Nessa fase, não se preocupe muito com o WordPress. Monte como você faria qualquer outro site, mas já tenha em mente que o seu layout é considerado um “tema” do WP. Por isso os arquivos devem ser salvos em uma pasta com o nome que você dará a esse tema (ex.: meu-tema), dentro da pasta wp-content/themes. Aconselho que vc monte seu html separando o conteúdo do design, ou seja, use folhas de estilo para determinar a aparência e já salve esse arquivo como style.css, que esse é o padrão do WP.
    Depois de montar o html, você vai precisar dividi-lo em arquivos correspondentes aos templates padrão do WordPress, que basicamente são os seguintes:

    • header.php – cabeçalho da sua página. Inclua aqui o header do html até a parte do body que vc considera o topo e que permanecerá igual em todas as páginas do site.
    • index.php – o miolo onde vai o conteúdo do site, propriamente dito. É aqui que vai entrar o loop do seu site.
    • sidebar.php – a barra lateral em que geralmente entra a lista de categorias.
    • footer.php – o rodapé do seu site.

    Depois dessa etapa você deve começar a inserir as tags do WP.

    Esse é um passo-a-passo bem genérico. Há esse tutorial no pBlog que recomendo que você leia. E ainda essa página do codex, caso você entenda inglês.

    tiagomx

    (@tiagomx)

    Leonardo, em forma de referendar e recomendar tudo que a Cátia sugeriu, gostaria de complementar com este ótimo guia de consulta rápida do WPcandy em português.

    É um documento em PDF com várias tags e referências para o desenvolvimento de temas em WP. Vale a pena.

    http://www.wpthemesgallery.com/downloads/WordPress-Help-Sheet_pt_BR.pdf

    Bom trabalho e não esqueça de enviar o endereço para vermos.
    Um abraço.

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Começando no Layout WP’ está fechado para novas respostas.