Si vous avez un site sur la plateforme Wordpress, vous savez probablement que le modèle de votre blog peut être modifié à l'infini, car il n'y a pas de limite à la perfection. Cette plateforme est devenue un outil vite appris pour le webmaster, d'autant plus que le skin peut être édité à l'aide de programmes classiques.
Nécessaire
- Logiciel:
- - Navigateur Internet Firefox;
- - module complémentaire Firebug.
Instructions
Étape 1
De nombreux webmasters disent que le navigateur idéal pour surfer et créer un site est un produit de Mozilla. Firefox est peut-être le seul programme qui prend en charge autant d'applications et de modules complémentaires. Pour modifier des modèles sur n'importe quelle plate-forme, vous avez besoin du module complémentaire Firebug, qui vous permet d'afficher et de modifier tous les paramètres de modèle sur site.
Étape 2
Pour l'installer, vous devez cliquer sur le menu supérieur "Outils" du navigateur et sélectionner l'élément "Modules complémentaires" ou appuyer sur la combinaison de touches Ctrl + Maj + A. Dans la fenêtre qui s'ouvre, n'attendez pas le téléchargement de applications recommandées pour Firefox, vous devez placer le curseur dans le champ avec le texte « Rechercher parmi les modules complémentaires disponibles » et introduire Firebug.
Étape 3
Dans la liste des résultats de la recherche, cliquez sur le bouton en regard de l'élément Firebug. Après avoir téléchargé ce module complémentaire, le bouton Redémarrer maintenant deviendra actif. Cliquez dessus pour appliquer les modifications. Si, pour une raison quelconque, cette application n'apparaît pas dans les résultats de la recherche, accédez au site Web officiel de Mozilla et installez Firebug à partir du lien suivant
Étape 4
Après avoir installé ce module complémentaire, une petite icône avec une image de scarabée apparaîtra en bas de la fenêtre du navigateur, cliquez dessus - le module complémentaire deviendra actif. Par exemple, vous souhaitez modifier l'affichage des liens sur la page d'accueil de votre site, pour retrouver le code de cet élément dans la fenêtre "bug", qui se divise en 2 parties, vous devez alternativement sélectionner Html et Style. Maintenant, dans une partie de la fenêtre, le code html sera affiché, dans une autre partie, le code des fichiers style.css sera visible.
Étape 5
Dans le bloc html, parcourez le fichier en cliquant périodiquement sur les blocs, vous verrez qu'après avoir cliqué sur l'un des blocs dans le "bug", une sélection du même bloc apparaîtra sur la page. De cette façon, il est assez facile de trouver un élément modifiable dont vous ne connaissez pas le code.
Étape 6
Après avoir trouvé le bloc de code souhaité, déplacez le curseur vers la fenêtre adjacente (Style). Ici, vous verrez toutes les options d'affichage pour un bloc donné, par exemple, la taille de la police n'est rien de plus que l'élément font-size. Si vous souhaitez l'augmenter, ajoutez quelques unités à la valeur déjà existante. Veuillez noter qu'il vous suffit de modifier le numéro, l'abréviation px ne doit pas être touchée (désignation du pixel).
Étape 7
Dans le même bloc, faites attention à tous les éléments, parmi lesquels il peut y avoir un rembourrage, une marge, etc. Pour comprendre les noms des éléments qui ne vous sont pas familiers, il est recommandé d'utiliser une référence de commande en ligne spécialisée - https://htmlbook.ru. Suivez ce lien, dans le coin supérieur droit se trouve un champ "Recherche sur le site". Entrez la commande que vous recherchez et appuyez sur la touche Entrée.
Étape 8
Vous verrez des variations de cet élément dans les résultats de la recherche. Par exemple, vous vous demandez ce que signifie l'élément margin. Entrez ce mot dans le champ de recherche et appuyez sur Entrée. Dans les résultats de la recherche, sélectionnez le premier lien CSS - marge. Après avoir suivi ce lien, vous pourrez vous familiariser avec cette commande et tout savoir sur son application.
