Найти тему

Свой сайт на wordpress

Сегодня я «написал» сайт и хочу рассказать как это было

Этап 1. Выбор CMS

Судя из названия заметки вы уже поняли, что я выбрал wordpress. Разглагольствовать на тему «какую cms выбрать» я здесь не буду, в интернете полно статей с плюсами и минусами каждой. Однако преимущества wordpress — перечислю:

  1. Темы. Их много, очень много. Блоги, магазины, лендинги и т.д..
  2. Плагины. Вам нужно что-то добавить на сайт, но вы не сильны в программировании? Перенос домена, установка ssl сертификата, добавление виджетов и миллион других плагинов доступны на wordpress.
  3. Удобный редактор кода.
  4. Все это — бесплатно! (Хостинг и домен не в счет).

Этап 2. Выбор Темы (шаблона)

Т.к. с тематикой сайта я определился заранее, то сразу начал искать минималистичную тему блога с адаптивным дизайном. Поиск занял у меня пару часов и в итоге я нашел подходящую для себя тему CvCard за 59$. Но тратить 59$ я конечно же не готов.. Начал искать взломанную тему, запрос для гугла выглядел примерно так: CvCard wordpress theme nulled. Так же могу посоветовать пару сайтов:

1. wpnull24.net

2. wordpressthemes2.com

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

Этап 3. Хостинг

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

Личный кабинет
Личный кабинет

Этап 4. Установка

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

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

Иконки были добавлены через сервис fontello. UTF символы грузятся гораздо быстрее чем картинки. Альтернатива — svg, но я решил, что со шрифтовыми наборами разобраться будет легче, чем с векторной графикой. Может когда-нибудь, но не сегодня..

Этап 5. Домен

Своим великолепным разумом было придумано целых 4 варианта:

  1. igorminakov.ru
  2. iam.ru
  3. im.ru

По совету Тинькова решил делать фамильный бренд..

Т.к. 1 был занят, а на 2 и 3 цены начинаются от 30к, было принято решение взять № 4.

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

Домен регистрировал прямо из личного кабинета хостинга. Это сэкономило мне немного времени, т.к. не пришлось прописывать DNS/A записи. Раньше использовал reg,ru. Цены между сервисами я к сожалению не сравнивал, но в конце заметки укажу полную стоимость сайта.

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

  1. Обязательно почитайте, как правильно привязывать новый домен. Например: тут.
  2. Не паникуйте. Если вы сделали все правильно, а на сайт зайти не можете, возможно, что еще идет процесс переноса домена на ваш сайт. Этот процесс занимает от 30 минут.

Немного гугления привели меня к базе данных. База данных также как и все остальное находится в личном кабинете хостинга. Если вы столкнулись с такой же проблемой как и я, а пароль от БД не знаете/ не помните, то смело ищите в файловой системе файлик: wp-config.php

В файлике находите эту строчку:

/** Пароль к базе данных MySQL */
define( 'DB_PASSWORD', 'Ваш пароль' );

После того как я откопал пароль и зашел к себе в БД, мне требовалось прописать 3 запроса (по 1 за раз) во вкладке SQL.

База данных
База данных

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

Запрос 1.

UPDATE wp_options SET option_value = replace(option_value, 'http://старый_домен.ru', 'http://новый_домен.ru') WHERE option_name = 'home' OR option_name = 'siteurl';

Запрос 2.

UPDATE wp_posts SET guid = replace(guid, 'http://старый_домен.ru','http://новый_домен.ru');

Запрос 3.

UPDATE wp_posts SET post_content = replace(post_content, 'http://старый_домен.ru', 'http://новый_домен.ru');

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

На этом перенос домена для меня был закончен.

Этап 6. SSL сертификат и протокол HTTPs

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

Снова захожу в личный кабинет и выпускаю бесплатный сертификат SSL Let’s Encrypt, он будет действителен 3 месяца. Через 3 месяца его нужно будет продлить в ручную. Можно так-же приобрести другие сертификаты которые не требуется продлевать самостоятельно, но отдавать за это >2 тысяч — я не готов..

После выпуска сертификата зашел в админку сайта и установил плагин Really Simple SSL. В плагине активировал 301 редирект и сделал перенос с http на https. В настройках сайта поставил галочку напротив: Использовать безопасное соединение https://..

Все, сайт безопасен на 95%, как вейп. Вк точно пропустит.

Этап 7. Заключение

Сделать сайт обошлось мне в 2544 рубля за год хостинга (на 10 сайтов) и ~6 часов времени. Но это лишь крупица того, что еще предстоит сделать.

Спасибо за внимание! Ждите новых заметок!

P.S Буду очень благодарен, за критику и советы по сайту. Вдруг, я что-то делаю не так)

Источник: https://igorminakoff.ru/i-made-a-website/

#wordpress #site #it