Создал сайт на Wordpress с использованием CMS-хостинга. Расскажу, как делал, в чем преимущества

Многие успешно работают по «сарафанному радио», но и их не оставляют мысли о выходе в онлайн, на широкую публику. Карантин заставил начать двигаться в этом направлении, к тому же вопросы о сайте и так периодически возникали (людям удобно посмотреть информацию самостоятельно, а не задавать вопросы)? Я расскажу, как сделать простой, но добротный сайт на WordPress — самостоятельно и без дополнительных вложений (нужен будет только домен и хостинг).

Представим, что я репетитор по истории и весьма далек от сайтостроения.

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

• Для WP нужна поддержка PHP, т.е. сразу отметается самый дешевый тариф – он только для HTML-сайтов.
• Сделал табличку для простого сравнения.
  

• Почту я хочу свою, поэтому «Сайт 2» сразу для меня становится дороже на 100 руб., но вот это меньшее число процессов меня смущает. Больше – всегда лучше ведь. Да и на WordPress 1 больше оперативной памяти. Поэтому дальше сравнивал «Сайт 3» и WordPress 1.

• Дисковое пространство – параметр важный, но почитал, что пишут другие, и понял, что мне и 1 ГБ хватит (а то и 300-500 Мб). Так что не так принципиально.

• А вот количество сайтов – уже интереснее. У меня еще есть хобби, есть дети, которые хотят попробовать что-то сделать самостоятельно (дочь рисует и хочет свой сайт, сын готов учиться разбираться в WP, жена заинтересовалась – а при ценах на домены .ru до 200 руб. можно каждому по парочке зарегистрировать), да и мало ли, какие у меня возникнут идеи. В общем, 10 – это куда лучше, чем 2.

Плюс к этому CMS-хостинг оптимизирован именно под конкретную CMS — есть для Битрикс, Joomla и т.д. Для себя я провел такую аналогию – таблички можно создавать и в Word, но Excel оптимизирован именно под них, и в нем действительно удобнее. И я остановился на WordPress 1.

Регистрация на RU-center простая, поэтому рассказывать подробно не буду.

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

В кабинете отправляю запрос на установку CMS.

Заполняю данные. Обратите внимание на требования к паролю. И логин лучше ставить не такой очевидный (изменить не получится, разве что создавать нового пользователя). А вот название сайта можно будет легко поменять в любое время. Проходит буквально 20-30 секунд, и я вижу, что все готово.

Перехожу по синей кнопке, ввожу логин и пароль – и я уже могу управлять своим сайтом!

Правда, выглядит он не очень.

Значит, займемся функциональностью, настройкой и оформлением.

Скорее всего, эти вопросы будут дорабатываться, но нужно от чего-то оттолкнуться.

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

• Главная страница: не сплошной текст, а мое фото, ссылки на соцсети/мессенджеры, идеально – кнопка «Позвонить» (удобно с мобильных), блоки для краткого описания услуг, красивые и убедительные цифры (так, мои ученики на ЕГЭ получают отличные баллы – почему бы не указать?) и т.д. То есть с хорошей внутренней структурой.
• Уроки и цены: описание тарифов, условий, описание процесса (как проходят онлайн-уроки).
  
• Портфолио/отзывы: скрины с результатами учеников, скрины отзывов учеников и родителей.
  
• Контакты: сами контакты + форма обратной связи.
  
• Блог: здесь хочу рассказывать о каких-то часто встречающихся ошибках, интересных моментах и т.д.
  

Пока запросов у меня немного.

• Кнопки соцсетей и мессенджеров (чтобы сразу можно было мне написать).
• Кнопка «Позвонить» (сразу можно позвонить).
  
• Обратная связь (чтобы письмо приходило на e-mail.
  

Возможно, понадобится кнопка оплаты через сайт, но это сейчас.

Изменения видны сразу, поэтому обновляйте свой сайт в соседнем окошке. Если изменений не видно, нажмите ctrl+F5. чтобы сбросить кеш сайта.

В «Настройках – Общие» изменил название и краткое описание сайта.

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

В «Настройки – Чтение» указал, какая страница должна быть главной, и где будут выводиться мои статьи (в WP это «Записи»). Отметил галочкой «Попросить поисковые системы не индексировать сайт» (он же еще не готов), но дополнительно запрет нужно прописать в robots.txt (советую обратиться в службу поддержки хостинга) . Когда сайт будет готов, не забудьте снять галочку и убрать этот запрет.

В «Настройки – Постоянные ссылки» указал, как формировать ссылки. Можно выбрать и другой вариант, но я бы хотел, чтобы, например, записи «Правители» в рубрике «Это интересно» имели вид site.ru/interesno/praviteli. Но можно настроить ссылки на даты или добавить элемент даты в ваш вариант. Например, чтобы получилось site.ru/interesno/2021/resheniya, надо прописать «% categor% /%yea% /%postnam% /».

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

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

• Cyr-to-Lat. Преобразует кириллические названия страниц, рубрик, записей в латиницу. Кириллические ссылки, если их скопировать/переслать, выглядят не очень. Обратите внимание, плагины на первых позициях в поиске давно не обновлялись и не проверены на совместимость, но чуть ниже я нашел то, что нужно. Но вы, конечно, можете использовать те, что понравились вам.

Дальше «Установить» — «Активировать» — перейти в настройки плагина (если есть) и внимательно все изучить. Если что-то непонятно, масса информации есть в Интернете.

• WP Super Cache. Ускоряет загрузку статичных (т.е. тех, которые не изменились) страниц сайта. Удобно.
• Contact Form 7. Для формы обратной связи.
  
• All in One SEO. Я, правда, пока не планирую seo-продвижение сайта, но почему бы не помочь поисковикам?
  
• FakerPress. Этот плагин добавляет на сайт демо-контент: записи, рубрики и т.д. Лично мне удобнее оттолкнуться от того, что есть, и что-то удалить/переделать, чем создавать с нуля. Можно сразу подсмотреть интересное оформление. Получились вот такие записи.
  

Бесплатные шаблоны можно найти в «Внешний вид – Темы – Добавить новую тему». Я выбрал BusiMax. Сразу после установки уже видны изменения.

Настроить тему можно в «Внешний вид – Настроить». Здесь же можно и купить полную версию, но я пока не буду. Пунктов много, покажу на примере виджетов – было/стало (убрал лишнее, добавил поле о себе). Все виджеты можно менять местами.

Дальше взял в Интернете текст lorem ipsum – т.е. «рыбу» и пошел делать главную страницу. Блоков много, но разобраться можно. Вот результат моих первых шагов.

Еще некрасиво и непрофессионально, но я уже примерно знаю, как воплотить свои задумки. А еще всегда есть «О'кей, Гугл!».

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