Как устроен сайт на WordPress?

сайт на WordPressСайты, созданные на движке WordPress,  имеют особенную структуру, отличающуюся от структуры других сайтов.

При первоначальном знакомстве с сайтостроением обычно говорят об иерархической структуре сайта. Ее суть состоит в том, что весь сайт состоит из множества страниц, страницы объединяются в разделы, те, в свою очередь, в более крупные разделы и т. д. Этой системе размещения материалов соответствует и система многоуровневого меню. Такая структура сайтов сходна с файловой структурой компьютера, поэтому привычна и понятна.

Структура размещения материалов на движке WordPress, используемом для создания большинства блогов, не иерархическая, а сетевая, поэтому с первого взгляда непонятна. Это может, в какой-то степени, отпугнуть начинающего веб-мастера от использования CMS WordPress.

Вот поэтому возникает необходимость разобраться, как устроен сайт на WordPress.


Кстати, если вы хотите научиться делать сайты и блоги, используя CMS WordPress, причем с уникальным дизайном, вам лучше всего воспользоваться курсом «Уникальный сайт с нуля». Познакомиться с ним вы можете по ссылке ниже.стрелка

 Уникальный сайт с нуля


В структуре любого сайта можно выделить три основных направления:

  1. Внешняя структура. Она показывает нам внешний вид страницы, размещение отдельных элементов, блоков относительно друг друга.
  2. Внутренняя структура, то есть структура связей между отдельными материалами, образующими контент.
  3. Файловая структура, показывающая взаимосвязь файлов, составляющих весь сайт.

Итак, каков внешний вид сайта на WordPress?

Шаблон WordPressСразу следует отметить, что он зависит от выбора шаблона. Таких шаблонов огромное количество и, конечно, сайты могут сильно отличаться друг от друга. Но есть и общие черты, на которые мы и обратим внимание. В качестве примера можно рассматривать данный сайт.

В верхней части страницы обычно находится шапка (header). В ней может располагаться название сайта, логотип, слоган, иногда строка поиска, кнопки социальных сетей.

Под шапкой, а иногда под ней, чаще всего находится основное меню.

В нижней части страницы мы видим подвал (footer). В нем может быть расположена служебная информация. Например, об авторах сайта, авторских правах. Иногда там можно встретить кнопки социальных сетей, некоторые элементы навигации и т. д.

В средней части страницы находится лента записей и боковая колонка (sidebar).

Записи (post) – главная часть сайта на WordPress. Именно в них находится основной контент, то, о чем хотел рассказать создатель сайта его посетителям.

Каждая новая запись появляется в верхней части ленты, старые опускаются ниже. На странице можно увидеть лишь ограниченное число записей, например, десять. К остальным записям можно перейти, используя соответствующие кнопки навигации. Еще одна особенность ленты записей состоит в том, что на главной странице чаще всего мы видим записи не полностью, а только первые абзацы. Так быстрее выбирать нужную статью. Но это уже относится к внутренней структуре сайта.

Кроме ленты записей контент находится и на постоянных страницах, которые не изменяются и не перемещаются. На таких страницах располагают обычно информацию об авторе, о сайте, карту сайта, контактную информацию и т. п.

Сбоку от ленты записей находится боковая колонка (sidebar). В его расположении тоже могут быть различные варианты. Сайдбар может располагаться слева или справа, он может быть один или два.

Например, шаблон Admired, примененный на данном сайте, позволяет использовать следующие варианты расположения сайдбара:сайт на WordPress

Сайдбар состоит из отдельных блоков-виджетов (widget). Их количество и расположение определяется администратором сайта и достаточно легко модифицируется.

Теперь перейдем к внутренней структуре сайта на WordPress. Именно в ней заключаются особенности данного движка. Система навигации состоит из нескольких частей.

Во-первых, главное меню. Это меню ведет нас на постоянные страницы. Таких страниц может быть много, но и меню может быть сложным, многоуровневым. В данном случае мы имеем иерархическую структуру. А вот к записям пункты меню не ведут, за исключением одного пункта, который открывает основную ленту записей.

Для навигации по записям используется другая система, основанная на понятиях «рубрика» и «метка».

При написании очередной статьи, ее привязывают к какой-либо рубрике, или даже не одной, а двум, трем. В сайдбаре имеется виджет со списком рубрик, и мы можем выбирать из всей ленты записей статьи, относящиеся к одной рубрике.

