Настройка и подготовка сайта на CMS WordPress к работе

Это заключительная статья из серии Как создать сайт с нуля бесплатно. В предыдущих уроках мы выбрали домен для сайта, зарегистрировались в хостинговой компании, где будут располагаться файлы нашего сайта, затем за 5 минут создали сайт на системе WordPress. А в этом блоке уроков мы с вами настроим наш сайт, доведем его до ума.

И первым делом давайте отредактируем шапку нашего сайта:

Редактируем меню сайта

После этого нам нужно отредактировать меню нашего сайта. Подробнее в видео ниже:

Отображение главной страницы сайта

Следующим элементом который мы будем настраивать будет отображение главной страницы.

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

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

Подробнее об этом смотрите в видео:

Плагины WordPress

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

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

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

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

Плагин Instagram Feed — плагин, который выводит в боковой панели сайта ваши фотографии из социальной сети Instagram. Это позволяет создать между автором сайта и его читателями доверчивые взаимоотношения, так как благодаря фотографиям читатели больше узнают о жизни автора сайта. А если фотографии интересные и красивые, то это визуально улучшает ваш сайта.

Плагин WP Jquery Lightbox — позволяет сделать просмотр картинок, вставляемых в публикации вашего сайта, более удобным для ваших пользователей.

Административные — это плагины, которые улучшают производительность вашего сайта, а также позволяют автоматизировать многие процессы обслуживания и облегчить работу владельца сайта, например:

Плагин UpdraftPlus — Backup/Restore — позволяет в автоматическом режиме в заданное время создавать бекапы вашего сайта и отправлять их вам на email, либо какой-то внешний облачный сервер к которому у вас есть доступ. Этот плагин нужен для безопасности вашего сайта. Если с вашим сайтом что-то случится, взломают хакеры и удалят все ваши записи или сгорит здание, где находятся серверы вашего хостера, то с помощью бекапов вы сможете в считанные минуты восстановить ваш сайт.

Плагин W3 Total Cache — позволяет с помощью кеширования ваших страниц ускорить загрузку вашего сайта, что важно как для пользователей, которые вряд ли будут долго ждать пока загрузится ваш сайт, а также для поисковых систем, которые могут повысить или понизить место вашего сайта в выдачи в зависимости от того, как быстро он грузится.

Давайте изучим следующее видео, в котором я на примере собственного сайта «Мой Рубль» демонстрирую какие плагины и в каких целях я использую, а также как их установить и настроить:

Виджеты WordPress

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

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

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

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

Юзабилити — это удобство и простота использования вашего сайта.

В следующем видео мы разберем практическое применение виджетов:

Создание и редактирование рубрик сайта

Наш тестовый сайт почти готов. Следующим этапом мы с вами научимся создавать Рубрики для публикаций нашего сайта. Рубрики используются чтобы определять разделы вашего сайта и группировать записи по темам.

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

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

• Копирайтинг;
• SEO-копирайтинг;
• LSI-копирайтинг;
• Рерайтинг;

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

Если вы создаете информационный сайт, то без Рубрик здесь не обойтись. Перед тем как создавать Рубрики нужно тщательно продумать тематику вашего сайта и разделить ее на соответствующие Рубрики.

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

Подробнее о том, как создаются и редактируются Рубрики смотрите в следующем видео:

Правильное отображение URL-адреса вашего сайта

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

URL (англ. URL — Uniform Resource Locator) — переводится как Единый указатель ресурсов. Это такой стандартизированный способ записи адреса ресурса в сети Интернет.  Но если уж совсем просто, то это адрес (ссылка) той или иной страницы сайта.

Для изменения вида ссылок на сайте вам понадобится следующий код:

/%category%/%postname%.html

О том, как и куда его вставлять смотрите в данном видео:

Создание страниц и статей вашего сайта (блога)

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

В следующем видео мы разберем с вами Как создавать и редактировать страницы и публикации (статьи) вашего сайта.

Как добавить в текст статьи картинки

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

Добавление видео с Youtube в ваши статьи и заметки

Помимо картинок не лишним будет вставлять в текст заметки видео. Это могут быть как видео по теме статьи, так и не относящиеся напрямую к тексту статьи.

Пример 1: Как заработать в интернете с помощью сервиса Work-Zilla. Кликните по ссылке и посмотрите как в тексте статьи используются видео. Они дополняют текст статьи, лучше доносят ее смысл и приносят в конечном итоге больше пользы для читателя.

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

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

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

Выделяем ключевые мысли

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

Подробнее об этом в следующем видео:

Ниже вы найдете шорткоды, которые использовались в видео:

• [note] {note}{/note} [/note]
• [important] {important}{/important} [/important]
• [warning] {warning}{/warning} [/warning]
• [tip] {tip}{/tip} [/tip]
• [help] {help}{/help} [/help]

Только не забудьте при вставке данных шорткодов заменить фигурные скобки {} на квадратные [].

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

Настройка комментариев на сайте

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

Делаем мы это, чтобы на нашем сайте не было рекламных комментариев со ссылками на другие сайты и проекты.

Также мы установим специальный плагин, который поможет нам бороться со спамерами. Помимо реальных живых людей, которые также могут размещать на вашем сайте спам, есть специальные программы-боты, которые ходят по разным сайтам и размещают на них спамные комментарии. С этими ботами и будет бороться плагин WP-SpamShield :

Обратная связь с вашими посетителями

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

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

Безопасность сайта

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

Обычно это дело рук разных хакеров, которые пытаются получить доступ к любым сайтам. Представьте, что вы создавали свой сайт несколько лет, а потом в один прекрасный момент обнаружили, что не можете зайти в админку. Вместо админки вы видите сообщение: «Ваш сайт взломан, чтобы получить доступ к нему — оплатите 1 млн. долларов на такой-то счет».

Насчет миллиона долларов я, конечно же, загнул. А вот запросить с вас тысяч 100.000 руб. — 200.000 руб. хакер вполне может. Оно вам надо? Давайте заранее решим этот вопрос:

Восстановление сайта

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

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

Зачем хранить копии где-то еще помимо хостера? Все просто, во-первых, количество сохраняемых копий у хостера ограниченно, а во-вторых, что вы будете делать, если ваш хостер сгорит не дай Бог или на серверах хостера что-то сломается?

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

Почему бекапы лучше хранить в облачном хранилище, а не на жестком диске своего компьютера?

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

Смотрим как делается восстановление сайта в следующем видео:

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

Осталось лишь только заполнить его контентом, заполнить все разделы сайта. написать статьи и начать привлекать на этот сайт пользователей.

Свою миссию в вопросе создания и настройки сайта считаю выполненной, если у вас остались вопросы — задавайте их в комментариях, а я спешу на этом откланяться. До встречи в следующих обучающих материалах.

Напоминаю ссылки на все материалы с помощью которых вы сможете создать полноценный сайт: