Tribune web « Contenus et fonctionnalités « CMS «
yacs : comment personnaliser le design et l'apparence d'un site yacs
Ceci est une ébauche d'article à compléter
Il existe de nombreuses options pour personnaliser le design et l'apparence d'un site yacs.
Choisir un skin pré-installé
yacs fournit plusieurs habillages (skins en anglais) en option. Vous pouvez alterner d'un à l'autre en quelques clics et, sans changer une virgule au contenu, le site prendra une toute autre apparence.
en tant qu'associé, accédez au panneau de contrôle
sous le titre Panneaux de configuration (ou dans la boîte Modules, sur le côté), cliquez sur Styles
5 habillages sont pré-installés :
- alfresco
- boxesandarrows
- digital
- joi
- skeleton (l'habillage par défaut)
pour chacun, vous pouvez choisir dans le menu de :
Télécharger un nouveau skin
Les fichiers de skin peuvent être partagés par ceux qui les créent. Pour installer facilement un skin complet (comme grigloo, le skin de 360kmh.com), procédez de la façon suivante.
téléchargez le dossier du skin sur votre ordi sans le décompresser
en tant qu'associé, accédez au panneau de contrôle et cliquez sur Styles
dans le menu sous le titre de la page, cliquez sur Télécharger un nouveau style
je n'ai pas testé la suite (en fait, j'ai testé un zip qui ne fontionne pas !)
Dériver son propre skin
Vous pouvez créer votre propre habillage personnalisé, en supplément de ceux qui sont pré-installés, et c'est ridiculement facile.
en tant qu'associé, accédez au panneau de contrôle et cliquez sur Styles
choisissez un habillage pré-installé qui vous servira de base et cliquez sur Dériver ce style
sur la page suivante, à l'étape 2, donnez un nom à votre nouveau style (par exemple monstyle) et cliquez sur Copier et transcoder les fichiers
en quelques secondes, tous les fichiers du style de base sont recopiés dans un autre dossier portant le nom que vous avez donné
cliquez sur Utiliser ce style au bas de la page qui confirme que la copie est effectuée
note : on ne voit pas de différence entre le nouveau style et le style de base puisque c'est une copie identique; toutefois, à partir de maintenant, on peut modifier à volonté le nouvel habillage, avec l'assurance que les changements ne seront pas écrasés par une mise à jour et qu'on pourra toujours retourner au style de base (ne serait-ce que pour comparer avec les changements faits dans le nouveau skin)
tous les fichiers nécessaires au nouvel habillage se trouvent dans le dossier
pour plus de détails sur la modification de ces éléments, consultez les rubriques ci-dessous Modifier la feuille de style et Modifier les scripts PHP.
Modifier les options de rendu visuel
Tout de suite après l'installation de yacs, ou en tout temps par la suite, vous pourrez vouloir modifier ces réglages.
en tant qu'associé, accédez au panneau de contrôle
sous le titre Panneaux de configuration (ou dans la boîte Modules, sur le côté), cliquez sur Rendu visuel
sous le titre Meta-information, on peut modifier tous les champs, et notamment :
sous le titre Options générales de rendu visuel, on peut contrôler les boîtes de côté :
à compléter
sous le titre La page d'accueil, les options sont nombreuses et importantes :
Ajouter du contenu
Modifier la feuille de style
Modifier les scripts PHP
yacs fournit plusieurs habillages (skins en anglais) en option. Vous pouvez alterner d'un à l'autre en quelques clics et, sans changer une virgule au contenu, le site prendra une toute autre apparence.
- tester ce style : ce qui vous mène à une page d'exemple du rendu visuel de différents éléments configurables sur le site
- utiliser ce style : et remplacer celui que vous aviez jusque là
- modifier ce style : ce qui vous donne accès aux 3 principaux fichiers que vous pourriez vouloir modifier pour personnaliser ce style
( note : ne modifiez pas un style pré-installé, vous perdriez vos modifications à la prochaine mise à jour, réservez cette opération à un style que vous aurez dérivé vous-même) - dériver ce style : sûrement l'option la plus intéressante, décrite en détail dans la partie suivante.
Les fichiers de skin peuvent être partagés par ceux qui les créent. Pour installer facilement un skin complet (comme grigloo, le skin de 360kmh.com), procédez de la façon suivante.
Vous pouvez créer votre propre habillage personnalisé, en supplément de ceux qui sont pré-installés, et c'est ridiculement facile.
cliquez sur Utiliser ce style au bas de la page qui confirme que la copie est effectuée
note : on ne voit pas de différence entre le nouveau style et le style de base puisque c'est une copie identique; toutefois, à partir de maintenant, on peut modifier à volonté le nouvel habillage, avec l'assurance que les changements ne seront pas écrasés par une mise à jour et qu'on pourra toujours retourner au style de base (ne serait-ce que pour comparer avec les changements faits dans le nouveau skin)
skins/monskin et comportent notamment les éléments suivants qu'il est possible de modifier :
- la feuille de style
monskin.css - la feuille de style
nicetitle.css - le fichier
template.php - le fichier
skin.php - un dossier
imagesqui contient plusieurs images utilisées dans le rendu visuel - un dossier
iconsqui contient d'autres images de rendu visuel
pour plus de détails sur la modification de ces éléments, consultez les rubriques ci-dessous Modifier la feuille de style et Modifier les scripts PHP.
Tout de suite après l'installation de yacs, ou en tout temps par la suite, vous pourrez vouloir modifier ces réglages.
- périodicité habituelle des mises à jour : pour contrôler l'affichage des icônes "new" et "updated" à côté de des pages créées ou modifiées
- en-tête (head) : pendant la période de développement et de test, on peut empêcher Google et les autres robots d'indexer le site en ajoutant ici le code suivant
<meta name="robots" content="noindex, nofollow" />[flag]n'oubliez pas d'enlever ce code si vous voulez que le site soit référencé[flag]
à compléter
- page de couverture : pour afficher un article de couverture (un seul) que vous créez à partir de la carte du site (vue en tant qu'associé), sous Couvertures dans les Sections spéciales visibles seulement par les associés) Note : on peut créer et conserver plusieurs articles de couverture mais on ne peut en afficher qu'un seul
- modifier la boîte de "Menu"
- supprimer la section par défaut "Articles"
