Handige tips

Bekijk paginabron Template: Contact wikiHow

Pin
Send
Share
Send
Send


Meer dan eens was het nodig om ervoor te zorgen dat verschillende pagina's verschillende inhoud vertoonden in situaties waarin de CMS-functionaliteit dit niet toestond.

Bijvoorbeeld om verschillende tekst in de voettekst weer te geven tijdens pagina-voor-pagina navigatie, of om te voorkomen dat het widgetblok in de zijbalk op een bepaalde pagina verschijnt, of om één schuifbalk op één pagina in de sjabloonkop en een andere schuifbalk op de andere pagina te hebben. In dergelijke situaties kan eenvoudige php-code helpen. Ik besloot het als een record te publiceren, omdat ik deze notitie gemakkelijker kan zien dan elke keer de variabele te onthouden die verantwoordelijk is voor url-pagina's.

De volgende php-code toont een voorbeeld van hoe een schuifregelaar van de metaslider-plug-in op de pagina yoursites.ru / contacten /, en op alle andere pagina's een andere schuifregelaar van de metaslider-plug-in weer te geven:

Hoe paginacode bekijken?

Om de broncode van een webpagina te bekijken, moet u de muiscursor over een willekeurig deel van de webpagina verplaatsen (met uitzondering van afbeeldingen en links). Klik daarna op de rechtermuisknop. Er wordt een venster geopend met verschillende opties (in verschillende browsers kunnen ze enigszins variëren). In de Google Chrome-browser zijn dit bijvoorbeeld de opdrachten:

  • geleden
  • vooruit
  • herstart,
  • opslaan als
  • printen,
  • vertalen in het Russisch,
  • bekijk paginacode,
  • bekijk code.

We moeten klikken bekijk paginacode, en we zien de HTML-code van de sitepagina.

Paginacode bekijken: wat te zoeken?

De HTML-code van de pagina is dus een genummerde lijst met regels, die elk informatie bevatten over hoe deze site is gemaakt. Om dit enorme aantal tekens en speciale tekens snel te leren begrijpen, moet u onderscheid maken tussen verschillende delen van de code.

De coderegels in de head-tag bevatten bijvoorbeeld informatie voor zoekmachines en webmasters. Ze worden niet weergegeven op de site. Hier kunt u zien welke zoekwoorden op deze pagina worden gepromoot, hoe de titel en de beschrijving ervan worden geschreven. U kunt hier ook een link vinden waarop we meer te weten komen over de Google-lettertypefamilie die op de site wordt gebruikt.

Als de site is gemaakt op CMS WordPress of Joomla, dan is deze hier ook zichtbaar. In dit gebied wordt bijvoorbeeld informatie weergegeven over een WordPress-thema of Joomla-websitesjabloon. U kunt het zien door de inhoud van de links blauw te lezen. Eén link toont de sitesjabloon.

Deze link geeft aan dat de site is gebaseerd op WordPress. Dit wordt aangegeven door de letters wp-content en de naam van het thema van de site. Volg de link:

We zien CSS-lettertypestijlen voor de pagina. In dit geval wordt het lettertype gebruikt. Het is hier te zien - font-family: ‘Source Sans Pro’.

Deze site is geoptimaliseerd met de seo-plug-in Yoast SEO. Dit is te zien aan dit afgehaalde stukje code:

Deze site is geoptimaliseerd met de Yoast SEO-plug-in v3.4.2 - https://yoast.com/wordpress/plugins/seo/

Alle informatie in de body-tag wordt door de browser op het beeldscherm weergegeven. Hier zien we de HTML-code van de pagina, en helemaal onderaan de Yandex metrische scriptcode. Het is bekleed met een becommentarieerde tag met tekst:

Samenvatten

Na een nogal oppervlakkige analyse van de code op de hoofdpagina van de site, kunnen we besluiten met welke tools deze pagina is gemaakt. We zagen het:

  • CMS WordPress,
  • Google-lettertype Source Sans Pro,
  • WordPress Theme - Sydney,
  • Yoast-plug-ins
  • Yandex metrische teller.

Nu is het principe van het analyseren van de html-code van de site-pagina vrij duidelijk. Het is niet nodig om de onderzochte pagina open te houden in een browser. U kunt de paginacode op uw computer opslaan met de sneltoetsen ctrl + a, ctrl + c, ctrl + v. Plak het in een teksteditor (bij voorkeur Kladblok ++) en sla het op met de html-extensie. Je kunt het dus op elk moment dieper bestuderen en meer nuttige informatie voor jezelf vinden.

Pin
Send
Share
Send
Send