ti-enxame.com

Como criar um novo tema a partir do zero?

Eu sou novo no WordPress.

Quais etapas eu precisaria fazer para implementar meu novo design como um tema WordPress?

5
googletorp

Uma alternativa para uma estrutura de tema "skinnable" como Carrington (que de fato é incrível) é integrar um design que você fez do zero. Foi assim que aprendi a criar temas personalizados do WordPress. Nota: este é um método hacky que envolve muita experimentação. Mas se você é como eu e aprende melhor quando está brincando com as mãos, isso pode te ensinar muito.

BTW, eu assumo que você sabe HTML, CSS e PHP. Caso contrário, o conhecimento prático dessas tecnologias seria necessário para criar um novo tema a partir do zero. O conhecimento prático de LAMP também é útil.

  1. Primeiro, construa seu design em código estático: HTML e CSS. Certifique-se de que é compatível com vários navegadores e inclui todos os elementos que um blog WordPress usaria (por exemplo, comentários, páginas de arquivo, etc.). Além disso, coloque todo o código CSS em um único arquivo chamado "style.css" e verifique se todas as referências de arquivos externos (para CSS, imagens, JS, etc.) usam URLs relativos, não URLs absolutos.

  2. Obtenha o WordPress em execução na sua máquina local. Isso exigirá a instalação do Apache, PHP e MySQL no seu desktop ou laptop. Se você estiver usando o Windows, o WampServer é uma solução interessante. Se você estiver usando um Mac, MAMP funciona bem também. Em seguida, instale o WordPress.

  3. Abra os arquivos para o tema padrão que vem com o pacote de instalação do WordPress. Está na pasta/wp-content/themes/default /. Este tema provavelmente tem mais arquivos do que você precisa. Como alternativa, você também pode começar com o tema Clássico, que tem menos arquivos de tema, em/wp-content/themes/classic /, é claro. BTW: o tema padrão é selecionado por padrão (duh), mas se você quiser começar com o tema clássico, certifique-se de ativar esse tema dentro do WP admin, para que você possa ver como ele se parece.

  4. Em seu navegador, mantenha a seção Desenvolvimento de Tema do WordPress Codex aberta. Você precisará disso com muita frequência. Na Lista de Arquivos de Modelo , você verá como essa lista mapeia os arquivos que você vê no tema Padrão (ou Clássico). Alguns arquivos de tema são obrigatórios, outros não.

  5. Dependendo do tipo de pessoa que você é, você pode agora começar a mexer com os arquivos de tema e ver o que funciona, o que quebra, etc. Você pode até mesmo começar a mover partes de seu próprio design para este tema. Ou, você pode ler atentamente as instruções de Desenvolvimento de Tema (a informação sobre O Loop é especialmente importante), então volte e muck com os arquivos.

Quando comecei a fazer isso, muitas coisas iriam quebrar. Não se preocupe se isso acontecer, é por isso que você está fazendo isso em sua própria máquina local e não em um site público. As quebras são parte da diversão de aprender.

Eventualmente, você poderá mover lentamente partes de seu HTML e CSS para o tema Padrão ou Clássico e, em seguida, executar tudo. É quando você vai se formar de um n00b para um aprendiz.

E depois disso, você poderá mover partes do código PHP (que são WordPress ' Tags de Modelo ) para fora do tema Padrão ou Clássico, e para o seu HTML É quando você se formará para um Journeyman.

(Eu considero um Senior Journeyman alguém que pode escrever seus próprios widgets, plugins e temas com grande facilidade. E um Mestre, bem, nesse momento, você está contribuindo de volta para o WordPress Core. Eu definitivamente não sou isso.)

Eu espero que isso ajude.

11
Mike Lee

Você poderia usar um tema "inicial", como Starkers , que fornece uma base para construir seu próprio tema. Há uma funcionalidade mínima no lugar, então você tem que fazer algum trabalho sozinho.

Outra opção é usar uma estrutura de tema, que contém muitas funcionalidades básicas comuns que você pode simplesmente usar. As opções incluem Carrington e Genesis .

Eu recomendo começar com Starkers, o que irá forçá-lo a aprender sobre tags e funções do WordPress. Então você pode usar uma estrutura para acelerar o trabalho posterior.

Além disso, para recursos sobre o desenvolvimento de temas, você pode querer examinar as respostas desta questão .

3
Grant Palin

Você pode começar seu próprio tema a partir do zero ou você pode usar estruturas de temas existentes, como a temática ( http://themeshaper.com/thematic/ ) e desenvolver o seu tema. tema em torno deles. Se você quer desenvolver o tema inteiro do zero http://codex.wordpress.org/Theme_Development e outros recursos como o Wordpress Codex podem provar ser muito útil. http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/ é também um ótimo tutorial sobre criação de temas para Wordpress para iniciantes.

0
User

Eu começo sempre com WPBasis como tema de início e escrever plugins e tema para os requisitos do cliente - isso é tudo

0
bueltge