Como construir um tema personalizado para o seu HTML5 e CSS3 site com um pré-construídos Temple WebsiteBaker

Embora seja possível construir um modelo WebsiteBaker a partir do zero para o seu site HTML5 e CSS3, que geralmente não é uma boa ideia. É 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 partida que você gosta.

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

  2. Instalar o modelo em seu sistema local.

    É 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 copiado no diretório de modelos.

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

    O novo modelo tem 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 na 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.

image0.jpg

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 de 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 um certo número de variáveis ​​utilizadas 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 diferentes são exibidas no editor.

  • diretório de imagens: Muitas vezes, um modelo irá incluir um número de imagens. Estas são armazenadas em um subdirectório por conveniência. Você pode precisar alterar algumas dessas imagens para criar a aparência 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ê 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.

menu