Comment construire un thème personnalisé pour votre HTML5 et CSS3 site avec un temple WebsiteBaker de prebuilt

Bien qu'il soit possible de construire un modèle de WebsiteBaker à partir de zéro pour votre site web HTML5 et CSS3, il est généralement pas une bonne idée. Il est beaucoup plus intelligent de commencer avec un modèle qui est proche et d'ajouter ces fonctionnalités, vous devez faire votre propre. De cette façon, la structure générale est déjà prouvé, et il vous suffit de le personnaliser selon vos spécifications.

1. Trouver un modèle de départ que vous aimez.

   Si vous ne disposez pas d'un autre endroit pour commencer, essayez les modèles intégrés dans le noyau de WebsiteBaker (surtout Tous CSS et ronde). Blank Template est spécialement conçu pour la personnalisation.

2. Installez le template sur votre système local.

   Il est beaucoup plus facile de travailler avec un modèle sur votre système local que sur un serveur distant.

3. Localisez la copie locale du modèle.

   Normalement, les modèles sont stockés dans le répertoire de votre serveur. Chaque modèle aura son propre dossier.

4. 
   
   
   
   

   Copiez le dossier du modèle que vous souhaitez modifier.

   Il est généralement plus intelligent de travailler avec une copie plutôt que l'original. Collez le dossier copié dans le répertoire des modèles.

5. Renommez le nouveau dossier pour refléter votre nouveau nom de modèle.

   Votre nouveau modèle a besoin d'un nom différent de celui du modèle d'origine.

À ce stade, vous avez une copie du modèle original, mais cette copie ne sera pas encore reflétée dans le CMS. Vous avez besoin de faire quelques changements avant que le nouveau modèle est disponible. Avant de faire cela, jetez un oeil à la structure de fichier d'un modèle de WebsiteBaker typique.

Une des raisons est WebsiteBaker grande est relativement simple comment la structure du modèle est comparée à d'autres CMS. Le répertoire contient un nombre relativement faible de fichiers:

• index.php: Ce fichier PHP est le fichier de base qui est utilisé comme fondement de chaque page dans le système. Il est essentiellement une page HTML avec quelques fonctions PHP spéciales intégrées. Vous pouvez modifier tout le code HTML que vous souhaitez, et les changements qui en résultent sera reflété dans chaque page du site.

• info.php: Ce simple fichier PHP contient un certain nombre de variables utilisées pour contrôler le comportement d'ensemble du modèle. Vous allez faire quelques changements dans ce fichier pour donner à votre modèle un nom officiel.

• layout_setup.css: Ce fichier CSS décrit le CSS utilisée pour la conception globale de la page. Vous pouvez modifier le contenu de ce fichier CSS pour changer les couleurs de police ou d'autres grand-image CSS.

• layout_text.css: Ce fichier CSS est utilisé pour définir les styles des différents éléments de texte dans le site. Si vous êtes à la recherche pour une classe qui ne sont pas définis dans layout_setup.css, vous pouvez le trouver ici. Note: Les noms des fichiers CSS peuvent changer dans d'autres modèles, mais il y aura au moins un fichier CSS.

• editor.css: Ce fichier est utilisé pour modifier l'éditeur WYSIWYG interne. Il décrit comment les différents éléments sont affiché dans l'éditeur.

• répertoire images: Souvent un modèle comprendra un certain nombre d'images. Ceux-ci sont stockés dans un sous-répertoire pour plus de commodité. Vous devrez peut-être modifier certaines de ces images pour créer le look que vous allez pour.

Certains modèles sont plus complexes, d'autres moins. Vraiment, vous pouvez avoir autant ou aussi peu de fichiers que vous le souhaitez. Vous aurez toujours besoin d'avoir index.php et info.php. Vous ont presque toujours au moins une page CSS. Vous pouvez avoir tout ce que vous souhaitez dans le modèle, mais rien d'autre est absolument nécessaire.