Веб студия » Блог » Как создать сайт на WordPress
Дата публицакии: 20 апреля 2021

Как создать сайт на WordPress

Содержание :

Когда разговор заходит о создании сайта, то первое, что нужно сделать – выбрать CМS. Да, это важный шаг, ведь от него зависит то, как будет работать ваш ресурс. Одним из лучших вариантов – WordPress. Несмотря на всю популярность данной платформы, не многие знают, преимущества сайта на ВордПресс и то, как сделать его. В этой статье мы расскажем как правильно создать сайт, конечно если вы хотите самостоятельно разобраться в этом вопросе.

Почему WordPress – что это такое

Начнем с того, что же такое wordpress? Это самая популярная, бесплатная СМS с простым и открытым исходным кодом. Благодаря большому количеству различных плагинов пользователь может создавать любой проект, начиная от лендингов, заканчивая крупным, многостраничным информационным сайтом. Конечно мы соврем если скажем, что для работы с ВордПрессом достаточно знать, что это такое. На самом деле пользователь должен обладать определенным набором навыков, чтобы установить и настроить движок. Также придётся разобраться с созданием базы данных, научиться пользоваться FTP и пр. Работа с Вордпрессом не сложная, но это и не тот случай, когда скачал, зарегистрировался и пользуешься. А, чтобы не заблудиться в этом движке, разработчики предлагают простые и понятные инструкции.

 Мы написали, что это самая популярная CMS система, и чтобы не быть голословными, факт вам к размышлению: по данным независимого агентства Web Technology Surveys за июль 2020 года, этот движок используется в 38,2 % сайтов или 63,5 % из тех, что сделаны на основе CMS.

 5 причин, почему пользователи выбирают именно работу с WordРress:

  1. Совершенно бесплатный движок. Его можно использовать в любых целях (согласно соглашению GNU GPL).
  2. Неограниченные возможности. Веб-мастер, да и усидчивый пользователь, могут создать одностраничный сайт или крупный информационный портал с большой галереей.
  3. Гибкие настройки. Устанавливая плагины (платные или бесплатные) можно менять визуальную часть сайта, делая ее более привлекательной и удобной для пользователя.
  4. Простота администрирования. Чтобы разобраться в работе с WordPress не нужно быть программистом 100-го уровня. Принцип работы движка интуитивно понятен.
  5. Минимум времени. Создать сайт на ВордПресс можно за день -полтора. А опубликовать первый контент – за 5 минут.

Устанавливаем WordPress

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

  • URL —  зарегистрированный домен (если мы говорим о новом сайте), адрес имеющегося ресурса на ВП.
  • Язык — сразу определитесь с основным языком админки.
  • Имя администратора и пароль — придумайте имя пользователя для входа в панель управления и надежный пароль.
  • Электронная почта — используйте только активный адрес e-mail.
  • Придумайте заголовок сайта. 

Нажмите “Установить”. Все, основная работа выполнена. И теперь нужно переходить к более серьезным настройкам.  

Как выбрать хостинг и зарегистрировать домен

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

  • Убедитесь в том, что выбранный вами провайдер гарантирует стабильную работу 24/7/365.
  • Служба поддержки должна работать круглосуточно. Если на сайте случится сбой, то только провайдер может решить эту проблему.
  • Простота в использовании. Так как большая часть владельцев сайта не имеют никакого отношения к программированию, панель управления хостингом должна быть доступной и интуитивно понятной.
  • Цена. Конечно, есть бесплатные хостинги, но мы рекомендуем обходить такие компании стороной. Платные варианты предлагают качественную поддержку, беспрерывную работу и т.д.

О том, как выбрать хостинг читайте здесь.

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

Как установить WordPress своими руками

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

  • Зайти на официальный сайт движка WP и скачать дистрибутив.
  • Распаковать архив.
  • Используя FTP загрузить файлы WP в корневую папку или в субдиректорию. В корневой папке находится файл index.html. Чтобы создать субдиректорию, нужно поместить папку с файлами сайта в корневой каталог. 
  • Установить ВордПресс. Для этого нужно открыть ссылку на сайт в браузере и указать информацию для подключения к базе. Данную информацию предоставляет хостинг-провайдер. 

