Création d'un thème personnalisé pour votre site HTML5 et CSS3 avec un WebsiteBaker Prebuilt Temple - les nuls

Bien qu'il soit possible de créer un template WebsiteBaker à partir de zéro pour votre site HTML5 et CSS3, ce n'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 les fonctionnalités dont vous avez besoin pour le personnaliser. De cette façon, la structure générale est déjà éprouvée, et vous avez seulement besoin de la personnaliser selon vos spécifications.

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

   Si vous n'avez pas d'autre endroit pour commencer, essayez les modèles intégrés au noyau de WebsiteBaker (en particulier Tous les CSS et Round). Modèle vierge est spécialement conçu pour la personnalisation.

2. Installez le modèle 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 qu'avec 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 nécessite un nom différent du modèle d'origine.

À ce stade, vous avez une copie du modèle d'origine, mais cette copie ne sera pas encore visible dans le CMS. Vous devez apporter quelques modifications avant que le nouveau modèle soit disponible. Avant de faire cela, jetez un oeil à la structure de fichier d'un modèle WebsiteBaker typique.

L'une des raisons pour lesquelles WebsiteBaker est génial est la simplicité relative de la structure du modèle par rapport aux autres CMS. Le répertoire contient un nombre relativement petit de fichiers:

• index. php: Ce fichier PHP est le fichier de base utilisé comme base de chaque page du système. C'est essentiellement une page HTML avec quelques fonctions PHP spéciales intégrées. Vous pouvez éditer n'importe quel HTML que vous souhaitez, et les changements qui en résultent seront reflétés dans chaque page du site.

• info. php: Ce simple fichier PHP contient un certain nombre de variables utilisées pour contrôler le comportement global du template. Vous apporterez quelques modifications à ce fichier pour donner un nom officiel à votre modèle.

• layout_setup. css: Ce fichier CSS décrit le CSS utilisé 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 CSS de grande taille.

• layout_text. css: Ce fichier CSS est utilisé pour définir les styles des différents éléments de texte du site.Si vous recherchez une classe qui n'est pas définie dans layout_setup. css, vous pouvez le trouver ici. Remarque: Les noms des fichiers CSS peuvent changer dans d'autres modèles, mais il y aura au moins un fichier CSS.

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

• répertoire images: Souvent, un template inclura 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 recherchez.

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 un index. php et info. php. Vous aurez presque toujours au moins une page CSS. Vous pouvez avoir tout ce que vous souhaitez dans le modèle, mais rien d'autre n'est absolument nécessaire.