Conseils utiles

Voir le code source de la page: Contact wikiHow

Pin
Send
Share
Send
Send


Plus d'une fois, il était nécessaire de s'assurer que différentes pages affichaient un contenu différent dans des situations où la fonctionnalité du CMS ne le permettait pas.

Par exemple, pour afficher un texte différent dans le pied de page lors de la navigation page par page ou pour empêcher le bloc de widgets dans la barre latérale d'apparaître sur une page donnée, ou pour avoir un curseur sur une page dans l'en-tête du modèle et un autre sur l'autre page. Dans de telles situations, un simple code php peut aider. J’ai décidé de le publier sous forme d’enregistrement, car c’est plus facile pour moi de voir cette note que de me rappeler chaque fois la variable responsable des pages d’URL.

Le code php suivant montre comment afficher un curseur du plug-in metaslider sur la page yoursites.ru / contacts / et, sur toutes les autres pages, un autre curseur du plugin metaslider:

Comment afficher le code de la page?

Pour afficher le code source d'une page Web, vous devez déplacer le curseur de la souris sur une zone de la page Web (à l'exception des images et des liens). Après cela, cliquez sur le bouton droit de la souris. Une fenêtre s'ouvre avec plusieurs options (dans différents navigateurs, elles peuvent légèrement varier). Dans le navigateur Google Chrome, par exemple, voici les commandes:

  • retour
  • transmettre
  • recharger
  • enregistrer sous
  • imprimer
  • traduire en russe,
  • voir le code de la page,
  • voir le code.

Nous devons cliquer sur voir le code de la page, et nous verrons le code html de la page du site.

Voir le code de la page: que chercher?

Ainsi, le code HTML de la page est une liste numérotée de lignes, chacune contenant des informations sur la fabrication de ce site. Pour apprendre rapidement à comprendre ce grand nombre de caractères et de caractères spéciaux, vous devez faire la distinction entre différentes parties du code.

Par exemple, les lignes de code à l'intérieur de la balise head contiennent des informations pour les moteurs de recherche et les webmasters. Ils ne sont pas affichés sur le site. Ici, vous pouvez voir quels mots-clés cette page promeut, comment son titre et sa description sont écrits. Vous pouvez également trouver un lien ici, en cliquant sur lequel nous découvrons la famille de polices Google utilisée sur le site.

Si le site est créé sur un système de gestion de contenu WordPress ou Joomla, il sera également visible ici. Par exemple, cette zone affiche des informations sur un thème WordPress ou un modèle de site Web Joomla. Vous pouvez le voir en lisant le contenu des liens surlignés en bleu. Un lien montre le modèle de site.

Ce lien montre que le site est basé sur WordPress. Ceci est indiqué par les lettres wp-content et le nom du thème du site. En suivant le lien:

Nous verrons les styles de police CSS pour la page. Dans ce cas, la police est utilisée. On peut le voir ici - famille de polices: «Source Sans Pro».

Ce site est optimisé grâce au plug-in seo Yoast SEO. Ceci peut être vu à partir de ce morceau de code commenté:

Ce site est optimisé avec le plugin Yoast SEO v3.4.2 - https://yoast.com/wordpress/plugins/seo/

Toutes les informations contenues dans la balise body sont affichées par le navigateur sur l’écran du moniteur. Nous voyons ici le code html de la page et tout en bas se trouve le code de script métrique Yandex. Il est habillé d'une balise commentée avec du texte:

Pour résumer

Après avoir fait une analyse assez superficielle du code sur la page principale du site, nous pouvons conclure avec quels outils cette page a été faite. Nous avons vu dessus:

  • CMS WordPress,
  • Police Google Source Sans Pro,
  • Thème WordPress - Sydney,
  • Yoast plugins
  • Compteur métrique Yandex.

Maintenant, le principe d'analyse du code html de la page du site est assez clair. Il n'est pas nécessaire de garder la page à l'étude ouverte dans un navigateur. Vous pouvez enregistrer le code de page sur votre ordinateur à l’aide des raccourcis clavier ctrl + a, ctrl + c, ctrl + v. Collez-le dans n’importe quel éditeur de texte (de préférence Notepad ++) et enregistrez-le avec l’extension html. Ainsi, à tout moment, vous pouvez l’étudier plus en profondeur et trouver des informations plus utiles pour vous-même.

Pin
Send
Share
Send
Send