Выберите подходящую тему для WordPress

Как правило, по умолчанию, на сайт устанавливается стандартный шаблон от WP. Но он вряд ли понравится вам, поэтому дадим пару советов, как и где найти другие темы:

  • Посетить официальный сайт ВордПресс и в каталоге найти пункт “Темы” (находится в разделе “Внешний вид”).
  • Изучить другие, сторонние сайты. Для этого достаточно прописать в Google “скачать шаблон на WP”. Пользователю доступны как платные, так и бесплатные шаблоны. Не стоит скачивать сразу все подряд, так как велика вероятность того, что вы скачаете вирус. В таком случае нужно быть внимательным.
  • Можно заказать шаблон у разработчиков.

После того как тема была выбрана, ее необходимо установить. Сделать это можно двумя способами. Если вы скачали на официальном сайте ВП через административную панель, просто достаточно нажать “Установить”. Перед установкой вы сможете посмотреть, на шаблон и убедиться в правильности своего выбора. После установки, необходимо нажать “Активировать”.

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

  • В админпанеле нажать кнопку “Добавить меню”.
  • Нажать “Загрузить” и выбрать файл.
  • Как архив добавлен — нажать “Установить”.
  • Чтобы он появился на сайте, нажмите “Активировать”.

Каждый шаблон имеет определенный набор настроек. Пользователь может изменить цвет, сформировать главное меню. Для этого, достаточно просто перейти в раздел “Внешний вид”  и нажать “Настроить”.

Как настроить сайт на CMS WordPress и тему (шаблон)

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

Настраиваем CMS WordPress

Как вы уже поняли, настройки шаблона или темы ( как вам угодно) возможно в административной панели WP в разделе “Настройки”. Во вкладке “Общие” необходимо указать краткую информацию о сайте, ее увидит пользователь. В поле “Адрес WP” необходимо указать url ресурса. Обязательно выберите часовой пояс, язык сайта, формат даты. Укажите действующую электронную почту, логин и пароль.

В разделе “Чтение” необходимо указать то, что пользователь будет видеть на главной странице ресурса. К примеру, если вы создаете блог, то там должны быть последние записи. Определитесь с количеством записей на главной странице. Важно уделить внимание и настройкам “Комментариев” и “Черного списка”.  А вот раздел “Медиафайлы” можно не настраивать.

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

Как настроить тему WordPress 

Мы уже говорили о том, что каждый шаблон имеет свои настройки. Приведем пример настройки дефолтной темы Twenty Nineteen. Изначально заходим в консоль и выбираем “Внешний вид”, нажимаем “Настроить”. Там откроются все настройки темы, слева.

В разделе “Свойства сайта” пользователь может загрузить логотип, указать название ресурса и добавить небольшое описание. Здесь же добавляем фавикон, об этом мы выше писали.

Не забываем и про цвет, в соответствующей вкладке. Создайте меню сайта, добавляя в него нужные страницы. Нажмите “Опубликовать”. При необходимости добавляем виджеты. С 2019 года стандартный шаблон WP имеет слайдбар. 

Как русифицировать тему WordPress

Существует несколько вариантов русифицировать выбранную тему: 

  1. Вручную. Сложный метод, который требует времени и повышенной внимательности. Кроме того, здесь велика вероятность ошибок, так как человеческий фактор никто не отменял. Но в любом случае суть метода: скачать файл темы на свой ПК, открыть и править код вручную. Помните, что если где-то в коде будет ошибка, то сайт перестанет работать корректно.
  2. Плагины. Преимущества в том, что плагин не вносит изменения в код, на время редактирования, так как работает отдельно с копией темы. Например, File Manager.
  3. Специальные программы. Для их установки не нужны плагины, что экономит ваше место на хостинге. Такие программы быстро и корректно переводят тему. Как вариант, Poedit.
  4. Заказать перевод. Если есть деньги, но нет времени и желания самому разбираться в этом деле, можно делегировать эту задачу профессионалам.

