Сегодня я «написал» сайт и хочу рассказать как это было
Этап 1. Выбор CMS
Судя из названия заметки вы уже поняли, что я выбрал wordpress. Разглагольствовать на тему «какую cms выбрать» я здесь не буду, в интернете полно статей с плюсами и минусами каждой. Однако преимущества wordpress — перечислю:
- Темы. Их много, очень много. Блоги, магазины, лендинги и т.д..
- Плагины. Вам нужно что-то добавить на сайт, но вы не сильны в программировании? Перенос домена, установка ssl сертификата, добавление виджетов и миллион других плагинов доступны на wordpress.
- Удобный редактор кода.
- Все это — бесплатно! (Хостинг и домен не в счет).
Этап 2. Выбор Темы (шаблона)
Т.к. с тематикой сайта я определился заранее, то сразу начал искать минималистичную тему блога с адаптивным дизайном. Поиск занял у меня пару часов и в итоге я нашел подходящую для себя тему CvCard за 59$. Но тратить 59$ я конечно же не готов.. Начал искать взломанную тему, запрос для гугла выглядел примерно так: CvCard wordpress theme nulled. Так же могу посоветовать пару сайтов:
Настоятельно рекомендую читать документацию, иначе могут возникнуть проблемы с установкой вашего шаблона.
Этап 3. Хостинг
К сожалению или к счастью темой хостингов я не особо интересовался. Лет 5 пользуюсь хостингом timeweb, за это время никаких нареканий по его работе у меня не было.
Этап 4. Установка
В личном кабинете установил cms, зашел в админку сайта, загрузил тему, установил плагины, загрузил демо контент, исправил код под свои нужды.
Что было сделано дополнительно: Поставил виджет — меню шаблона, в css изменил размер логотипа, добавил иконки нужных соц. сетей.
Иконки были добавлены через сервис fontello. UTF символы грузятся гораздо быстрее чем картинки. Альтернатива — svg, но я решил, что со шрифтовыми наборами разобраться будет легче, чем с векторной графикой. Может когда-нибудь, но не сегодня..
Этап 5. Домен
Своим великолепным разумом было придумано целых 4 варианта:
- igorminakov.ru
- iam.ru
- im.ru
- igorminakoff.ru
По совету Тинькова решил делать фамильный бренд..
Т.к. 1 был занят, а на 2 и 3 цены начинаются от 30к, было принято решение взять № 4.
Почему именно .ru? Исключительно в целях экономии, переплачивать за зону .com совершенно нет желания, может в будущем прикуплю еще пару доменных зон и сделаю зеркала.
Домен регистрировал прямо из личного кабинета хостинга. Это сэкономило мне немного времени, т.к. не пришлось прописывать DNS/A записи. Раньше использовал reg,ru. Цены между сервисами я к сожалению не сравнивал, но в конце заметки укажу полную стоимость сайта.
После успешной регистрации, в личном кабинете убрал старый и прописал новый домен, что стало небольшой ошибкой. Т.к. надо было изначально новый домен прописать в админке wordpressa.. А лишь потом менять в личном кабинете.
- Обязательно почитайте, как правильно привязывать новый домен. Например: тут.
- Не паникуйте. Если вы сделали все правильно, а на сайт зайти не можете, возможно, что еще идет процесс переноса домена на ваш сайт. Этот процесс занимает от 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 Буду очень благодарен, за критику и советы по сайту. Вдруг, я что-то делаю не так)