Кроме этого, каждой статье присваиваются метки – слова, характеризующие данную запись. Этих меток может быть тоже несколько, и можно выбирать записи по меткам. Метки видны обычно в конце каждой статьи. Кроме этого, часто в сайдбаре размещают виджет «Облако меток», который показывает все метки и позволяет выбирать статьи, щелкая по этим ключевым словам.

Рубрики и метки образуют сетевую структуру сайта, благодаря которой одну и ту же запись можно найти разными способами.

Внешняя структура страницы и структура размещения материалов сайта важны для посетителей, а вот файловая структура им не видна. Она, в основном, интересует разработчиков сайта.

Коротко об этой структуре. Как и любой сайт, сайт на WordPress состоит из множества файлов. Рассмотрим самое важное.

Во-первых, весь контент хранится отдельно на сервере в базе данных MySQL.

Во-вторых, в отдельных папках находятся файлы изображений.

И, в-третьих, сами страницы формируются из отдельных php-файлов. Количество этих файлов может быть различным, это тоже зависит от выбора шаблона, но есть основные, обязательные файлы.

Чтобы увидеть эти файлы, нужно в консоли управления WordPress выбрать Внешний вид ? Редактор. С правой стороны откроется список всех файлов WP. Например:

  • Архивы
    (archive.php)
  • Комментарии
    (comments.php)
  • colorchooser.php
  • Подвал
    (footer.php)
  • Функции темы
    (functions.php)
  • Заголовок
    (header.php)
  • Основной шаблон
    (index.php)
  • Шаблон страницы
    (page.php)
  • rt_settings.php
  • Результаты поиска
    (search.php)
  • sidebar-page.php
  • sidebar-right.php
  • Одна запись
    (single.php)
  • styles.php
  • timthumb.php
  • Таблица стилей
    (style.css)

Зная HTML, CSS, PHP можно редактировать эти файлы, изменяя соответствующие части страниц сайта. Но это уже отдельная тема.

Вот так устроен сайт на WordPress. Конечно, в статье рассмотрены общие черты, но каждый веб-мастер стремиться сделать свой сайт особенным, не похожим на другие, используя для этого самые разные методы.


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

Уникальный сайт с нуля


Если вас заинтересовала статья, или вам есть, что добавить, оставьте комментарий.

Проголосуйте за статью, нажмите кнопку социальной сети.

Еще советую почитать по этой теме:

Оформление цитат на WordPress с помощью CSS и плагина
Здравствуйте, друзья! Написать о красивом оформлении цитат в тексте статей на блоге под управлением Wordpress я решил, так как напрямую столкнулся с необходимостью такой работы. ...
Как узнать ID рубрики на WordPress?
Здравствуйте, уважаемые читатели блога kviter.ru. Сегодня у меня небольшая, но полезная статья о том, как узнать ID рубрики на блоге под управлением Wordpress. Что такое ID? Сначала выясним, ...
Применение стилей CSS в редакторе WordPress
Здравствуйте, дорогие читатели! В сегодняшнем юбилейном, 100-м посте я хочу написать о применении стилей во встроенном редакторе Wordpress для нестандартного оформления контента. Этот материал является ...
Как защитить информацию на сайте от взлома и заражения
Здравствуйте, друзья! Сегодня я хочу еще раз поговорить о том, как защитить информацию на сайте от взлома и заражения. На настоящий момент это весьма актуальный ...
HTML-редактор WordPress и его возможности
Здравствуйте, уважаемые читатели! Для создания статей в Wordpress обычно используют визуальный редактор, о котором я уже писал, но редактировать их можно и во встроенном HTML-редакторе, ...
Очень плохоПлохоСреднеХорошоОтлично (Еще нет голосов, оставьте первым)
Загрузка...

2 комментариев к “Как устроен сайт на WordPress?

  1. Ответить
  2. Здравствуйте, Владимир. На моём блоге, тоже шаблон Admired. Скажите пожалуйста, у вас в редакторе шаблона заполнены файлы Функции темы (functions.php) и Таблица стилей (style.css)? Дело в том, что у меня после обновления WP эти файлы оказались пустыми, а в поиске тем такого шаблона уже нет. Интересно, только у меня такое случилось, и не могли бы вы мне помочь? Пришлите мне пожалуйста такие файлы. В другие файлы скрипт моего красивого курсора вставить нельзя, только в эти.
    PS : У вас высвечивается логин при нажатии на ссылку автора. У меня в блоге можете узнать, как сменить логин admin на любой другой. Могу подсказать, как убрать ссылку. Заранее большое спасибо!

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *