Начало работы с WordPress: первые шаги по совершенствованию вашего нового сайта

2020-10-20

Содержание цикла статей "Начало работы с WordPress":

Знакомство с панелью управления сайтом
Базовые настройки
Разметка структуры сайта
Понятия страницы и записи
Создание страницы
Создание записи
Настройка статических страниц.
- Заключение

Ну вот, теперь вы можете взглянуть на совершенно новый сайт, сделанный собственными руками. Вы уже авторизовались? Если да, то, скорее всего, вы сейчас сидите и смотрите на панель управления сайтом и думаете, что же вам делать дальше..

Позвольте мне помочь вам в этом!

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

Перед тем, как мы начнем

Для начала вам понадобится авторизоваться на сайте WordPress, используя свой логин и пароль.

Вот краткий план того, чем мы будем заниматься в сегодняшнем уроке:

Знакомство с панелью управления сайтом;
Базовые настройки WordPress;
Разметка структуры сайта;
Понятия страницы и записи;
Создание страницы;
Создание записи;
Настройка статических страниц.

Знакомство с панелью управления сайтом

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

Давайте начнем наш краткий экскурс в функции панели управления WordPress.

В самом верху страницы располагается главное меню и, как большинство меню в WordPress, оно зависит от вашего текущего местоположения в панели администрирования. Если вы находитесь на основной странице панели управления, как показано на изображении выше, то вам доступны следующие пункты в главном меню:

Знакомство с панелью управления сайтом - 2

Логотип WP - содержит ссылки на документацию и помощь по CMS;
Название сайта (в моём случае, “My New Website”) - ведет на ваш сайт и позволяет просмотреть, как он выглядит;
Комментарии, ожидающие публикации (в данный момент отсутствуют);
Создание нового контента/пользователя;
Личное меню пользователя и кнопка выхода из аккаунта.

Если вы находитесь в месте, отличном от главной страницы панели управления, то набор кнопок в главном меню будет другим. Вот как это выглядит, когда вы находитесь на своем сайте:

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

Нажмите на кнопку «Настройки» (Settings) на боковом меню в левой части панели управления.

Базовые настройки

В начале, давайте зададим часовой пояс для вашего сайта.

Когда вы откроете меню настроек, то увидите выпадающий список, в котором можно выбрать зону, соответствующую вашему часовому поясу по стандарту времени UTC, либо выбрать конкретный город (в последнем случае преимуществом является то, что переход на летнее время осуществляется автоматически).На изображении выше, можно видеть, что я выбрал Мельбурн, который соответствует зоне UTC +10.

Далее, мы настроим постоянные ссылки (человеко-понятные URL, ЧПУ). Это изменит формат ссылок на нашем сайте со стандартного вида (т.е. ?p=123), на вид, отражающий суть содержимого страниц, который будет понятен человеку и может быть эффективно проиндексирован поисковыми роботами. Во втором случае, мы будем использовать названия записей для формирования постоянных ссылок.

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

Разметка структуры сайта

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

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

Структура нашего пробного сайта, который будет представлять собой блог с различными видами контента, выглядит так:

Главная страница – содержит список последний постов;
Страница «О сайте» – рассказывает о назначении сайта и дает краткие сведения об авторе;
Страница «Контакты» – содержит адреса и ссылки для связи.

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

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

Понятия страницы и записи

Страницы и записи это два различных типа контента. Несмотря на большое сходство, они имеют разную специфику. Чтобы было понятно, можно провести такую аналогию: страницы это книги, а записи это журналы.

Стало понятнее? Нет? Тогда давайте копнем глубже. Страницы в основном содержат статичное содержимое, то есть оно задается один раз и не требует регулярного редактирования. Оно относительно неизменно во времени и имеет свою закрепленную ссылку в меню.

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

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

Видите? Очень похоже на периодические издания вроде журналов. Часто меняются со временем, самые новые всегда актуальнее старых, отсортированы по времени и типу содержимого и более интересны в краткосрочной перспективе, нежели в долгосрочной.

Проще всего понять различие между страницами и записями на наглядном примере. На изображении ниже приведено сравнение обоих типов контента.

