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.

Joomla! : Optimisation du référencement

Séparer le contenu du contenant

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Évitez de surcharger les contenus et les textes de code de formatage. Créez une substitution du fichier CSS de votre template.

Transcription

Nous venons de voir qu'il était bon de séparer le contenu du contenant mais il se peut que quelqu'un d'autre que vous s'occupe des mises à jour. Et il y a des personnes, j'en ai vu, qui aime mettre des couleurs. Bleu, vert, rose sur le texte, d'utiliser des soulignements un peu partout et d'ajouter du code CSS dans le contenu. Ce qui n'est pas très bon pour l'indexation des pages. Nous allons voir comment utiliser les surcharges dans Joomla pour définir des styles de façon précise. Et limiter les outils, dans la barre d'édition pour les personnes qui auraient tendance à faire de la mise en forme de tous les mots ou presque. Cela est possible avec l'excellent éditeur JCE que nous venons d'installer. Donc, on a une barre d'outil assez complète, ici. Et le but, c'est d'éliminer un peu tous les outils, tous les boutons qui servent à faire de la mise en forme mais qui ne serait pas nécessaires puisqu'on va déléguer ça aux fichiers CSS. Alors, pour cela, je vais fermer cet article ici, et dans composant, nous allons retrouver ici JCE Administrator, avec ici, le bouton qui permet de gérer les profils. Dans la gestion de JCE Administrator, nous avons déjà des profils prédéfinis. Vous pouvez en créer autant que vous voulez. Nous allons voir ici le profil bloggeur, qui n'est pas activé mais on pourrait l'activer. Et ici, dans l'onglet barre d'outils, eh bien, il y la possibilité d'ajouter ou d'enlever en faisant simplement un glisser/déplacer des outils qui seraient superflus. Et nous allons mettre en forme grace aux surcharges CSS. Alors, revenons ici sur une des pages du site. Là, par exemple, nous avons un titre on aimerait un peu changer son style. Et soit avec Firebug et si vous n'avez pas Firebug installé, notamment dans Firefox, vous pouvez, quelque soit votre navigateur, examiner l'élément pour savoir les balises qu'on va pouvoir modifier. Ici, notre texte est encadré par une balise H1 et ici, on a le code CSS au niveau de la police, des tailles et sûrement de la couleur. Nous n'allons pas modifier cette feuille de style puisqu'à la prochaine mise à jour tu template, tout ce que qu'on aura ajouté sera effacé, sera écrasé. Mais nous allons créer une surcharge. Retournons dans l'administration. Donc là, je vais annuler et dans les extensions, nous allons afficher la liste des templates. Et là, dans le menu latéral, sélectionner de nouveaux templates. Recherchons notre nouveau template actif. Il s'agit de Protostar et ici, nous allons pouvoir accéder aux détail des fichiers. Nous avons ici tous les dossiers et les fichiers de notre template. En ouvrant le fichier CSS, nous avons ce fameux fichier qui décide de toutes les règles de mise en forme de notre template. On va le surcharger, l'overhider, en anglais. Ici, on parle de substitution, c'est aussi une traduction qui est bonne. Donc pour cela, nous allons créer un nouveau fichier en cliquant sur le bouton nouveau fichier. Nous allons sélectionner le dossier dans lequel doit être créé ce fichier, ici, le dossier css. Le type de fichier, donc CSS. Là, avec Protostar, il n'y a pas trop le choix, il faut taper user comme nom de fichier. Donc ça sera un document qui va s'appeler user.css quand on va le créer. Voilà, il a bien été rajouté dans le dossier css. Et toutes les règles qu'on va rajouter dans ce fichier vont avoir la priorité par rapport à celui du template. Alors ici, on va rajouter notre code css. Voilà, on va modifier la balise H1 avec une couleur un peu verte. Nous allons enregistrer. Et voir le résultat, ici. Donc là, on n'a plus besoin de la fenêtre, en raffraichissant. Donc, tous nos titres H1, d'ailleurs on en a deux,ce qui n'est pas très bon. Il faudra faire des modifications. Tous nos titres ici, apparaissent en vert. Nous venons de voir comment personnaliser la barre d'outils de l'éditeur JCE pour les utilisateurs et surcharger le fichier CSS du template Protostar pour définir les règles de style. Alors bien-sûr, ça s'adapte aussi à tous les templates. De nombreux templates permettent cette modification de surcharge, substitution, par rapport aux fichiers css par défaut.

Joomla! : Optimisation du référencement

​Intégrez le référencement dans le processus de création de vos sites Joomla!. Augmentez la visibilité de vos pages en optimisant l’utilisation des hyperliens, balises meta, etc.

2h13 (30 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
Marketing
CMS
SEO
Spécial abonnés
Date de parution :14 avr. 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 !