Como construir um tema personalizado para o seu html5 e css3 site com um templo websitebaker pré-construídos

Embora seja possível construir um modelo WebsiteBaker a partir do zero para o seu site HTML5 e CSS3, geralmente não é uma boa idéia. É muito mais inteligente para começar com um modelo que está perto e adicionar os recursos que você precisa para torná-lo seu próprio. Dessa forma, a estrutura geral já está comprovada, e você só precisa de personalizá-lo com suas especificações.

1. Encontrar um modelo de começar você gosta.

   Video: 009 wordpress alterando temas e aspetos gerais

   Se você não tem outro lugar para começar, experimente os modelos integrados no núcleo WebsiteBaker (especialmente All CSS and Round). Molde em branco é especialmente concebido para personalização.

2. Instalar o modelo em seu sistema local.

   Video: Temas wordpress lançamentos

   É muito mais fácil trabalhar com um modelo em seu sistema local do que em um servidor remoto.

3. Localize a cópia local do modelo.

   Normalmente, os modelos são armazenados no diretório do seu servidor. Cada modelo terá sua própria pasta.

4. Copie a pasta do modelo que você deseja modificar.

   Em geral, é mais inteligente de trabalhar com uma cópia em vez do original. Cole a pasta copiada no diretório templates.

5. Mudar o nome da nova pasta para refletir seu novo nome do modelo.

   Video: 3..- Curso Basico HTML5 etiquetas Parte 2 (Audio y Video)

   
   
   
   

   O novo modelo precisa de um nome diferente do que o modelo original.

Neste ponto, você tem uma cópia do modelo original, mas esta cópia não será refletida no CMS ainda. Você precisa fazer algumas mudanças antes que o novo modelo está disponível. Antes de fazer isso, dê uma olhada na estrutura de um modelo WebsiteBaker típico arquivo.

Uma das razões WebsiteBaker é grande é como relativamente simples a estrutura do modelo é comparado a outros CMSs. O diretório contém um número relativamente pequeno de arquivos:

• index.php: Este arquivo PHP é o arquivo básico que é usado como a base de todas as páginas no sistema. É essencialmente uma página HTML com algumas funções PHP especiais construídas dentro. Você pode editar qualquer um dos HTML desejar, e as mudanças resultantes serão refletidas em todas as páginas do site.

• info.php: Este arquivo PHP simples contém uma série de variáveis ​​usadas para controlar o comportamento global do modelo. Você vai fazer algumas alterações neste arquivo para dar o seu modelo de um nome oficial.

• layout_setup.css: Este arquivo CSS descreve o CSS usado para o design geral da página. Você pode alterar o conteúdo deste arquivo CSS para alterar as cores de fonte ou outra CSS grande-retrato.

• layout_text.css: Este arquivo CSS é usado para definir os estilos dos vários elementos de texto no site. Se você está procurando uma classe que não está definido no layout_setup.css, você pode encontrá-lo aqui. Nota: Os nomes dos arquivos CSS pode mudar em outros modelos, mas haverá pelo menos um arquivo CSS.

• editor.css: Este arquivo é usado para modificar o editor WYSIWYG interno. Ele descreve como elementos de vários são exibidos no editor.

• diretório de imagens: Muitas vezes, um modelo irá incluir uma série de imagens. Estes são armazenados em um subdiretório por conveniência. Pode ser necessário alterar algumas dessas imagens para criar o olhar que você está indo para.

Alguns modelos são mais complexas, outras nem tanto. Realmente, você pode ter tantos ou tão poucos arquivos que você deseja. Você sempre precisa ter index.php e info.php. Você vai quase sempre têm pelo menos uma página CSS. Você pode ter qualquer outra coisa que você deseja no modelo, mas nada mais é absolutamente necessário.