Добавляем контент

Многие пользователи выбирают ВордПресс по той причине, что работать с ним легко и просто. Чтобы добавить контент, особого умения не требуется. Достаточно открыть вкладку “Запись” и нажать “Добавить новую”. В редакторе есть все привычные настройки: размер и стиль шрифта, цитата, медиафайлы, списки и пр. После того, как вы вставили запись, выберите категорию, метки (изначально категории добавляют вручную).

Добавьте заголовок и пропишите все необходимые СЕО-параметры: title, description, ключевые слова. Добавьте тематическую картинку и нажмите “Опубликовать”. Для удобства разработчик предлагает два режима редактирования записи: визуальный или с помощью тегов HTML. В меню есть редактирование даты. К примеру запись может выйти после того, как вы ее оформили, а можно выставить публикацию на любое время и дату. В общем ничего сложного. 

Практические задачи с помощью плагинов для WordPress

Начнем с разъяснения. Плагин — это дополнение для сайта. Чтобы адаптировать ресурс под свои запросы, достаточно просто установить соответствующие плагины. Их существует достаточное количество. Существуют платные и бесплатные плагины. Чтобы установить необходимое дополнение, проделайте следующее: в админке сайта нажать “Плагины”- “Добавить новый”- выбрать из каталога ”Загрузить”. 

Как с помощью плагинов обеспечить безопасность сайта на WordPress

Может прозвучать странно, но сайт подвергается двум глобальным угрозам, первая из которых — сам разработчик. Стремясь создать уникальный сайт, вы можете пойти на эксперименты, которые могут привести к потере информации. Чтобы защитить свой сайт, можно установить специальный плагин.

Угроза № 2 — злоумышленники, которые просто хотят украсть ваш сайт или навредить ему.  

Рекомендуем вам установить такие плагины: 

  • WP Database Backup.
  • BackUpWordPress.
  • Backup and Restore WordPress.

После установки плагина, настройте регулярное создание резервных копий.

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

  • Loginizer Security.
  • Login Lockdown. 

Как бороться со спамом на сайте WordPress

Если у вас сайт рассчитан на то, чтобы пользователи оставляли комментарии, тогда нужно установить плагин, который поможет справиться со спамом. Например, Akismet или Antispam Bee. Эти программы работают в фоновом режиме, настройки дефолтные. Если же есть желание что-то поменять, переходите в “Настройки”.

Как обеспечить SEO сайта на WordPress

В таблице ниже рассмотрим важные плагины СЕО для любого сайта:

Для создания карты сайтаДля технической оптимизации
Для создания микроразметки
Google XML Sitemaps, Simple WP Sitemap,Gооgle Sitemap by BestWebSoft.Оставляйте настройки по умолчанию
All in One SEO Pack или WordPress СЕО by YoastЕсли вы новичок, то вам подойдут настройки по умолчаниюСвязка WPSSO и WPSSO JSON, WP SEO Structured Data Schema или Плагин Schema App

Как повысить функциональность и юзабилити ресурса

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

Юзабилити сайта нужно повышать с самого главного — с URL-адреса. СМS генерирует ее по умолчанию и вид у нее будет слегка странный, так как будут присутствовать кириллические буквы. Для этого установите плагин WP Translitera.

Также добавьте на страницы кнопки шеринга социальных сетей, установив плагин  Head, Footer and Post Injections. 

Как установить коды сервисов аналитики и подключить сайт к кабинетам для веб-мастеров

На самом деле, мы выше писали о плагинах, которые могут решить и задачи прописанные в этом подзаголовке. Например, All in One SEO Pack автоматически подключается к кабинету для вебмастеров Гугл, а чтобы подключить сайт к “Вебмастеру”, “Метрике” и Гугл Аналитике достаточно установить Head, Footer and Post Injections, о котором мы тоже говорили. 

