Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel de SPIP 3.1

Comprendre le head.html

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Le squelette head.html contient tous les éléments communs de l'élément <head> de tous les squelettes.
03:43

Transcription

Dans cette séquence, nous allons étudier la structure du squelette head.html qui va contenir tous les éléments communs de l'élément HTMLhead, pour tous les autres squelettes. Pour éditer ce squelette, vous pouvez utiliser un éditeur de texte ou un éditeur de code. Vous pouvez par exemple sous Mac, utiliser TextWrangler qui est gratuit, et sous Windows, Edit++ qui est tout aussi gratuit. Voici la structure de notre élément head.html La première ligne contient un commentaire, une remarque dans le langage SPIP. Vous voyez que c'est conditionnel, puisque nous avons un crochet ouvert et un crochet fermant. Et nous avons entre parenthèses, la balise spécifique #REM. Et derrière, vous pouvez indiquer tout ce que vous souhaitez, ceci est très pratique pour commenter vos squelettes. Dans l'élément HTML head, nous allons trouver un certain nombre d'éléments qui seront communs à tous les squelettes. Nous avons d'abord l'encodage des caractères. Eh bien l'encodage des caractères va utiliser le paramètre qui est spécifié dans l'administration du site, et ce paramètre, nous allons pouvoir le récupérer avec la balise générale qui s'appelle, vous voyez, #CHARSET. Ensuite dans l'élément Title, nous voulons récupérer le nom du site SPIP avec la balise NOM_SITE_SPIP. Et voyez que nous lui appliquons un filtre textebrut, pour éviter toute mise en forme éventuelle HTML. Alors le pipe, sous Mac c'est ALT MAJUSCULE et L, sous Windows, c'est alt gr et le chiffre 6 sur le clavier alphanumérique. Ensuite pour la balise meta description, eh bien nous allons utiliser le contenu du champ descriptif de notre site SPIP. Là encore, avec l'utilisation de la balise #DESCRIPTIF_SITE_SPIP. Et nous allons appliquer deux filtres. Le premier filtre va permettre de couper le nombre de caractères à 150. Et enfin, le deuxième va permettre là encore, de ne récupérer que le texte brut, si jamais il y a de la mise en forme. Donc ce descriptif du site, vous allez le retrouver dans l'administration de votre site. Menu configuration, identité du site donc là on a le nom du site, et là on a le descriptif. Ensuite, pour la mise en forme du site d'exemple que je vous propose eh bien, pour plus de facilité, j'ai utilisé le framework CSS Foundation. Nous allons donc devoir forcément lier les fichiers CSS de ce framework à tous les squelettes de notre site, d'où l'intérêt de le mettre dans ce squelette commun. Le chemin d'accès à notre squelette est déterminé par la balise #CHEMIN. Et ensuite, nous avons le chemin absolu au fichier CSS de Foundation. Si je reviens dans la structure de mon site, nous avons bien ici le dossier CSS, et le fichier foundation.min.css Et nous pouvons aussi personnaliser le framework CSS avec notre propre fichier CSS qui s'appelle app.css Vous voyez que la structure reste la même. Donc voilà comment est structuré notre squelette commun head.html, puisqu'il va contenir tous les éléments communs pour tous les autres squelettes.

L'essentiel de SPIP 3.1

Apprenez à installer SPIP et à configurer ensuite le site web créé. Voyez comment gérer les contenus rédactionnels, les médias, les utilisateurs ainsi que leurs droits, etc.

3h10 (54 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
CMS
Spécial abonnés
Date de parution :11 févr. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !