Если вы читаете это, скорее всего вы ознакомились с актуальными расценками специалистов, разочаровались в нынешних реалиях и в попытке сэкономить решили узнать, как сделать свой сайт на WordPress. Забегая наперед – задача максимально непростая. Особенно – в отсутствие базовых знаний в html, php, web-дизайне.
Но вполне выполнимая. Ведь CMS WordPress открыта для каждого! А если приноровиться, разобраться в нюансах и тонкостях процесса, за полгода-год у вас появится красивый, функциональный, пригодный для привлечения и конвертации трафика ресурс, отвечающий основным требованиям поисковых систем.
Мы же решили немного облегчить эту задачу и рассказать, как проходит установка WordPress, настройка «движка», что такое шаблоны, плагины, ssl-сертификаты. То есть – составить инструкцию по созданию собственного сайта «Для чайников».
WordPress — что это? Причины использовать для создания сайта
ВордПресс – настоящий рекордсмен среди «движков» для сайтов. Под управлением WordPress работают сайты Sony Music, The New Yorker, Республиканской партии США, а также большинства крупных СМИ, корпораций и организаций.
По информации независимого агентства Web Technology Surveys, в июле 2020 года, CMS использовался в 38,2% сайтов, созданных на основе систем управления контентом, охватив более половины таких ресурсов.
Исследования той же группы показывают, что всего за 5 лет, количество проектов, созданных на основе WordPress выросло более чем на 14%. В чем причина такого стремительного роста? Все просто:
1.Абсолютно бесплатный «движок».
CMS WordPress распространяется по открытому лицензионному соглашению GNU GPL. То есть, его можно использовать абсолютно в любых целях, в том числе – коммерческих;
2.Отсутствие каких-либо ограничений.
Изначально, ВордПресс использовался для создания личных блогов, корпоративных сайтов и информационных ресурсов. Но благодаря своей «гибкости», CMS позволяет творить настоящие “чудеса” и может использоваться в разработке интернет-магазинов, отраслевых ресурсов, галерей мультимедиа и т.д.
3.Разнообразие шаблонов и подключаемых плагинов
«Внешний вид» сайтов можно кастомизировать с помощью бесплатных шаблонов, использовать конструктор сайтов WordPress или закупить платные темплейты. А в магазине плагинов можно найти модули для решения любых технических задач: от оптимизации страниц для продвижения в поисковиках, до добавления новых функциональных элементов.
4.Простота администрирования
Работать с CMS можно без специальных знаний в области программирования: интерфейс «движка» максимально прост и интуитивно понятен. На знакомство с особенностями, нюансами и тонкостями системы управления контентом уходит не более 1 дня.
5.Возможность «поднять» любой сайт и опубликовать первые материалы за 5 минут
Конечно же, речь идет о «шаблонном» ресурсе с простейшим дизайном. Превращать его во что-то кардинально новое и интересное придется гораздо дольше. Но на установку и запуск действительно требуется не более 5 минут.
При этом стоит отметить, что часть хостинг-провайдеров предлагают автоматическую установку WordPress, что сильно упрощает жизнь разработчикам (или вам, если вы-таки решились сделать свой сайт самостоятельно). То есть, вам не придется искать или скачивать дистрибутив, а также заниматься его установкой и настройкой с нуля: часть хостеров реализовали удобный интерфейс, позволяющий «запуститься» в несколько кликов.
Как самостоятельно сделать сайт: этапы создания
Итак, переходим к сути. Как создать свой сайт с нуля, если вы решили, что будете использовать WordPress? Сколько придется потратить? С чего начать делать сайт вообще и с какими проблемами придется столкнуться в процессе? Давайте разбираться!
В поисках информации о том, как сделать быстро сайт на WordPress, вы не найдете единой инструкции: все программисты подходят к этому процессу по-своему. Но общий алгоритм действий един во всех случаях:
Этап № 1: выбор хостинга и регистрация домена
Для некоммерческих проектов на WordPress хостинг бесплатно найти не составит труда. Но с ростом аудитории, когда сайт «обрастет» постоянным трафиком, для подключения монетизации со временем придется подключаться к «платным» хостерам, коих тысячи.
В случае с коммерческим сайтом (тем же интернет-магазином, корпоративным ресурсом или тематическим блогом) платный хостинг обязателен. Об особенностях, нюансах и тонкостях этого процесса можно почитать в других статьях на нашем сайте. Если времени нет совсем, а денег в достатке, можно воспользоваться услугами тех же хостеров: служба поддержки провайдеров сможет провести «курс молодого бойца» и пояснить за особенности, нюансы и тонкости размещения «движка» простыми словами.
Регистрация домена – еще один момент, в котором вам также сможет помочь сам хостинг. В процессе вам придется придумать доменное имя, убедиться, что оно свободно и оплатить его регистрацию. Чтобы не «промахнуться», желательно:
- Выбирать домен, совпадающий с названием сайта. Например, для магазина с одеждой лучшее доменное имя – odezhda.ru или odejda.com. Использование нерелевантного (не отвечающего содержанию) имени непременно отразится на поисковом продвижении в будущем;
- Хорошее доменное имя должно быть коротким. С десяток лет назад, большинство пользователей «гуляли» по интернету с компьютеров. Сегодня же, доля мобильного трафика продолжает расти в геометрической прогрессии. И если ваш потенциальный клиент серфит сеть с телефона, скорее всего он не будет вводить длинный адрес в строку браузера. Хороший вариант «сокращения» — пример соцсети «Вконтакте», сменившей длинное vkontakte.ru на коротенькое vk.com;
- Адрес сайта должен быть запоминающимся. Те же vk.com или ok.ru показывают, что вы переходите на страницы известных соцсетей и стойко ассоциируются с ними.
При этом стоит отметить, что в теории, доменная зона не влияет на характеристики самого сайта или его перспективы на попадание в топы поисковой выдачи. Но на практике, аудитория «доверяет» сайтам с адресами, заканчивающимися на .com или .ru гораздо охотнее, чем ресурсам, размещенным на бесплатных .wordpress.com или .blogspot.com.
Поэтому для коммерческих проектов важно размещаться на доменах верхнего уровня – com, org, net, ru, ua, by и т.д. Кроме того, в последние годы возможностей для подбора правильного адреса стало намного больше: хостеры начали предлагать домены по типу .club, .market, .expert, .pro и т.д.
Дочитав до этого места, вы узнали, что:
- Для некоммерческих проектов можно использовать бесплатный хостинг;
- Адрес сайта должен соответствовать названию, отражать суть работы компании;
- Домены высшего или первого уровня вызывают доверие аудитории.
Теперь перейдем к задаче посложнее: как установить WordPress на хостинг?
Этап № 2: установка WordPress самостоятельно
Итак, хостинг оплачен, домен зарегистрирован и закреплен за вами. Что дальше? А дальше у вас возникнет логичный вопрос — как установить WordPress?
Если вы выбрали провайдера, включившего предустановку CMS в базовый тариф – пропускаем все, что написано ниже и переходим к третьему этапу. Если в перечне услуг хостера нету предустановленного «движка», выполняем следующие действия:
- Находим WordPress. Скачать бесплатно с официального сайта дистрибутив можно в два клика;
- Распаковываем и сохраняем скачанный архив в любое удобное место на компьютере;
- Устанавливаем FTP-клиент (подойдет тот же FileZilla), после чего загружаем распакованные файлы в корневую папку или субдиректорию на сервер хостера;
- Открываем ссылку в браузере, указываем информацию для подключения к базе данных (предоставляется хостинг-провайдером);
- Заполняем информацию, указав название сайта, имя пользователя, пароль, электронную почту, убираем галочку с пункта «видимость для поисковиков».
Если все сделано верно, WordPress поздравит вас с успешной установкой, пожелает успешной работы и предложит войти в систему управления контентом, а сам сайт откроется по заданной ссылке (но будет выглядеть максимально сыро).
Технически, вы только что сами создали сайт на вордпрессе: он работает, ссылки кликабельны, первые материалы можно публиковать прямо сейчас. Но выглядит все максимально «сыро» и невзрачно. Поэтому следующим шагом мы будем творить визуальную магию, придавая ему нужный нам вид.
Этап № 3: настройка сайта на CMS WordPress, выбор шаблона
Одна из главных причин популярности ВордПресса – возможность кастомизации сайта с помощью «готовых» тем, а также множество бесплатных шаблонов, размещенных прямо на сайте разработчика «движка».
Если вы только начинаете работать с этой CMS, для знакомства можно «поставить» любую официальную тему из каталога WordPress, поскольку прежде, чем оказаться в разделе «шаблонов», они проходят строгую проверку на безопасность и соответствие техническим стандартам. Кроме того, там же можно найти ссылки на веб-дизайнеров, одобренных сообществом разработчиков WordPress.
Еще один момент – языковая адаптация бесплатного шаблона. В каталоге есть как англоязычные, так и переведенные темы. Но после изучения этого руководства вы сможете русифицировать любую тему, имея базовые знания английского и немного свободного времени.
Подбор темы также максимально прост: отметьте нужные опции и нажмите кнопку «применить фильтр». Как установить шаблон на WordPress? Добавить понравившуюся тему можно двумя способами:
- В админ-панели, раздел «Внешний вид» — «Темы» — кнопка «Добавить новую». Выбираем понравившийся шаблон, наводим курсор на кнопку «Посмотреть», примеряем её на своем сайте, после чего устанавливаем, нажав на соответствующую кнопку;
- С компьютера. Скачиваем дистрибутив выбранной темы (архив в формате .zip), переходим в админ-панель, раздел «Внешний вид» — «Темы» — кнопка «Добавить новую», панель «Загрузить тему» — «Активировать».
Поздравляем! Тема загружена и активирована. Далее — настройка шаблона WordPress с помощью базовых параметров, доступных без установки дополнительных плагинов. Делается это следующим образом:
- Переходим в админ-панель, меню «Настройки». Указываем необходимые данные в каждом разделе:
- «Общие» — название и краткое описание сайта, адрес WordPress, url сайта, часовой пояс, формат даты, язык сайта;
- «Написание» — оставляем дефолтные настройки форматирования, главной рубрики, формата записей;
- «Чтение» — выбираем, что будет отображаться на главной странице: статический контент, обновления в блоге, количество постов и т.д.;
- «Обсуждения» — можно оставить изначальные настройки, включить модерацию комментариев, «черный список», защиту от спама.
- Настраиваем тему. Открываем админ-панель, вкладку «Внешний вид» — «Настроить» и попадаем на страницу кастомайзера, где можем задать требуемые параметры в разделах:
- Свойства сайта – загружаем логотип, указываем название, пишем краткое описание, добавляем фавикон;
- Цвета – выбираем цветовую схему шаблона, цвет фильтра закрепленного фото;
- Меню – создает новое меню, размещая его в указанной области (шапка, футер), можно выбрать видимые разделы;
- Виджеты – ранее, с их помощью организовывался сайдбар, который добавили к дефолтной теме вордпресс в 2019 году.
- Русифицируем шаблон. Если вы выбрали английскую тему, во избежание проблем её лучше перевести на русский язык. Сделать это можно несколькими способами:
- Вручную, скачав все файлы на компьютер и поправив их через любой текстовый редактор или редактор кода;
- Плагинами, не затрагивающими исходный код, а работающими с отдельной копией темы;
- С помощью специальных программ, выполняющих перевод в автоматическом режиме, без установки на хостинг;
- Делегировать перевод компетентным специалистам, отдав задачу на аутсорсинг через биржи фриланса.
Подбирая тему для сайта, помните, что:
- Адаптивность – наше все. Сайт должен выглядеть привлекательно как на десктопах, так и на мобильных устройствах – смартфонах, планшетах, нетбуках и прочих гаджетах. Ведь в 2020 году (по данным Hootsuite) около 50% от общего количества трафика приходится на мобильные устройства;
- А нужно ли мне это? Далеко не всегда куча функционала – это хорошо: если для ваших задач подойдет простейший темплейт – почему бы не воспользоваться им? Тем более, что перегруженный шаблон будет «тормозить» сайт, что скажется на его позициях при ранжировании поисковой выдачи;
- Пациент скорее мертв, чем жив. Если шаблон обновляется редко (а то и не обновляется вовсе, в течение нескольких лет), скорее всего она устарела, не соответствует актуальным требованиям к дизайну, не перспективна для поискового продвижения, а также может стать «ключом» для взломщиков.
Этап № 4: установка плагинов WordPress
Начинающих владельцев сайтов на вордпрессе можно сравнить с пареньком из одного известного украинского телешоу: с огнем в глазах и фразой «Я сейчас буду устанавливать все плагины», он «накатывает» все, что можно найти в статьях типа «50 лучших плагинов». В результате, скорость загрузки сайта замедляется, позиции в поиске падают, а вместо поиска или написания полезного, интересного, релевантного контента, разработчик ищет, что же еще можно установить и настроить.
Если подходить к поиску расширений без фанатизма, а также устанавливать только самое необходимое, они помогут:
- Повысить уровень безопасности;
- Отсечь спам, нежелательные комментарии;
- Оптимизировать ресурс под требования поисковиков;
- Улучшить юзабилити, функциональность сайта.
Надеемся, что вы внемлете предупреждениям. И переходим к практической части с детальной инструкцией, как установить плагин WordPress (спойлер – ничего сложного):
- Открываем админ-панель;
- Переходим на вкладку «Плагины»;
- В открывшемся меню жмем «Добавить новый»;
- Вводим название нужного расширения в строку поиска;
- Устанавливаем расширение, активируем плагин;
- Переходим в настройки (Вкладка «Инструменты»);
- Задаем нужные параметры.
«Мастхев» по плагинам для WordPress-сайтов:
- WP Database Backup – создает резервную копию сайта на случай взлома или непредвиденных ситуаций;
- Loginizer Security – актуален для сайтов с регистрацией, защищает от взлома методом перебора или брутфорсинга;
- Antispam Bee – защищает от спама в фоновом режиме, отсекая ботов, переходящих на ваш сайт;
- SEO-плагины: Google XML Sitemaps, All in One SEO Pack by Yoast!, Schema APP, тысячи их…
Этап № 5: как создать страницы и записи на сайте в Вордпресс
Начиная с пятой версии WordPress, вместо классического редактора, для создания новых страниц, по умолчанию в движке установлен плагин Gutenberg. Внешне, он похож на визуальные редакторы конструкторов сайтов, позволяет создавать страницы произвольной структуры, вставлять виджеты и мультимедиа, менять блоки местами и т.д.
Чтобы создать статическую страницу достаточно:
- Перейти в админ-панель;
- Выбрать меню «Страницы»;
- Нажать на кнопку «Добавить новую».
В открывшемся редакторе добавляем заголовок страницы и следуем подсказкам. Вставляем заранее написанный текст или нажимаем на значок «+» в левом верхнем углу страницы чтобы добавить блок контента с фото, публикациями из соцсетей и т.д. В этом плане, Gutenberg раскрывает широчайшие возможности для редактирования страницы.
Перед созданием можно воспользоваться функцией «Предпросмотр», убедившись, что все сделано правильно. Если да – жмем «Опубликовать» и наслаждаемся новой страницей на вашем сайте.
Публикации создаются немного по другому: чтобы добавить их переходим в меню «Записи», выбираем шаблон, рубрику (или создаем её, воспользовавшись соответствующим меню), указываем заголовок (title), короткое описание (description), копируем заранее написанный контент, выбираем изображение и нажимаем на кнопку «опубликовать».
Этап № 6: подключение SSl -сертификата
Даже не самые внимательные пользователи замечали, что у большинства сайтов, работающих по протоколу HTTP, в строке браузера возникает предупреждение о том, что “Подключение не защищено”. Чтобы убрать её на своем ресурсе необходимо перевести сайт на более защищенный протокол HTTPS с SSL-шифрованием.
SSL (Secure Sockets Layer) выступает «защитной прокладкой» при соединении браузера пользователя с сервером. Он используется в случаях, когда сайт принимает конфиденциальную информацию – персональные данные, пароли, кредитные карты и т.д. SSL “шифрует” их с помощью специальной цифровой подписи, без которой злоумышленник, желающий завладеть ими, не сможет сделать этого.
Организовать защищенное соединение можно с помощью SSL-сертификата – файла, устанавливающегося на сервере. Они бывают бесплатными (выпускаются на 3 месяца с возможностью продления) или платными, применяющимися на сайтах, «отправляющих» важную информацию на сервер.
Инструкцию по установке сертификата можно запросить у хостинг-провайдера или компании, выпустившей его.