Создание страницы

Есть несколько способов создать страницу. Вы можете перейти в главное меню и нажать на ссылку «Создать>Страница» (New>Page). Находясь на главной странице панели управления, вы также можете нажать там кнопку «Страницы» (Pages) и выбрать «Добавить новую» (Add New). Либо, перейдя в меню показа всех страниц, нажатием на кнопку «Страницы» (Pages) в боковом меню, справа от заголовка Pages вы также увидите кнопку «Добавить новую» (Add New).

Любой из этих трех вариантов приведет к открытию окна создания новой страницы.

В этом окне много функций, о которых можно было бы рассказать. Но если вы знакомы с любым текстовым редактором, то вам будет нетрудно разобраться. Просто нажмите курсором в области редактирования и начните набирать текст! Чтобы добавить параграф, воспользуйтесь клавишей Enter. Если вы хотите сделать перевод строки, нажмите комбинацию Shift + Enter.

Когда вы оформили контент желаемым образом, нажмите кнопку «Опубликовать» (Publish). Если к публикации вы еще не готовы, то воспользуйтесь кнопкой «Сохранить черновик» (Save Draft).Если вы хотите увидеть как будет выглядеть ваша страница, нажмите кнопку «Предварительный просмотр». Двигаемся дальше..

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

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

Вы узнаете как настраивать меню в следующих статьях этого цикла, а сейчас мы добавим новую запись. А вот тут небольшая хитрость... Так как у нас нет кнопки, ведущей на главную страницу (мы добавим её позже), то для перехода туда, надо кликнуть на название сайта. Как только вы окажетесь в нужном месте, кликните на кнопку «Создать>Запись» (New>Post).

Создание записи

Эта страница вам очень знакома, не так ли? Есть некоторые отличия, но секции редактирования текста и публикации аналогичны.

Различия заключаются в наличии панелей, которые позволяют менять формат записей и способ их классификации по категориям.

Мы остановимся подробнее на форматах записей в следующих уроках, а сейчас давайте сфокусируемся на классификации наших записей. В данный момент, пост находится в категории «Без рубрики». С редактированием названий категорий мы также познакомимся позднее.

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

Настройка статических страниц.

Теперь вы знаете, как создавать страницы и записи и у вас в голове возможно много вариантов того, как оформить ваш сайт. Если вам достаточно иметь список записей на главной странице, то можете окончить чтение статьи на этом моменте и продолжить позднее.

Однако, если вы хотите знать, как вам сделать вашу главную страницу статичной и поместить записи на отдельную страницу, то читайте дальше.Представим, что структура нашего сайта такова:

Главная страница – статическая вводная страница;
Страница «О сайте» ¬– рассказывает о назначении сайта и дает краткие сведения об авторе;
Сервисы – список сервисов, которые предоставляет сайт;
Страница «Блог» – список последних записей или свежих статей;
Страница «Контакты» – содержит адреса и ссылки для связи.

Чтобы изменить расположение нашей страницы блога и сделать главную страницу статичной, вам нужно просто создать статичную страницу. Это просто. Следуйте инструкциям выше, создав три страницы. Назовите их «Главная страница», «Блог» и «Сервисы», не усложняйте. Пока не добавляйте на созданные страницы никакого контента.

Когда это сделано, надо перейти в меню настроек и перейти в раздел «Настройки чтения» (Reading Settings), где вы найдете переключатель, стоящий в положении «Ваши последние посты» (Your latest posts), который превращает главную страницу в страницу блога. Выберите второй вариант: «Статичная страница» (A Static Page). Возможно, вы поняли, почему нам сначала необходимо было создать страницы.

Когда закончите, нажмите кнопку «Сохранить изменения» (Save Changes) и переместитесь на главную страницу, чтобы увидеть изменения.

Взгляните на это! Моя главная стала статичной, но пока на ней нет никакого контента:

А вот как эта страница выглядела, когда была в форме блога:

Отлично, но нам нужно кое-что подправить.

Мы уберем блок комментариев со статичных страниц, а также настроим меню, но на сегодня достаточно.

Мы проделаем это в следующий раз!

Заключение

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