Полезные советы

Просмотр исходного текста страницы Шаблон:Contact wikiHow

Pin
Send
Share
Send
Send


Уже не раз необходимо было сделать так, чтоб на разных страницах отображался разный контент в ситуациях когда функционал CMS этого не позволял.

Например чтоб отображался разный текст в футере при постраничной навигации, или чтоб на определенной странице не отображался блок виджетов в сайдбаре, или чтоб на одной странице в шапке шаблона отображался один слайдер, а на другой странице - другой слайдер. В таких ситуациях может помочь простой php-код. Решил его опубликовать в записи, так как мне легче увидеть эту заметку, чем каждый раз вспоминать переменную отвечающую за url-страницы.

Следующий php-код показывает пример того, как на странице вашсайт.ru/contacts/ отображать один слайдер плагина metaslider, а на всех остальных страницах другой слайдер плагина metaslider:

Как просмотреть код страницы?

Чтобы посмотреть исходный код страницы сайта, нужно навести курсор мыши на любую область веб-страницы (за исключением изображений и ссылок). После этого нажать на правую кнопку мыши. Перед нами откроется окно с несколькими опциями (в разных браузерах они могут немного отличаться). В браузере Google Chrome, например, это команды:

  • назад,
  • вперёд,
  • перезагрузить,
  • сохранить как,
  • печать,
  • перевести на русский,
  • просмотр кода страницы,
  • просмотреть код.

Нам нужно кликнуть на просмотр кода страницы, и перед нами откроется html код страницы сайта.

Просмотр кода страницы: на что обратить внимание?

Итак, Html код страницы представляет собой пронумерованный список строк, каждая из которых несёт информацию о том, как сделан данный сайт. Чтобы быстрей научиться разбираться в этом огромном количестве знаков и специальных символов, нужно различать разные участки кода.

Например, строки кода, находящиеся в внутри тега head содержат информацию для поисковых машин и веб-мастеров. Они не выводятся на сайт. Здесь можно увидеть, по каким ключевым словам продвигается эта страница, как написаны её title и description. Также здесь можно встретить ссылку, перейдя по которой узнаем о семействе google шрифтов, используемых на сайте.

Если сайт сделан на CMS WordPress или Joomla, то это также будет видно здесь. Например, в этой области выводится информация о теме WordPress или шаблоне Joomla сайта. Увидеть её можно, прочитав содержание ссылок, выделенных синим цветом. В одной ссылке виден шаблон сайта.

Из этой ссылки видно, что сайт сделан на базе WordPress. На это указывают буквы wp-content и название темы сайта. Перейдя по ссылке:

Мы увидим CSS стили шрифтов страницы. В данном случае используется шрифт. Это видно здесь – font-family: ‘Source Sans Pro’.

Данный сайт оптимизируется с помощью сео-плагина Yoast SEO. Это видно из этого закомментированного участка кода:

This site is optimized with the Yoast SEO plugin v3.4.2 — https://yoast.com/wordpress/plugins/seo/

Вся информация, находящаяся внутри тега body, выводится браузером на экране монитора. Здесь мы видим html код страницы, а в самом низу находится код скрипта Яндекс метрики. Он облечён закомментированным тегом с текстом:

Подводим итоги

Проведя довольно поверхностный анализ кода главной страницы сайта, можно сделать вывод о том, с помощью каких инструментов сделана эта страница. Мы увидели на ней:

  • CMS WordPress,
  • Google шрифт Source Sans Pro,
  • тема WordPress – Sydney,
  • плагины Yoast,
  • счётчик Яндекс метрики.

Теперь принцип анализа html кода страницы сайта вполне понятен. Совсем необязательно держать исследуемую страницу открытой в браузере. Сохранить код страницы себе на компьютер можно с помощью комбинаций клавиш ctrl+a, ctrl+c, ctrl+v. Вставьте её в любой текстовый редактор (лучше Notepad++) и сохраните с расширением html. Таким образом, вы в любое время сможете изучить её глубже и найти больше полезной для себя информации.

Pin
Send
Share
Send
Send