Установка Google Analytics и Яндекс.Метрики

Google AnalyticsЯндекс.Метрика
Установите WP Google Analytics Scripts.После, пройдите в «VIVA Plugins»->»WP Google Analytics Scripts», выставьте значение «Google Analytics scripts selector» на «Google Analytics UA Tracking ID» и просто вставьте код отслеживания, предоставляемый в панели управления Google Analytics в поле Google Analytics UA Tracking ID. Нажмите Update Scripts.Установить плагин Яндекс.Метрика. Далее заходим в раздел «Настройка»->»Яндекс Метрика» и просто вставьте код счётчика, предоставляемый в панели управления Яндекс.Метрикой.

Но все это мы делаем после того, как зарегистрировались на этих сервисах.

Как создавать страницы и записи на сайте под управлением WordPress

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

Как создать статическую страницу

Чтобы создать статическую страницу, проделайте следующее:

  • В панели администратора выбрать “Страницы” после чего нажать “Добавить новую”.
  • Добавить заголовок страницы. Следуя подсказкам редактора. 
  • Напишите текст или нажмите на “Плюс”. Таким образом вы добавите блок контента.
  • Для того чтобы вставить фото, нужно нажать на соответствующий блок. Вы можете редактировать свою запись как угодно и нажать “Опубликовать”.
  • У пользователя всегда есть возможность отредактировать запись. 

Как создать запись

О том, как создать запись, мы выше говорили. По сути, проделываете те же действия, что и при создании статической страницы, но в панели управления выбираете “Запись”- “Добавить новую”.

Подключаем SSL-шифрование к сайту

Сайт должен гарантировать безопасность пользователям, особенно если юзер оставляет там свои личные данные (номер банковской карты, пароли, паспортные данные и пр). Для этого необходимо подключить SSL-шифрование. Этот протокол гарантирует безопасное соединение между браузером пользователя и сервером сайта. SSL-протокол может быть платным или бесплатным. К примеру, для новичков можно использовать бесплатный вариант от Let’s encrypt.
После установки протокола, на вашем сайте пропадет надпись “Не защищено”, и пользователи смогут довериться вам. А более подробно о SSL читайте здесь.

Колесников Дмитрий
Технический директор, студии BRAINLAB

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Хотите сделать что-то великое?
Позвольте помочь вам.
Готовы? Свяжитесь сегодня.

Свяжитесь с нами!

info@brainlab.com.ua

Наш офис

Украина, Киев

улица Евгения Сверстюка, 19

Номер телефона

38 (095) 307 888 5

Мы в соц.сетях

Калькулятор стоимости сайта Brainlab

Интересует стоимость разработки сайта? Наш калькулятор дает возможность изучить стоимость каждого этапа и подобрать подходящий под бюджет вариант.
1. Тип сайта
Сайт визитка

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

Подробнее о сайте
Landing Page

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

Подробнее о сайте
Корпоративный
сайт

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

Подробнее о сайте
Сайт-каталог

Представляет собой многостраничный сайт с многоуровневой структурой. Такой сайт содержит каталог продуктов компании, есть возможность указывать цены, скидки, акции, разделять контент для различных групп пользователей (опт/розница).

Подробнее о сайте
Интернет магазин

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

Подробнее о сайте
2. Дизайн
3. Вёрстка
4. Движок CMS
Тип сайта: Не выбрано
0 $
Дизайн: Не выбрано
0 $
Вёрстка: Не выбрано
0 $
Движок CMS: Не выбрано
0 $
Примерная стоимость: 0 $
Примерные сроки: 0 дней

Хотите сделать что-то великое?
Позвольте нам помочь вам.

Готовы? Свяжитесь сегодня.
Зполните поле
Зполните поле
Зполните поле
Зполните поле
Спасибо за заявку!

Наши менеджеры свяжутся с вами в ближайшее время.