Содержание

Как создать сайт на WordPress с нуля: пошаговая инструкция

Поговорим о том, как создать сайт на базе WordPress и Timeweb. Сайт, который обойдется в копейки, но будет полезен каждому, кто планирует зарабатывать в сети.

В конце статьи вы найдете видеоинструкцию по созданию сайта на WordPress.

Почему WordPress и Timeweb?

Это не просто реклама, а обоснованный выбор в пользу наиболее удачных продуктов. WordPress – популярная и бесплатная CMS, покрывающая задачи большинства веб-мастеров. Timeweb – недорогой, быстрый и надежный хостинг.

Вы, конечно, в праве поискать альтернативу, в том числе и бесплатную (плохая идея), но не факт, что все получится гладко и без эксцессов.

С базовым инструментарием определились, теперь к делу.

Перед тем как начать, добавлю очень важное замечание. Сейчас мы будем делать настройку на базе виртуального хостинга, но можно выбрать и другой вариант. Если вам нужно побыстрее развернуть блог на базе WP, то можно пропустить этап базовой настройки бэкенда и сразу перейти к тарифу с уже установленной CMS WordPress.

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Подписаться

Настраиваем хостинг и домен

Для начала подготовим хостинг, выбрав тарифный план, установив на сервере CMS и купив свободный домен.

Регистрируем хостинг

Для начала надо обзавестись хостингом. Это вечно функционирующий сервер (компьютер), на котором будет располагаться ваш сайт. Благодаря хорошему хостингу, такому как Timeweb, ваша страница будет доступна тысячам пользователей круглосуточно.

  • Заходим на официальный сайт Timeweb.
  • Затем кликаем по кнопке «Хостинг» в левом верхнем углу.

  • Выбираем пункт «Виртуальный хостинг». 

  • Знакомимся с тарифами, выбираем подходящий и нажимаем на кнопку «Заказать».

Думаю, для начала подойдет вариант с 30 гигабайтами памяти и 10 сайтами. На первое время должно хватить, а в дальнейшем дополнительное пространство можно докупить, к тому же новым клиентам дается тестовый период на 10 дней. Также отмечу, что лучше выбирать тариф с годовой оплатой: это выгоднее и не придется отдельно платить за домен.

Но еще проще завести тариф с установленным WordPress и сразу переходить к шагу «Настраиваем сайт».

  • Потом регистрируем новую учетную запись. Указываем имя и адрес электронной почты.

Также можно зарегистрировать данные юридического лица.

Сразу после регистрации системы выполнит вход, а вы окажетесь в панели управления (то есть в «админке»).

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

Оплачиваем услуги хостинга

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

  • Кликаем по иконке в виде кошелька в верхней части экрана.

  • Затем указываем переиод аренды и выбираем дополнительные опции (если нужны).

  • После этого выбираем удобный способ оплаты. Выбрав удобный способ, жмем на кнопку «Перейти к оплате».

  • В случае с картой просто указываем свои данные…

  • В случае с Apple Pay или Google Pay жмем на соответствующую клавишу и ждем инструкций от используемых браузеров.

После этого система приема платежей предложит вернуться в панель управления Timeweb, а деньги моментально поступят на счет.

Забираем бесплатный домен

Как я уже сказал ранее, при оплате сразу за год Timeweb дарит домен в зонах .ru или .рф в подарок. Правда, этот бонус нужно активировать.

  • В боковой панели админки находим и открываем раздел «Бонусы и промокоды»

  • Затем кликаем на кнопку «Активировать» напротив надписи «Бесплатный домен в зоне .рф…»

Тут же будет плашка для ввода промокодов со стороны.

Добавляем администратора домена

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

Поэтому придется указать данные будущего владельца сайта. Без этого дальше продвинуться не получится.

  • Открываем меню «Домены и поддомены» в боковом меню.

  • Жмем по ссылке «Администраторы доменов».

  • Потом нажимаем на кнопку «Добавить администратора».

  • Вводим свои данные (либо данные заказчика, который будет владеть сайтом).

  • Потом нажимаем на кнопку «Создать».

Должно получиться вот так. Я вводил данные лишь для примера.

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

Регистрируем домен

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

  • Опять открываем меню «Домены и поддомены».

  • Кликаем по кнопке «Зарегистрировать домен».

  • В появившемся текстовом поле вводим имя домена. Оно может быть любым. Главное, чтобы соответствовало нормам интернета и было свободным. Если что, Timeweb подскажет и предложит подходящие варианты. Выбрав имя и ознакомившись с ценой (даже с оплатой бонусами за первый год продление будет стоить денег), жмем на кнопку «Зарегистрировать»

  • Потом нажимаем на ссылку «…к основному сайту».

  • Выбираем вариант «Не привязывать».

  • И сохраняем эту настройку. Полдела сделано.

  • Убираем галочку с платного сертификата. Нам он пока не нужен.

Должно быть так.

  • Потом нажимаем на фразу «Сумма к оплате», чтобы указать вариант оплаты бонусами (появится соответствующее всплывающее меню).

  • Перед нами появится список доменов. Кликаем по вновь созданному.

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

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

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

Платформа для нашего сайта готова, осталось только установить систему управления WordPress.

  • Сначала открываем вкладку «Каталог CMS» в боковом меню.

  • Выбираем там WordPress.

  • Потом нажимаем на кнопку «Установить приложение».

  • В появившемся окошке выбираем домен, на который хотим установить WordPress (в моем случае будет тестовый).

  • Затем жмем по кнопке «Начать установку». Процесс займет несколько секунд.

  • Фиксируем логин и пароль.

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

  • Потом открываем меню «Сайты» в боковой панели.

  • Ищем там вновь созданный ресурс на базе WordPress и заходим в него.

Собственно, вот и сайт. Совсем простенький и не самый красивый, но рабочий. Теперь переходим к творческому процессу. Будем превращать безликий WordPress-ресурс во что-то свое.

 

Читайте также

Настраиваем сайт на WordPress

Теперь из административной панели Timeweb мы переползаем в админку WordPress и начинаем работать с ней.

Как зайти в админку WordPress

Тут все просто. Чтобы попасть в админку:

  • Надо в адресную строку браузера ввести *название сайта без домена*/wp-admin. Такого рода ссылка приведет в админку WordPress.

  • Потом вводим реквизиты админки, которые нам отправили по почте.

Настраиваем внешний вид админки

Тут нужно немного прибраться, чтобы не путаться в куче элементов интерфейса.

  • Заходим и начинаем отключать все, что на текущий момент является лишним и отвлекает. Для этого сначала нажимаем на кнопку «Закрыть» в блоке «Добро пожаловать».

  • Потом открываем настройки экрана.

  • Убираем галочки везде, кроме пункта «На виду». Он пригодится.

Будет как-то так. Чистенько и не слишком пугающе.

Устанавливаем свежую версию WordPress

Когда мы разобрали бардак на главной странице, можно перейти к обновлению движка. Так как делаем сайт под себя, то можно смело устанавливать самую свежую версию WordPress. 

  • Нажимаем на ссылку «Пожалуйста, обновитесь» в верхней части экрана.

  • Потом ищем большую синюю кнопку «Обновить сейчас» и кликаем по ней.

  • Через несколько секунд, когда на экране загорится стартовая страница WP, переходим в меню «Консоль» в левом верхнем углу.

  • Наведя на него курсор, мы увидим, что рядом со словом «Обновления» висит красный кружок с цифрой. Это количество доступных обновлений. Переходим в это подменю.

Здесь видны все плагины и темы, которые можно обновить прямо сейчас.

  • Выбираем плагины и темы, которые хотим обновить, поставив напротив них галочки.

  • Потом нажимаем на кнопку «Обновить…»

Больше никакие обновления не нужны. Теперь вы знаете, как установить свежие версии дополнений в свою CMS.

Удаляем ненужные темы

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

  • Сначала наводим курсор на меню «Внешний вид».

  • Потом переходим в подменю «Темы».

  • Кликаем по теме, которую хотим стереть.

  • Нажимаем на кнопку «Удалить» в правом нижнем углу.

  • И еще раз подтверждаем, что хотим это сделать, но уже в браузере.

Повторяем это, пока не сотрем все ненужные темы (по сути, все, кроме одной).

Заказываем SSL-сертификат

Не совсем по пути, но надо сразу заказать SSL-сертификат. Это необходимо, чтобы обеспечить безопасное соединение между нашим сайтом и пользователями, решившими его посетить. Сейчас запускать сайт без сертификата безопасности – опасный моветон. 

  • Возвращаемся в панель управления Timeweb и открываем меню «SSL-сертификаты».

  • Затем кликаем по ссылке «Заказать».

  • Выбираем бесплатный сертификат.

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

  • А потом выбираем домен, которому он достанется.

Уже через несколько часов сертификат будет готов и начнет действовать. А мы в это время продолжим заниматься доработкой сайта. Работы еще полно.

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

Раз уж мы удалили ранее все темы, надо их чем-то заменить. Тем очень много, вы сами это увидите. Исключительно для примера я буду использовать Astra. Она минималистичная и приятная в целом.

  • Переходим в раздел с темами, как мы это уже делали ранее.

  • Кликаем по кнопке «Добавить».

  • Оказавшись в библиотеке тем, ищем поисковую строку.

  • Вводим в нее слово Astra.

  • Ищем ту самую тему и нажимаем на кнопку «Установить».

  • А потом еще и активируем.

  • Ну и нажимаем на ссылку «Перейти на сайт», чтобы убедиться, что тема установилась и активировалась.

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

Устанавливаем плагин Really Simple SSL

Когда сертификат будет готов, надо будет его активировать. Для этого есть специальный плагин, который чуть ли не все делает за вас автоматически.

  • Жмем на кнопку WordPress в панели управления CMS.

  • Переходим в консоль.

  • Выбираем подпункт «Добавить новый» в меню «Плагины».

  • Ищем в открывшемся окне поисковое поле и вводим туда название плагина Really Simple SSL.

Вот так он называется.

  • Потом нажимаем на кнопку «Установить».

  • Активируем.

После этого у вас на экране появится предложение установить текущий SSL-сертификат. Соглашаемся с этим и ждем. Система попросит заново ввести логин и пароль администратора. Уже после этого сертификат вступит в свои права и начнет работать. С этой минуты соединение между клиентом и вашим сайтом будет безопасным. В глазах поисковых систем ваш сайт тоже станет более подходящим для продвижения и выдачи на высоких позициях.

Как работать с сайтом

Теперь перейдем к наполнению нашего потенциального блога. Все-таки решающую роль играет контент, а не техническая составляющая.

Добавляем статью в свой блог

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

  • Сначала наводим курсор на кнопку «Добавить» в верхней части экрана и выбираем опцию «Запись».

  • Закрываем обучалку с основной информацией о редакторе WordPress (мы все сейчас будем подробно разбирать).

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

Вот как это может выглядеть.

В редакторе всегда светится значок в виде плюсика. Это кнопка для добавления дополнительных материалов и разметки. Разрывы страницы, абзацы, разные типы заголовков, изображения… Список элементов огромный. Только не пугайтесь обильного количества опций. Все проще, чем кажется.

Все опции можно посмотреть, нажав на вот эту стрелочку.

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

Добавляем фото на сайт

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

  • Снова нажимаем на плюсик.

  • Среди предложенных вариантов выбираем «Изображение».

  • В появившемся окошке нажимаем на кнопку «Загрузить».

  • Выделяем картинку и нажимаем «Выбрать» (ОК).

Готово. Теперь справа появится блок с настройками изображения. Можно поменять разрешение, например. Или подписать альтернативный текст с ключевыми словами и пояснениями.

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

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

Добавляем другие виды контента

Процедура почти такая же. Я просто пробегусь по некоторым типам контента.

Галерея

Галерея – серия картинок, объединенных в один блок.

  • Выбираем соответствующий пункт в меню.

  • Потом выбираем изображения, которые нужно объединить в галерею.

Обложка

Обложка – это фон для текста. 

  • Выбираем пункт «Обложка», прежде нажав на плюсик.

  • Нажимаем кнопку «Загрузить», чтобы сделать обложку уникальной.

  • Выбираем картинку, которая станет обложкой.

Цитата

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

  • Кликаем по плюсу и добавляем блок «Цитата».

  • Вписываем текст, который будет выделен цитатой.

Заглавное изображение

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

  • Открываем пункт меню «Изображение записи» в правой части экрана.

  • Потом нажимаем на кнопку «Установить изображение записи».

  • Загружаем подходящую картинку.

  • Потом выбираем ее в библиотеке WordPress и устанавливаем в качестве основной.

При желании ее можно отредактировать. Уменьшить размер или перевернуть прямо в CMS.

  • Снова открываем то же меню и кликаем по нашей обложке.

  • Выбираем пункт «Редактировать».

  • Редактируем картинку с помощью инструментов, доступных выше.

  • А потом сохраняем.

Это все, что я хочу сказать по контенту. Понятное дело, типов контента десятки, а с плагинами их становится еще больше, но эта тема тянет на отдельную статью. Так что разберем ее как-нибудь в другой раз. 

Публикуем нашу статью

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

  • В редакторе статьи нажимаем на кнопку «Опубликовать».

  • Потом кликаем по ссылку «Посмотреть запись».

И на этом все. Статья опубликована. Теперь ее смогут увидеть все посетители сайта.

А вот так она будет выглядеть на главной странице сайта. В одном списке со всеми остальными материалами.

Редактируем разметку

Теперь покажу, как можно изменить внешний вид сайта. Покажу это на примере изменения разметки.

  • Для начала нажимаем на кнопку «Настроить» в верхнем левом углу. Она отправит нас в режим редактирования внешнего вида страницы.

  • Выбираем вкладку «Общие» в боковой панели.

  • Потом вкладку «Контейнер».

  • Затем кликаем по блоку под словом «Разметка».

  • Выбираем третий вариант, чтобы контент на сайте занял больше пространства, но без перебора.

Так сайт будет выглядеть более симпатично.

Ищем и обрабатываем изображения

Мы уже работали с изображениями и знаем, как загрузить их на сайт, но не знаем, где их взять и как обрабатывать. Дело в том, что далеко не все из нас фотографы, а просто так тащить фотки из Гугла опасно. Это чревато реальным наказанием в виде большого штрафа. Поэтому нужен легальный способ добывать красивые изображения. Например, использовать бесплатный фотосток Unsplash.

  • Заходим на сайт Unsplash.

  • Вводим в поиск любой запрос. В моем случае было слово «cats», просто потому что мне захотелось на них полюбоваться. В вашем случае запрос будет соответствовать тематике статьи.

  • Находим понравившееся изображение, наводим на него курсор и жмем по специальной кнопке для загрузки.

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

  • Заходим на сайт Tinypng и на главную страницу перетаскиваем картинки, которые хотим использовать в статье.

  • Ждем, пока завершится процесс компрессии, и нажимаем на кнопку Download All.

Теперь у нас есть то же изображение, но уже вдвое легче. И все это без видимой потери качества. Никаких компромиссов.

Настраиваем рубрики, страницы и меню WP

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

Создаем статичные страницы

Страницы – это такие же разделы сайта, как и те, что вы уже видели в ленте. Тот список опубликованных статей – это главная страница. На ней располагаются другие статьи. Но на страницах может быть любой контент. И они могут быть статичными, то есть показывать какую-то редко изменяющуюся информацию. Например, данные о владельце сайта или тематике ресурса. В общем, что угодно на усмотрение редактора.

  • Сначала возвращаемся в консоль WordPress, находим там вкладку «Страницы» и выбираем пункт «Добавить новую».

Оказываемся в редакторе. Он не отличается от того, что мы уже видели ранее. Тут можно добавлять текст, картинки, цитаты. 

  • Придумываем заголовок и пишем текст.

  • И потом жмем «Опубликовать».

После этого мы получим ссылку на новую страницу. 

Она появится в списке страниц в правом верхнем углу. Там уже будет пример по умолчанию и добавится вновь созданная страница. Можно переключаться между ними.

Если вернуться назад и в меню «Страницы» выбрать «Все страницы», то перед вами появятся все доступные на сайте страницы. Тут можно их редактировать, отключать, удалять. Интерфейс интуитивно понятный, не отличается от интерфейса управления записями.

Создаем рубрики

Рубрики – это категории статей, созданные для ориентирования на сайте. Объясню на примере: представьте, что ваш блог посвящен разного рода электронике. Вы пишете буквально обо всем. Но люди к вам приходят читать не обо всем, а, например, только об Айфонах. Тогда можно создать рубрику Apple. А внутри нее еще и рубрику «Айфон». Получится, что человек, посетивший страницу, сможет сразу перейти к статьям, посвященным этому гаджету. 

  • Наводим курсор на пункт «Записи», потом выбираем подпункт «Рубрики».

Далее надо задать параметры для рубрики.

  1. Даем любое имя (зависит от того, о чем пишете у себя в блоге).

  2. Указываем ярлык (это текст для ссылок).

  3. Выбираем родительскую рубрику (это пригодится, когда будем создавать подрубрики).

  4. Коротенькое описание, чтобы понимать, о чем тут вообще идет речь.

  5. Пишем описание и нажимаем на кнопку «Добавить новую рубрику».

Все рубрики появятся справа.

Их можно менять и удалять так же, как статьи и другие материалы. Интерфейс в WordPress вообще мало где меняется.

Давайте сделаем подрубрику iPhone, чтобы было понятно, как это работает.

  • Вводим название, ярлык и указываем родительскую рубрику (у нас это Apple, естественно).

Затем можно изменить ярлык и название.

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

  • Открываем список записей.

  • Кликаем по кнопке «Свойства» под статьей, рубрику которой хотим поменять.

  • Ставим галочку напротив нужной рубрики.

  • Потом нажимаем «Обновить».

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

Теперь надо дать пользователям доступ к рубрикам.

Создаем меню

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

  • Наводим курсор на пункт «Внешний вид» и выбираем подпункт «Меню».

  • Вводим название будущего меню и создаем его.

  • Ставим галочку напротив страниц, которые хотим добавить в меню, и напротив пункта «Основное меню».

  • Потом то же самое делаем с рубриками.

  • Не забываем это все добавить во вновь созданное меню.

  • А потом нажимаем «Сохранить меню».

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

  • Снова идем в настройки нашего меню и слегка сдвигаем рубрику iPhone под рубрику Apple (тянем мышью). 

Логично и красиво. А еще куча свободного места появилась на главной странице.

Итак, на этом этапе мы разобрались со структурой. С тем, как ее можно менять, и с тем, какой примерно она должна быть. Теперь серьезнее поработаем над визуальной составляющей. Сделаем сайт еще красивее, чем он есть сейчас. А также скорректируем основные настройки CMS.

Читайте также

Меняем параметры WordPress

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

Сначала открываем основные параметры WordPress, зайдя в соответствующее меню.

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

  1. Поменять название.
  2. Сделать уникальное описание.
  3. Указать корректный адрес электронной почты.
  4. Указать язык.
  5. Выставить часовой пояс.
  6. Настроить формат времени.

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

Если все устраивает, можно оставить настройки без изменений. Но хотя бы название сменить надо. Это либо имя компании, либо уникальный брендинг вашей страницы. У всех по-разному. 

Сохраняем изменения и переходим к теме.

Настраиваем тему Astra

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

Переходим к настройкам.

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

Сразу отмечу, что по ходу настройки каждого элемента можно переключаться между «клиентами». То есть посмотреть, как сайт будет выглядеть на планшете или смартфоне. Для этого есть соответствующие кнопки внизу. Регулярно переключайтесь между ними и вносите изменения сразу для всех разрешений, чтобы потом не возникло проблем в верстке.

Общие настройки

Сначала откроем общие настройки. Внутри есть еще четыре вкладки, в которые можно зайти. Рассмотрим все. 

Типографика

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

Для заголовков во второй типографике есть точно такие же настройки. Причем для каждого типа заголовка и подзаголовка (а их много) свои.

На скриншоте видны «Подзаголовок 2» и «Подзаголовок 4».

Цвета

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

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

Можно сделать так, если хотите погубить визитеров.

Контейнер

В контейнере уже были. Там можно изменить тип разметки страницы. Лучшее мы уже не сделаем. Другие варианты только ухудшают внешний вид страницы.

Кнопки

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

Шапка

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

Айдентика сайта

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

  • Просто нажимаем «Выбрать логотип» и загружаем подходящую картинку.

  • Нажимаем «Загрузить файлы».

  • А потом «Выберите файлы».

И все. Потом можно подкрутить ширину.

Кошка с копибарой тоже подойдут, если их красиво нарисовать.

Во-вторых, фавиконка. Это значок сайта, который видно в поисковике и на вкладках браузера.

  • Создаем себе фавиконку.
  • Потом нажимаем на кнопку «Выберите иконку сайта».

  • Нажимаем «Загрузить файлы».

  • Потом «Выберите файлы».

У меня будет вот такой смайлик. Ясное дело, вам лучше подумать над чем-то более привлекательным и креативным. Она все же должна ассоциироваться с вашим блогом.

Основные шапка и меню

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

У меня параметров побольше. Можно тонко настроить визуальную репрезентацию меню, так сказать.

Хлебные крошки

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

Блог

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

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

А что касается меты (короткого описания), то лучше предложить посетителям сначала взглянуть на комментарии, а уж потом на все остальное. Ну и ни в коем случае нельзя вставлять полный текст статьи в сам блог. Это не самая удачная практика. Лучше оставить небольшой отрывок.

Аналогичные настройки есть и для тела статьи. Причем находятся они в том же разделе. Вы легко их найдете.

Сайдбар

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

Можно вставить туда любое меню (мы уже создавали одно, можете повторить или создать новое и встроить его в боковую панель).

Футер

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

Но чаще там оказывается какая-то юридическая информация, на которую 99% посетителей даже не обращает внимания, что неудивительно – нудятина же.

Вы можете поступить иначе и встроить туда виджеты. Причем виджетом может выступать что угодно: контент с других сайтов, картинки, видео, песни, мини-приложения, ссылки, куски других страниц. Если ввести в Google что-то вроде «Виджеты для WordPress», то получите выдачу с сотнями сторонних виджетов. Многие могут оказаться действительно полезными, но настраиваются они не здесь. Тут только включаются.

Для этого надо сделать следующее:

  • Выбрать разметку справа.

И внизу тут же появится намек на виджеты. Пока без них, правда.

Еще там есть нижний колонтитул. Туда можно вписать любой текст. Ну или как раз вставить ссылку на свою политику конфиденциальности.

А можно просто написать «Привет».

Меню

Есть такой пункт, но он повторяет тот, в котором мы уже побывали. Мы с вами уже настроили меню и знаем, как его отредактировать. Я не вижу смысла повторяться на эту тему.

Виджеты

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

  • Выбираем область для виджетов. Можно любую.

  • Потом нажимаем на кнопку «Добавить виджет».

  • Выбираем виджет, который хотим добавить.

Наслаждаемся добавленными виджетами. У меня тут календарь и картинка, причем в одной области. То есть в одну область можно закинуть несколько виджетов, но перебарщивать не стоит. Пусть виджеты приносят пользу, а не дисбалансируют дизайн страницы.

Настройки главной страницы

По умолчанию главная страница – это ваш блог (или лента, как пожелаете). Нормальное решение. Базовое, удобное. Если хотите, можете вставить вместо такой главной любую другую страницу. Но это будет странно.

Такие варианты становятся доступны, если все-таки надумаете что-то поменять.

Дополнительные стили

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

Настройки страниц с помощью плагина Elementor

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

  • Открываем меню плагинов в боковой панели и выбираем пункт «Добавить новый».

  • Ищем плагин Elementor, устанавливаем и активируем.

  • Потом нажимаем на кнопку «Добавить» и выбираем вариант «Страницу».

  • Ищем вверху синюю кнопку «Редактировать в Elementor» и нажимаем на нее.

  • Кликаем на «Начать».

  • Пропускаем обучение и переходим к регистрации в сервисе Elementor, чтобы подключить свой WordPress к нему.

Появится основной интерфейс Elementor, то есть конструктор страниц. Сбоку будут элементы, которые можно перетащить на свой сайт. С помощью них можно быстро построить необходимый ресурс. Но можно взять и шаблон.

  • Кликаем по иконке в виде папки в правой части окна.

  • Выбираем шаблон. Можно любой доступный в бесплатной версии.

  • Потом нажимаем на кнопку «Вставить».

Ваш сайт преображается. На нем появляется страница с готовым дизайном. Вставляем свой текст с картинками и поехали дальше.

Можно добавить не целую страницу, а отдельные куски. Допустим, если вам нужна FAQ-секция или кусок с информацией о команде, работающей над сайтом.

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

На этом все. Так работает Elementor. При желании можно купить Pro-подписку и получить доступ к сотням профессиональных, красиво оформленных тем. Это в разы упростит создание сайта и сделает его довольно серьезным на вид.

Подключаем к своему сайту рекламу

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

Многим кажется, что это техническая магия, что это сложно и долго, но на деле все не так. Подключить рекламу и начать получать копеечку можно в кратчайшие сроки.

Находим партнерскую программу

Это первая и, на самом деле, самая сложная часть подключения рекламы. Нужно найти партнерскую программу. Для этого придется зарегистрироваться в сервисе наподобие AdSense или Admitad. Второй вариант вполне ничего. Там есть партнерские программы от М-Видео, Wargaming, Связного и Timeweb. Можно подключить их баннеры. Главное, пройти модерацию. Ваш сайт проверят и дадут возможность сотрудничать с компаниями. Вы начнете приводить к ним новых посетителей, а они вам за это предложат небольшое (или очень большое) вознаграждение.

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

Устанавливаем Ad Inserter

Чтобы встроить код в свой блог, скачаем специальный плагин для WordPress.

  • Открываем меню плагины и выбираем пункт «Добавить новый».

  • Вписываем в поисковое поле слово Ad Inserter.
  • Потом нажимаем «Установить» рядом с названием плагина.

  • Потом нажимаем на кнопку «Активировать».

Как видите, все плагины устанавливаются одинаково. Они уже готовы к работе. Теперь переходим к настройке рекламы.

Подключаем рекламу к сайту

Начинаем встраивание баннеров.

  • Открываем настройки WordPress и выбираем там Ad Inserter.

  • Выбираем один из доступных 16 блоков с будущей рекламой.

Вот как можно выглядеть код с рекламой.

  • Ставим галочки на тех секциях сайта, в которые мы хотим встроить рекламу.

  • Сохраняем настройки, нажав на соответствующую кнопку.
  • Возвращаемся в консоль, выбираем пункт «Внешний вид» и переходим в подпункт «Виджеты».

Здесь будет три секции:

  1. Установленные виджеты.
  2. Элементы сайдбара.
  3. Виджеты в футере.

  • Мы перетаскиваем виджет Ad Inserter в панель «Основной сайдбар».

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

Вот так будет выглядеть баннер. В моем случае – это выдуманная акция. У большинства компаний реклама сейчас более привлекательная.

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

Не используйте такую гигантскую рекламу никогда. Это кошмар.

  • Еще закинем рекламу в футер. Пусть будет.

  • Укажем расположение рекламы в других участках сайта.

  • Привяжем рекламный баннер к потолку сайта, чтобы он не исчезал при скроллинге. Поставим для этого галочку Sticky.

Вот как это выглядит в динамике.

Чтобы было удобнее настраивать расположение рекламы, можно нажать на кнопку Ad Inserter. Она сразу же проявит все возможные позиции и предложит установить там рекламу.

Вот одна из возможных позиций.

Оно настраивается вот в этом меню.

Вот какие варианты доступны при настройке в Ad Inserter

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

Разыскиваем контент для сайта

Чтобы зарабатывать деньги с партнерских программ, нужно привлекать большую аудиторию. А чтобы привлечь аудиторию, нужно сделать сайт, который ее заинтересует. Для этого нужен контент. Хороший во всех смыслах, грамотный. Тот, который интересно читать. И тот, который соответствует техническим требованиям поисковиков.

Такой можно писать самому. Или можно воспользоваться услугами копирайтеров.

Где искать статьи для блога WordPress?

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

Text.ru – относительно популярная площадка. Тут много людей и бесплатные инструменты для проверки текстов.

Вот как выглядит список востребованных авторов на Text.ru.

Advego – мене известная площадка, но очень строгая. Обычно авторы тут посильнее, но и подороже.

eTXT – наверное, самая масштабная площадка в РФ. Можно найти сотрудников по самым разным критериям. Пользовательская база реально очень большая.

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

Настраиваем аналитику

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

Подключаем Яндекс.Метрику

Нам понадобится очередной плагин.

  • Открываем меню «Плагины» и нажимаем на «Добавить новый».

  • Ищем Яндекс.Метрику и скачиваем соответствующий счетчик.

  • Потом открываем настройки установленного плагина.

  • Видим пустое поле. Заходим на сайт Яндекс.Метрики, регистрируем аккаунт.

Где взять счетчик Метрики?

Теперь нам нужен код для сбора информации о посетителях.

  • Затем нажимаем на кнопку «Добавить счетчик».

  • Вводим название сайта, указываем его адрес, врубаем «Вебвизор» и соглашаемся с условиями использования.

  • Потом создаем счетчик.

  • Копируем код со страницы Яндекс.Метрики.
  • Вставляем его в пустое окно плагина и сохраняем.

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

Заключение

На этом, пожалуй, все. Мы сделали сайт на Worpress, оформили его. Все проверили. Сделали безопасным. Настроили аналитику. Подключили рекламу, чтобы получать деньги. Что еще нужно? Получше разобраться в SEO и нанять хороших копирайтеров. Тогда успех обеспечен. 

Видеоинструкция

➤ Как создать сайт на WordPress подробная инструкция

 

Содержание страницы:


— Плюсы WordPress
— Так как же создать свой собственный сайт?
— Приобретите хостинг
— Настройте SSL-сертификат
— Запустите движок WordPress
— Установите опциональные настройки
— Выберите шаблон оформления для сайта
— Плагины и зачем они нужны
— Дополнительные опции
— Делаем начальное наполнение сайта
— Политика конфиденциальности
— Меню (структура сайта)
— Рубрики
— Метки
— Записи (статьи)

 

 

WordPress – это удобная площадка для разработки качественных веб-ресурсов. Это бесплатная и довольно простая система управления контентом (CMS). Сегодня на базе WordPress работают около 30% сайтов в мире.

 

Плюсы WordPress

 

—Простые настройки

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

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

—Разнообразие дизайна и большой набор плагинов

WordPress предлагает тысячи шаблонов – готовых сайтов, которые можно быстро установить. Эти шаблоны стоят немного, общий бюджет разработки сайта не превышает 100 – 200 долларов.

—Удобство для продвижения

WordPress обладает встроенной оптимизацией под поисковые запросы. Шаблоны сайтов постоянно изменяются в соответствии с современными требованиями.

 

Так как же создать свой собственный сайт?

 

1. Для начала выберите тематику

Занимайтесь тем, что вам действительно интересно, о чем вы можете увлеченно рассказывать часами. Если вы эксперт в своей области, это повысит ваши шансы. Найти вдохновение и интересные идеи помогут рейтинги проектов Яндекса, Рамблера, LiveInternet.

 

2. Выберите домен и хостинг. Пройдите регистрацию

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

Проверить, свободен ли желаемый домен, можно на сервисе https://timeweb.com/ru/services/domains/

 

 

 

 

 

 

 

 

 

 

 

 

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

Как проследить историю? Первый способ – зайти на сайт https://web.archive.org Введите придуманное вами доменное имя и посмотрите у какого веб-ресурса оно уже было. В некоторых случаях этот сервис показывает, как выглядело оформление прежнего сайта и какие на нем размещались материалы.

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

3. Приобретите хостинг

 

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

Самый экономный вариант– обычный хостинг. Его часто используют новички, потому что для пока еще «не тяжелого» сайта не нужно много места в хранилище. К тому же новый сайт редко посещают, и обрабатывать запросы довольно легко.

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

Когда сайт «перейдет во взрослую лигу» и на него начнут заходить больше тысячи пользователей в день, потребуется более дорогой тариф или VDS-хостинг. Это — аренда виртуального выделенного сервера. Он подходит для профессиональных веб-ресурсов с высокой нагрузкой.

 

Регистрация хостинга: пошаговый алгоритм

—Найдите вкладку «Хостинг»

—Установите тариф

—Укажите адрес электронной почты и ФИО (для регистрации)

—Дождитесь получения логина и пароля

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

 

Регистрация хостинга: порядок действий

—Найдите на панели управления хостингом вкладку «Домены и поддомены»

—Выберите пункт «Зарегистрировать домен»

—Укажите доменное имя

—Дождитесь уведомления о том, что домен свободен

—Нажмите кнопку «Зарегистрировать»

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

—Оплатите пользование доменом и дождитесь активации.

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

 

4. Настройте SSL-сертификат

 

SSL-сертификат – это цифровая подпись сайта, которая нужна для безопасного соединения. Он позволяет зашифровать весь процесс обмена информацией между сайтом и пользователем. Эта информация становится недоступной для третьих лиц, системных администраторов и даже провайдеров.

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

SSL-сертификат необходим веб-ресурсам, которые содержат конфиденциальные данные: логины и пароли, банковскую информацию и персональные сведения.

Сайт, защищенный цифровой подписью, открывается по ссылке https://

Бесплатный сертификат можно найти в админке самого хостинга.

 

5. Запустите движок WordPress

 

Главный плюс движка WordPress – встроенный механизм SEO-оптимизации. Установив движок, вы получите возможность указывать для каждой статьи ее название, тег с кратким описанием, блок ключевых слов для keywords и для облака тегов, а также  сможете публиковать материалы задним числом или в будущем.

Движок несложно установить вручную или с помощью хостинговых инструментов. Процесс активации займет примерно 10 минут. После его завершения ваш сайт появится в интернете – пользуйте им на свое усмотрение. Однако дополнительные настройки не помешают.

 

 

 

 

 

 

 

 

 

 

 

 

 

6. Установите опциональные настройки

 

В разделе настройки выберете все, что считаете нужным. Самое важное – название сайта. В пункте «Краткое описание» напишите о теме вашего проекта с использованием ключевых словосочетаний.

Затем настройте форматирование и сервисы обновления. В «Настройках чтения» можно указать, что вы хотите видеть на главной странице. В «Настройках обсуждения» можно разрешить оставлять комментарии на новые статьи и обязать авторов комментариев указывать свое имя и e-mail. Галочка напротив пункта «Комментарий должен быть одобрен вручную» избавить вас от несанкционированной рекламы. Не забудьте сохранить все изменения.

 

 

 

 

 

 

 

 

 

 

 

7. Выберите шаблон оформления для сайта

 

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

Бесплатный набор шаблонов легко найти на официальной странице https://ru.wordpress.org/themes/ Большая коллекция покупных шаблонов с русскоязычной админкой лежит на Root и JournalX. Огромная галерея с шаблонами, которые придется устанавливать по-английски, доступна на ThemeForest.

 

 

 

 

 

 

 

 

 

 

 

 

 

Что нужно учитывать при выборе шаблона?

1. Посмотрите, корректно ли отображается лента материалов

2. Изучите описание шаблона и решите, какие настройки вам потребуются после установки

3. Устанавливайте бесплатный шаблон с осторожностью. Чтобы не подхватить вирус, скачивайте его через админ-панель «Внешний вид – Темы»

4. Настраивайте платный шаблон после ознакомления с отзывами

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

 

Настройте выбранный шаблон

Единого стандарта настроек нет, у каждого шаблона они свои. Где найти список настроек темы? В специальной вкладке «Внешний вид – Настроить» или в отдельной рубрике с названием темы.

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

 

8. Плагины и зачем они нужны

 

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

 

Как установить плагин

 

 

 

 

 

 

 

 

 

 

 

 

 

Выберете раздел «Плагины» в админке и опцию «Добавить новый». Дальше, по своему усмотрению, воспользуйтесь готовым или добавьте свой собственный.

Выбор плагина – настоящий простор для творчества, но есть и «золотые пять», которые должны быть всегда под рукой. Во всяком случае, с ними лучше быть знакомыми. Речь идёт о «Clearfy Pro», «Yoast SEO», «WP Super Cache», «Akismet» и «All In One WP Security». Разберём каждый по порядку.

 

Плагин «Clearfy Pro»

 

 

 

 

 

 

 

 

 

 

 

 

Оговоримся сразу: «Clearfy Pro» — платный, но это того стоит. Его основное преимущество – сочетание легкости (он практически невесом для системы) и эффективности в работе. Этот плагин способен обеспечивать и поддерживать  жизнеспособность вашего ресурса, ем можно доверить SEO, освобождение ресурса от неизбежно возникающего мусора и зоркий контроль за сохранностью контента.

Раздобыть плагин можно здесь: https://wpshop.ru/plugins/clearfy

В качестве альтернативы можно рассмотреть «Cyr to Lat enhanced» (вот тут: https://wordpress.org/plugins/cyr3lat/)

 

Плагин «Yoast SEO»

 

Этот плагин пригодится нам для того, чтобы навести порядок с SEO. Например, он поможет прописать Заголовок и Описание для всех разделов сайта, не упустив ни одной рубрики. Он же пригодится при разработке карты ресурса XML – крайне привлекательного элемента сайта для поисковых механизмов.

Yoast SEO водится тут: https://ru.wordpress.org/plugins/wordpress-seo/

 

Плагин «WP Super Cache»

 

 

 

 

 

 

 

 

 

 

 

Этот плагин пригодится для кэширования – полезной опции, ускоряющей загрузку сайта. Механизм кэширования сводится к тому, что страницы не загружаются каждый раз заново, а «запоминаются» плагином.

Плагин можно скачать здесь: https://ru.wordpress.org/plugins/wp-super-cache/

Или «W3 Total Cache» в качестве альтернативы: https://ru.wordpress.org/plugins/w3-total-cache/

 

Файл robots.txt

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

Защита вашего интернет-ресурса

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

Akismet

Безупречно справляется с доверенной ему задачей – борьбой со спамом.

Ссылка, где взять: https://ru.wordpress.org/plugins/akismet/

All In One WP Security

Злоумышленник не пройдёт, и всё благодаря этому плагину. Стоит помнить, что абсолютная безопасность в Интернете – это миф, и небольшая вероятность атаки со стороны хорошо мотивированного и умелого хакера всё же остаётся. Скорее для собственного спокойствия (на практике это пригождается единицам) стоит взять за правило делать резервные копии (бэкапы ресурса). В случае чего, они помогут вернуть сайту привычный облик без ощутимых потерь времени и сил.

Скачать можно здесь: https://ru.wordpress.org/plugins/all-in-one-wp-security-and-firewall/

 

9. Дополнительные опции

 

Выше мы рассмотрели инструменты для создания и улучшения работы сайта на WordPress – шаблоны, SEO-механизмы и способы защиты. Совершенствовать ресурс можно практически бесконечно, и тут стоит освоить следующие опции:

 

Плагин для контактной формы

Обратная связь – это важно, и правильно подобранная контактная форма значит действительно многое. Порекомендовать можно, к примеру, «Contact form 7».

Ссылка: https://ru.wordpress.org/plugins/contact-form-7/

Форма подписки на рассылку

Формирование базы подписчиков станет важным этапом в продвижении вашего ресурса. Для начала нужно зарегистрироваться на соответствующем сервисе. Их много, назовём самые удобные и функциональные: «MailChimp», «SendPulse»,  «Getresponse», «MailerLite», «Unisender». Порядок работы с формой подписки довольно прост: регистрируетесь на одном из перечисленных сервисов, формируете список адресов вашей рассылки и помещаете на сайт созданную форму или её код.

 

 

 

 

 

 

 

 

Попап, или модальные окна

Этот плагин точно пригодится для совершенствования навигации сайта. С его помощью можно перенаправить пользователя на новую страницу, упомянутую в тексте – например, если речь идёт о розыгрыше подарков или возможности оформить подписку.

Бесплатный и удобный плагин – Popup Maker, скачать его можно здесь: https://wordpress.org/plugins/popup-maker/

Картинки в модальном окне

Одна из самых частых причин перехода пользователя на другую страницу – механизм, открывающий изображение в новой вкладке. Как показывает печальный опыт, возвращается к прочтению исходного текста далеко не каждый. Чтобы избежать подобной участи, воспользуйтесь плагином, открывающим картинки в модальном окне. Иногда эта опция прописана сразу в рабочем шаблоне, но в случае, если она отсутствует, установить её можно по ссылке: https://ru.wordpress.org/plugins/easy-fancybox/

Рейтинг

Плагин рейтинга даёт возможность посетителям оценить текст и сориентироваться, насколько высоко о нём отозвались их предшественники. Один из вариантов — https://ru. wordpress.org/plugins/wp-postratings/

Похожие записи

Один из удобных способов предложить посетителю продолжить чтение, оставаясь на сайте – прикрепить блок со ссылками на идентичные тексты.  C позиции SEO это даст дополнительные плюсы для внутренней перелиновки ресурса. Опция прикрепления «похожих записей» включена почти что в каждый шаблон премиум-класса, но добавить её можно и при помощи плагина — https://wordpress.org/plugins/wordpress-23-related-posts-plugin/

Кнопки соцсетей

Наверняка у вашего проекта есть не только сайт, но и поддерживающие соц.сети. Узнать о них должен каждый посетитель портала. Нет ничего проще, чем оформить ссылки на аккаунты в VK, Instagram и Facebook (и любые другие, разумеется, тоже) при помощи плагинов-кнопок. Опять же, если вы пользуетесь шаблонами премиум-класса, то эта опция доступна по умолчанию. Если приходится активировать её самостоятельно, то сделать это можно, например, здесь: https://ru.wordpress. org/plugins/social-icons-widget-by-wpzoom/

Баннеры

Баннеры – ещё один способ эффективно привлечь внимание пользователя к контенту любого характера: будь то реклама, конкурс или Youtube-канал.

Онлайн чат

Не нужно пренебрежительно относиться к этой форме общения, считая её старомодной. Онлайн-чат оживит ресурс и позволит пользователям создать внутреннюю коммуникацию, оставаясь при этом на вашем ресурсе. Если вы всё ещё не уверены в том, что эта опция действительно пригодится, попробуйте бесплатную тестовую версию (сроком две недели) программы Jivosite. Для этого чата предусмотрены как бесплатная, так и платная версии – выбирайте сами: https://www.jivosite.ru/?partner_id=22657&pricelist_id=105&lang=ru

AMP и Турбо страницы

Скорость работы он-лайн ресурса напрямую коррелирует с его успешностью и востребованностью у пользователей. От неё же зависит и благосклонность поисковых механизмов. Именно поэтому существуют такие разработки, как AMP страницы (Google) и Турбо страницы (Яндекс). Они мгновенно адаптируют ресурс для просмотра с мобильных устройств, предельно упрощая (и ускоряя) его. Сайты, снабжённые этими плагинами, поисковые системы благосклонно выводят в топ, что является ещё одним поводом задуматься и выбрать себе наиболее подходящий плагин.

Выбор тут будет действительно широк: можно попробовать разобраться в этом вопросе самостоятельно, поискав информацию по запросу «Настройки Yoast SEO WordPress». Подробные инструкции и видео-уроки помогут Вам сделать правильный выбор.

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

 

10. Делаем начальное наполнение сайта

 

Итак, если все предыдущие пункты реализованы – переходим к следующему, а именно содержательному наполнению ресурса.

 

11. Политика конфиденциальности

 

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

 

12. Меню (структура сайта)

 

Один из вариантов структуры сайта – горизонтальное меню. Рассмотрим его в качестве рабочего примера. При заданной структуре сайт содержит главную страницу (собственно, где и размещается меню) и остальные, рабочие. Количество и тематика страниц – вопрос сугубо индивидуальный, но можно выделить и пункты, встречающиеся почти что на каждом ресурсе.

 

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

—Обо мне / О сайте — страница, содержащая смысловой посыл;

—Блог / Новости —возможно вынести в отдельный пункт, если лента новостей не размещена на главной;

—Контакты — живые контакты и ссылки на соц. сети.

 

Данные пункты – основные, и расширять их список можно бесконечно:

 

—Примеры работ / Портфолио — примеры выполненных работ и задач;

—Услуги — расскажите о спектре своих навыков. Здесь же можно привести и прайс-лист;

—Реклама — перечислите доступные рекламные опции, политику размещения рекламы на портале;

—Бесплатно — в этот раздел можно вынести материалы в открытом доступе;

—Курсы / Обучение / Магазин — описание доступных курсов или он-лайн магазин сайта;

—Полезные ссылки — любые ссылки, которые покажутся вам уместными;

—Видео — обучающий или развлекательный – любой уместный видео-контент;

—Инфографика — если вы богаты инфографикой – обязательно поделитесь ею с пользователями!

 

Как вы уже поняли, меню – вещь адаптивная, главное, чётко представлять, какие разделы помогут продвигаться именно вашему проекту и сделают его ближе к потенциальному клиенту.

Страницы

Не откладывайте создание первой страницы ресурса в долгий ящик – начните прямо сейчас. Адаптируйте меню для созданных страниц. Сделать это несложно: зайдите в панель «Страницы» и выберите пункт «Добавить новую». После выбора названия, приступайте к информационному наполнению. Опубликуйте. Для того чтобы сделать страницу видимой пользователям, добавьте её в меню. Этот же механизм поможет вам создать остальное наполнение сайта.

 

13. Рубрики

 

Чётко структурированные разделы сайта удобны  и пользователям, и редакторам. На помощь в этом деле приходит опция «Рубрики», активировать которую можно с панели «Записи». Создайте статью в редакторе и определите тематическую рубрику, которая будет закреплена за ней.

 

14. Метки

 

«Метки» — ещё одна опция структурирования материалов на сайте. В её основе лежит принцип объединения по ключевым словам. Она доступна в редакторе при работе с текстом либо в панели «Записи». Рекомендуем  обратить внимание на тематические метки – при соответствующем запросе они значительно облегчат поиск читателем нужных материалов.

Допустим, вам необходимо подготовить материал о специфике пересадки комнатных растений. Можете смело помещать его в рубрику «Цветоводство», воспользовавшись при этом метками «Вырасти сам» и «Растения дома» — тем самым вы обозначите для потенциального читателя возможный круг тем для дальнейшего изучения.

 

15. Записи (статьи)

 

В завершении нашего обзора мы добрались до одной из важнейших категорий в продвижении любого сайта – статьи. Одновременно это и та самая смысловая наполняющая, привлекательная для посетителей, и контент с высоким процентом уникальности, «одобряемый» поисковыми механизмами.

Добавить статью несложно: следует зайти в панель «Записи» и активировать там опцию «Добавить новую».

Выбор редактора

Вне всякого сомнения, выбор редактора – дело вкуса и удобства. Для начала рекомендуем ознакомиться с последним обновлением редактора статьей Gutenberg, который значительно разнится в использовании с исходной версией  и работает по принципу конструктора. Если инновационный вариант редактора – не ваш, активируйте классическую версию, скачав официальный плагин: https://ru.wordpress.org/plugins/classic-editor/

 

Заключение

 

И в качестве закрепления материала ещё раз перечислим все пункты разработки сайта на WordPress, которые мы сегодня изучили:

1. Определимся с тематикой ресурса. В случае затруднений пользуемся всевозможными каталогами;

2. Ищем домен и обязательно знакомимся с его историей;

3. Регистрируем ресурс;

4. Решаем, с каким типом SSL-сертификата мы будем иметь дело: платным или нет;

5. Загружаем CMS WordPress;

6. Адаптируем базовые настройки ресурса;

7. Работаем с шаблоном оформления: приобретаем или выбираем из вариантов в свободном доступе;

8. Решаем, какие именно SEO плагины подходят нашему ресурсу. Обращаем внимание на Дополнения и Защиту;

9. Определяемся с дополнительными опциями для сайта, памятуя о правиле золотой середины;

10. Работаем с базовым наполнением страниц;

11. Обращаемся к вопросу конфиденциальности и сбора данных;

12. Разрабатываем меню;

13. Продумываем рубрики;

14. Пишем систему меток для статей;

15. Создаем наш первый тексовый контент (статью).

 

Поздравляем! Вы только что создали свой первый сайт на WordPress!

Как Создать Сайт на WordPress в 2022 году: Полное Руководство

Хотите верьте, хотите нет, но знание того, как сделать сайт на WordPress, является одним из наиболее важных навыков, которые вы должны освоить как владелец сайта в наши дни.

Вот несколько причин почему:

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

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

И последнее, но не менее важное: подход «сделай сам» (без навыков кодирования), который я здесь представлю, невероятно экономичный. Фактически, вы можете создавать и запустить свой веб-сайт всего за $35 в год.

Вот как сделать сайт самостоятельно, шаг за шагом:

Содержание

  1. В спешке, опишу? П ошаговые действия как создать сайт на WordPress менее чем за час:
  2. Шаг 1: Выбрать WordPress в качестве платформы вашего сайта
  3. Шаг 2: Выберите имя для своего сайта, купите домен и хостинг
  4. а) Покупка вашего доменного имени и хостинга
  5. б) Используйте Beget, чтобы установить WordPress
  6. Шаг 3. Знакомство с пользовательским интерфейсом WordPress.
  7. а) установить постоянные ссылки
  8. б) сделать ваш сайт публичным
  9. в) Установите название вашему сайту и слоган
  10. г) Разрешить или отключить комментарии
  11. e) Отключить пингбэки и трекбеки
  12. е) Установите свой часовой пояс
  13. Шаг 4: Выберем тему для вашего сайта
  14. а) Выберите тему, которая вам нравится
  15. б) Установка темы WordPress
  16. в) Настройка темы WordPress
  17. Настройка домашней страницы WordPress
  18. Корректировка типографики.
  19. Цвета.
  20. Шаг 5: Установка плагинов для расширения возможностей сайта
  21. Шаг 6: Создать основные страницы WordPress
  22. Шаг 7: Подумайте о создании блога
  23. Шаг 8. Настройте навигацию по сайту.
  24. а) меню
  25. б) виджеты
  26. Заключение
  27. Часто задаваемые вопросы
  28. Что такое WordPress?
  29. Сколько стоит WordPress?
  30. Подходит ли WordPress для мобильных телефонов?

В спешке, опишу? Пошаговые действия как создать сайт на WordPress менее чем за час:

  1. Используйте Reg. ru, чтобы найти идеальное доменное имя для вашего сайта. (5% скидка по коду 1278-FD50-2DA6-15AC)
  2. Купите хостинг вашему сайту в Beget.com (от $ 3,5 / месяц) и получите доменное имя бесплатно.
  3. Установите WordPress через интерфейс Beget.
  4. Здесь все что вам нужно знать о WordPress.
  5. Выбрать тему WordPress.
  6. Установить обязательные плагины WordPress.
  7. Начать создавать свои страницы и записи в блоге.

Хорошо, а теперь разберем поэтапно то, что мы собираемся сделать в следующих шагах. Важно отметить, что все это можно сделать самостоятельно и при этом минимизируем расходы, где это возможно.

Короче говоря, в конце этого руководства вы получите функциональный, красивый веб-сайт, который не заставит вас влезать в долги. Вот что мы пройдем:

Шаг 1: Выбрать WordPress в качестве платформы вашего сайта

По правде говоря, существует много платформ для веб-сайтов, которые вы можете использовать при создании нового сайта — Системы управления контентом (CMS), как их обычно называют.

Идея CMS состоит в том, чтобы предоставить вам несколько простых в использовании инструментов, чтобы вы могли редактировать контент вашего сайта без каких-либо знаний о кодировании. С точки зрения пользователя — эти CMS очень похожи на знакомые интерфейсы в Facebook, Вконтакте или Google Документы. В которых вы создаете новые страницы или документы, а затем публикуете их в Интернете.

Но хватит с техническими подробностями! Как я уже сказал, существует много видов CMS — более 100, как указано в Википедии.

К счастью, выбрать лучший вариант просто. На вершине горы только один король — и это WordPress.

WordPress используется более чем на 32% всех веб-сайтов. Опять же, это все сайты!

(Графики по визуализатору.)

Или, иначе говоря, примерно каждый третий веб-сайт, который вы посещаете, построен на WordPress.

Вот важные детали о WordPress:

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

Одно важное различие «WordPress», о котором мы здесь говорим — это «WordPress, программное обеспечение». Вы можете перейти на сайт WordPress.org.

Есть также другой вариант WordPress — «WordPress, коммерческий сервис», который вы можете посетить перейдя на WordPress.com. Мы опишем различия между ними здесь.

Пока же давайте просто запомним, что нам нужно на WordPress.org. Поскольку это более универсальная и более дешевая версия платформы. Это станет ясно в следующих этапах.

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

Шаг 2: Выберите имя для своего сайта, купите домен и хостинг

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

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

Тем не менее! Есть еще момент, что вам нужно понять, чтобы настроиться на успех в будущем.

Во-первых, в сети есть почти 2 миллиарда (!) Веб-сайтов (на момент написания статьи). То есть стать оригинальным может быть довольно сложно.

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

Короче говоря, хорошее доменное имя должно быть:

  • Брендовое — уникальное, как ничто другое, что есть на рынке
  • легко запоминающееся
  • легко набрать и не трудно перепутать — вы же не хотите, чтобы люди задавались вопросом, как пишется название вашего сайта
  • содержать свяь с нишей (ключевое слово). Например, если вы делаете что-нибудь связанное с пиццей, было бы здорово иметь «пиццу» где-то в названии сайта. То же самое работает и в отраслях, не связанных с пиццей. 🍕

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

Начните с ввода ключевого слова, которое хорошо определяет ваш сайт.

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

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

а) Покупка вашего доменного имени и хостинга

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

💡 Примечание для новичка: Что такое хостинг?

Проще говоря, веб-хостинг (он же веб-сервер) — это то, без чего не может жить ни один веб-сайт. Это место, где ваш сайт сидит и ждет посетителей.

Вопреки распространенному мнению, веб-сайты размещены не «только в Интернете» или «в Google». Они размещаются на веб-серверах на дисках веб-хостинга — и затем обслуживаются всеми посетителями оттуда.

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

На практике все гораздо проще, чем кажется, это вы поймете через минуту.

Есть десятки, если даже не сотни различных компаний, которые могут зарегистрировать новое доменное имя для вас. И есть также много компаний, которые могут предоставить вам место на хостинге…

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

Мы собираемся использовать Beget . Вот почему:

  • Beget — это авторитетный веб-хостинг, оптимизированный для WordPress и обеспечивающий бесперебойную работу вашего сайта.
  • это одна из немногих компаний, рекомендованная на официальном сайте WordPress.org
  • это дешево (от $ 3,5 / месяц)
  • он прост в использовании и удобен для начинающих
  • вы получаете доменное имя бесплатно

Выполним пошаговое создание сайта на WordPress вместе:

  1. Посетим Beget и выберем план хостинга для сайта.
  2. Зарегистрируем доменное имя в Beget (домен бесплатный).
  3. Мы расскажем как в Beget установить и настроить чистую версию WordPress на нашем новом хостинге.
  4. В итоге получим 100% работающий сайт WordPress!

Давайте начнем создавать наш сайт:

Во-первых, нажмите здесь, чтобы перейти к Beget . На странице нажмите кнопку «Виртуальный хостинг».

В большинстве случаев, если вы запускаете новый сайт, вам будет достаточно самого дешевого плана под названием Blog. Это всего $ 2,5 / месяц.

На следующем шаге введите личные данные:

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

Вы получите самую низкую цену и бонусный домен, если купите пакет хостинга как минимум на 12 месяцев.

На этом этапе вы можете нажать «ПРОДОЛЖИТЬ» и завершить покупку.

б) Используйте Beget, чтобы установить WordPress

Поскольку теперь вы зарегистрированы в Beget и готовы приступить к настройке хостинга, единственным отсутствующим элементом является WordPress.

Хотя технически вы можете установить WordPress вручную, но зачем вам это, если вы можете воспользоватся услугами хостинга бесплатно в разделе CMS (Установка систем управления)!

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

Кроме того, вы также можете установить WordPress, перейдя в раздел «Файловый менеджер» и закачать архив с файлами WordPress в корневую папку вашего сайта.

После того, как вы завершили работу с мастером установки, ваш сайт установлен и готов к работе!

Шаг 3. Знакомство с пользовательским интерфейсом WordPress.

Вы можете войти в свою панель управления сайтом WordPress, если введете в строке навигации браузера www. YOURDOMAIN.com/wp-admin/

Вот что вы увидите:

Используйте учетные данные для доступа, которые вы вводили в Beget на предыдущем шаге при установки WordPress.

После успешного входа вы увидите основной интерфейс WordPress во всей его красе:

  1. Приветственное сообщение. Некоторые из наиболее важных областей админ-панели перечислены — это быстрые ссылки на то, как создать веб-сайт.
  2. Текущее состояние вашего сайта и что с ним происходит.
  3. Записи — чтобы создавать сообщения в блоге.
  4. Медиафайлы — загружайте и управляйте изображениями и другими медиафайлами.
  5. Страницы — создать новые подстраницы блога.
  6. Комментарии — здесь вы можете модерировать комментарии.
  7. Внешний вид — изменить дизайн вашего сайта и настроить отображение определенных элементов можно в текущем разделе.
  8. Плагины — установка новых плагинов.
  9. Пользователи — управление учетными записями пользователей, которые получили доступ к панели администратора сайта.
  10. Настройки — основные настройки.

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

а) установить постоянные ссылки

Постоянные ссылки определяют, как отдельные адреса веб-страниц, или URL-адреса, структурируются на вашем сайте.

Наиболее оптимизированная структура — иметь заголовок страницы в URL. Например, ваша страница «о нас» (подробнее о этой странице позже) должна быть доступна в такой простой форме, как YOURSITE.com/about. Правильная установка постоянных ссылок позволит вам добиться этого отображения.

Чтобы установить постоянные ссылки, перейдите в «Настройки» → «Постоянные ссылки» на главной боковой панели в панели инструментов WP.

Оказавшись там, выберите этот параметр:

б) сделать ваш сайт публичным

Я думаю, что вы хотите, чтобы Google и Яндекс могли найти и проиндексировать ваш сайт. Чтобы убедиться, что это так, перейдите в «Настройки» → «Чтение» и убедитесь, что поле с надписью «Попросить поисковые системы не индексировать сайт» не отмечено галочкой.

в) Установите название вашему сайту и слоган

Перейдите в «Настройки» → «Основные» и установите в полях «Название сайта» и «Слоган».

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

Слоган является необязательным — вы можете оставить его пустым, если у вас нет слогана для сайта.

г) Разрешить или отключить комментарии

Хотите ли вы принимать комментарии на вашем сайте, решать только вам.

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

Независимо от того, разрешите вы или запретите комментарии, это можно сделать в «Настройки» → «Обсуждение».

e) Отключить пингбэки и трекбеки

Я не знаю, почему этот параметр все еще в WordPress. Это, в основном, пережиток прошлого, когда существовали пингбэки и трекбеки.

Однако, если вы хотите узнать, как сделать сайт в наши дни, вы можете просто отключить их, отменив выбор следующих параметров в меню «Настройки» → «Обсуждение».

е) Установите свой часовой пояс

Правильная установка часового пояса сделает публикацию новых страниц и постов более чёткой.

Как правило установка часового пояса настраивается — где вы находитесь или где находится ваша целевая аудитория..

Вы можете установить часовой пояс в Настройки→Общие.

Шаг 4: Выберем тему для вашего сайта

Отличительной особенностью WordPress является то, что он работает со сменным дизайном — так называемыми темами.

Это означает, что вы можете переключать внешний вид вашего сайта WordPress одним щелчком мыши.

Например, вот так выглядит веб-сайт WordPress по умолчанию сразу после установки:

Например, всего за пару кликов и с помощью популярной бесплатной темы под названием Polaray мы можем изменить дизайн так:

а) Выберите тему, которая вам нравится

Как я уже упоминал, темы WordPress — это готовый набор файлов, которые определяют внешний вид вашего сайта. Вы можете быстро установить их, а затем при необходимости изменить в будущем.

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

Существует огромное количество тем WordPress. Просто посетите официальный каталог на WordPress.org, там сотни тем.

Но это только верхушка айсберга. В Интернете гораздо больше бесплатных тем на сторонних сайтах (например, Wp-Templates ), а также целый мир платных тем, которые распространяются независимыми магазинами и даже торговыми площадками (пример: ThemeForest).

Несмотря на то, что существует множество платных тем, для большинства пользователей бесплатные темы — отличный вариант для начала.

Итак, как выбрать тему которая подходит именно вам? Вот несколько советов, если вы хотите чтобы это было более подробно. Однако, как правило, вам не нужно тратить на это слишком много времени и вместо этого идти дальше. Вы всегда можете вернуться к этому вопросу позже и изменить её в считанные минуты.

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

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

б) Установка темы WordPress

Если выбранная вами тема доступна в официальном каталоге на WordPress.org единственное, что вам нужно для ее установки — это название темы и все.

Вот как выполняется установка темы:

Перейдите в «Внешний вид» → «Темы» на панели инструментов WordPress и нажмите «Добавить новый».

Введите название темы, которую вы хотите установить, например:

Вы увидите его в списке под полем поиска. Просто нажмите на кнопку «Установить» под желаемой темой:

Через несколько секунд тема будет установлена. Чтобы полностью применить её на своем сайте, нажмите кнопку «Активировать», которая появится вместо кнопки «Установить».

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

Вы увидите главную панель Poloray, из которой вы можете узнать о теме и дополнить ее стандартными функциями и некоторыми дополнительными. Давайте просмотрим.

Сначала нажмите на ссылку «Рекомендуемые действия», чтобы увидеть, что доступно.

Из предложенных здесь вариантов только установка плагина «FormGet Contact Form». Просто нажмите кнопку «Установить и активировать плагин».

💡 Примечание. FormGet Contact Form — это плагин. Мы поговорим о плагинах WordPress более подробно позже в этом руководстве о том, как сделать сайт на WordPress.

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

На этом этапе ваша новая тема активна на вашем сайте. Вы можете увидеть её в действии, просто перейдя по ссылке YOURDOMAIN.com.

Хотя то что вы увидите — далеко от потенциала темы. Прямо сейчас приступим к тому, чтобы адаптировать дизайн, меню и другие элементы. Чтобы сайт выглядел именно так, как вы этого хотите.

в) Настройка темы WordPress

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

Для начала перейдите в «Внешний вид» → «Настроить» . Вы увидите основной интерфейс WordPress настройщик.

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

Настройка домашней страницы WordPress

Выполните следующее:

  1. На боковой панели перейдите в «Настройки домашней страницы».
  2. Выберите параметр «Статическая страница» в настройках отображения домашней страницы.
  3. Нажмите «Добавить новую», чтобы создать новую страницу в качестве домашней страницы.
  4. Введите название страницы — «ГЛАВНАЯ» — и нажмите «Добавить».

Это заменит список последних статей вашего сайта по умолчанию полностью настраиваемой домашней страницей. По умолчанию вы увидите несколько интересных элементов на вашей новой домашней странице.

Глянь сюда:

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

Для начала давайте изменим основной заголовок на странице. Хорошей идеей будет указать название вашей компании или что-то еще, это будет названием всего сайта.

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

Через него вы можете:

  • изменить изображение — сделать его чем-то связанным с вашим бизнесом
  • изменить название
  • изменить текст под заголовком — вы можете удалить его полностью, если хотите
  • изменить url кнопки — направляет посетителя к вашим продуктам или наиболее важным страницам

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

  • Раздел «Портфолио» — это отличное место для объяснения того, что ваша компания может предложить или какова цель веб-сайта — эта «цель», является первой вещью, о которой следует помнить, когда вы учитесь создавать веб-сайт.
  • Раздел «О нас» — отличное место, чтобы рассказать о себе или о вашей компании.
  • Раздел «Команда» вы можете использовать, если в вашем бизнесе работает много людей, и вы хотете выделить их.
  • Раздел «Отзывы» очень полезен, если вы хотите продемонстрировать, что ваши предыдущие клиенты говорили о вашем бизнесе.
  • В разделе «Контакты» вы можете отобразить свою контактную информацию и сообщить людям, как лучше всего с вами связаться.

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

Когда вы закончите настройку домашней страницы, не забудьте нажать на основную кнопку «Опубликовать».

Корректировка типографики.

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

Вы можете сделать это, перейдя в «Настройки внешнего вида» → «Типография» на боковой панели WordPress настройщика. Там вы сможете выбрать шрифт и сразу увидеть его на своем сайте.

Цвета.

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

Цвет текста заголовок — это цвет, используемый для кнопок, ссылок и всего остального, что должно выделяться на фоне остального дизайна сайта.

…

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

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

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

Шаг 5: Установка плагинов для расширения возможностей сайта

Плагины для вашего сайта WordPress, как приложения для вашего iPhone. 📱

Другими словами, они расширяют стандартную функциональность вашего сайта, добавляя некоторые крайне необходимые функции. По сути, когда вы интересуетесь, как сделать сайт wordpress самостоятельно, плагины — это то, как вы можете получить некоторые замечательные функции, не зная никакого кодирования.

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

  • Yoast SEO  — помогает вам оптимизировать поисковую систему и сделать ваш сайт более доступным для поисковых систем в целом.
  • Google Analytics для WordPress — интегрирует ваш сайт с самым популярным решением для анализа трафика в Интернете.
  • Wordfence Security — повышает безопасность вашего сайта WordPress.
  • UpdraftPlus — делает автоматическое резервное копирование вашего сайта.
  • Optimole — оптимизирует ваши изображения.
  • WPForms — позволяет добавлять интерактивные контактные формы на ваш сайт, которые ваши посетители могут использовать, чтобы напрямую с вами связаться, чем отображать вашу электронную почту в виде простого текста на вашем сайте.
  • Classic Editor — официальный плагин WordPress, который восстанавливает старый «классический» вариант редактора и экрана редактирования записей. Он позволяет использовать плагины расширения этого экрана, добавлять поля метаданных в старом стиле и прочее.

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

Перейдите на панель инструментов WordPress, а затем в «Плагины» → «Добавить новый». Введите название нужного плагина в поле поиска, а затем нажмите «Установить» и «Активировать».

  • Вот пошаговое руководство по установке плагинов WordPress.

Шаг 6: Создать основные страницы WordPress

Есть некоторые страницы, которые должны быть на всех сайтах, независимо от их цели.

Но сначала, как вообще создать страницу на WordPress:

Для этого просто перейдите на панель инструментов WordPress, а затем выберите «Страницы» → «Добавить новую». Вы увидите этот экран:

  1. Место для заголовка страницы.
  2. Основной раздел — основное содержание страницы. Интерфейс очень похож на MS Word. Вы получаете все основные функции форматирования текста (например, полужирный шрифт, курсив, выравнивание текста по левому, правому краю, центру, создание списков и т. д.).
  3. Вы можете добавить изображения, нажав эту кнопку.
  4. Переключение между текстовым и визуальным редакторами. Используйте первый, только если вы смутно знакомы с HTML-кодом.
  5. Раздел публикации. Это основная кнопка публикации.
  6. Обсуждение. Решите, хотите ли вы разрешить комментарии. Параметр «обратные ссылки и уведомления», вы можете оставить пустым.
  7. Главное изображение. Большинство тем WordPress используют это изображение и отображают его на видном месте рядом с вашей страницей.

Когда вы закончите редактирование содержимого страницы, нажмите «Опубликовать».

Теперь, к практическим рекомендациям, вот страницы, с которыми вы должны ознакомится, чтобы создать:

  • О нас — я упоминал об этом пару раз, так как это действительно важный вопрос. На странице «О нас» вы можете рассказать, что представляет собой ваш веб-сайт и почему люди должны обращать на него внимание. Эта страница в основном обязательна для всех, кто хочет научиться делать сайт.
  • Контакты — здесь вы можете отобразить некоторую контактную информацию вместе с красивой формой обратной связи, с помощью которой люди могут связаться с вами напрямую (вы можете получить ​​форму с помощью вышеупомянутого плагина WPForms).
  • Политика конфиденциальности — эта страница стала чрезвычайно важным элементом в современной сети. Узнайте больше о страницах политики конфиденциальности в WordPress здесь .
  • Портфолио — это место, где вы можете продемонстрировать свою прошлую работу.
  • Магазин — важная вещь, если вы хотите продать что-нибудь со своего сайта. Для этого вам также понадобится популярный плагин WooCommerce — лучшее решение для электронной коммерции для WordPress.

Как только вы закончите с ними, вы также можете ознакомится с этим списком из статьи 12 ценных страниц, которые стоит иметь на вашем сайте .

Шаг 7: Подумайте о создании блога

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

Это не только я говорю, есть необработанные данные, доказывающие, что блоги являются превосходным инструментом для маркетинга в Интернете, причем  55% маркетологов говорят, что ведение блога является их главным приоритетом для входящего маркетинга.

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

С технической точки зрения WordPress имеет встроенные инструменты для ведения блога с самого начала. Фактически, WordPress зарождался как платформа для блогов.

Чтобы создать новую запись в блоге, все что вам нужно сделать — это перейти в «Записи» → «Добавить новую» (из панели управления WordPress).

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

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

Вот как выглядит добавление новой записи в блог:

Когда вы закончите работать над редактированием поста в блоге, нажмите «Опубликовать».

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

  • Для этого сначала перейдите в «Страницы» → «Добавить новую» и создайте пустую страницу. Назовите её «БЛОГ» — просто, чтобы прояснить ситуацию.
  • Затем перейдите в «Настройки» → «Чтение» и выберите свою вновь созданную страницу блога в качестве «страницы записей» следующим образом:

На этом этапе вы можете перейти на эту новую страницу и просмотреть все свои последние записи в блоге.

Конечно, сложная часть создания блога состоит в том, чтобы регулярно писать посты в блоге и делать их привлекательными для чтения людьми!

Шаг 8. Настройте навигацию по сайту.

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

Мы сосредоточимся на двух элементах:

а) меню

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

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

Перейдите в «Внешний вид» → «Меню» на панели инструментов WordPress.

Вы увидите эту панель по умолчанию:

Слева есть все страницы, которые вы можете добавить в меню. Справа вы можете увидеть саму структуру меню и все её настройки.

Начнем с выбора пары ключевых страниц и добавления их в меню. Хорошая идея — выбрать «О нас», «Контакты», а также любые другие страницы, которые вы считаете важными, и добавить их в меню.

Самое замечательное во всей этой панели состоит в том, что вы можете перетаскивать элементы меню, чтобы изменить их порядок.

Когда вы закончите, выберите расположение меню снизу. Обычно, выбор местоположения с меткой «Основное меню» приводит к отображению меню в верхней части веб-сайта. Нажмите «Сохранить меню», чтобы сохранились все настройки.

💡 Примечание. Вы также можете создавать дополнительные меню. Просто нажмите на ссылку «создать новое меню», которая видна на скриншоте выше. Это покажет вам ту же панель создания меню. Каждое меню должно отображаться в различных местах. Таким образом, для нового меню вы можете назначить как «Меню в подвале сайта» при условии того, что ваша тема поддерживает такую настройку.

Когда вы перейдете на свой сайт, вы увидите меню в верхней части страницы.

б) виджеты

Виджеты — это функция старой школы в WordPress. Проще говоря, виджет — это небольшой блок контента, который может отображаться в разных местах по всему сайту.

Обычно эти блоки размещаются на боковой панели или в нижнем колонтитуле сайта.

Чтобы увидеть, как это может выглядеть, и настроить виджеты, перейдите в «Внешний вид» → «Виджеты» на панели управления WordPress. Вы получите такой экран:

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

Чтобы добавить любой виджет в область виджетов, просто возьмите его с левой стороны и перетащите в выбранную область виджетов справа.

Например, как вы можете видеть, на моем сайте у меня есть боковые панели поиска, последние сообщения, архивы и категории (скриншот выше). Вот как выглядят эти виджеты, когда я, например, захожу на свою страницу «О программе»:

…

После того, как вы закончите со своими виджетами и навигацией, ваш сайт в основном готов для просмотра!

Перейти наверх

Заключение

Готово! Вы только что узнали, как сделать сайт на WordPress! 🍾🎊

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

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

Часто задаваемые вопросы

Что такое WordPress?

WordPress является одним из наиболее широко используемых инструментов или систем CMS для создания веб-сайтов. Он полностью бесплатен и полностью открыт. Около 36% всех веб-сайтов сегодня построены на WordPress.

Сколько стоит WordPress?

WordPress на 100% бесплатный. Единственное, за что вы можете заплатить — это темы и дополнения.

Подходит ли WordPress для мобильных телефонов?

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

Если у вас есть какие-либо вопросы о том, как сделать сайт на WordPress, задайте их в комментариях ниже!

Как создать сайт на WordPress ᐉ Веб-студия Brainlab

Содержание :

  • Почему WordPress – что это такое
  • Устанавливаем WordPress
  • Как выбрать хостинг и зарегистрировать домен
  • Как установить WordPress своими руками
  • Выберите подходящую тему для WordPress
  • Как настроить сайт на CMS WordPress и тему (шаблон)
    • Настраиваем CMS WordPress
    • Как настроить тему WordPress
    • Как русифицировать тему WordPress
  • Добавляем контент
  • Практические задачи с помощью плагинов для WordPress
    • Как с помощью плагинов обеспечить безопасность сайта на WordPress
    • Как бороться со спамом на сайте WordPress
    • Как обеспечить SEO сайта на WordPress
    • Как повысить функциональность и юзабилити ресурса
  • Как установить коды сервисов аналитики и подключить сайт к кабинетам для веб-мастеров
    • Установка Google Analytics и Яндекс. Метрики
  • Как создавать страницы и записи на сайте под управлением WordPress
    • Как создать статическую страницу
    • Как создать запись
  • Подключаем SSL-шифрование к сайту

Когда разговор заходит о создании сайта, то первое, что нужно сделать – выбрать 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 читайте здесь.

Как сделать сайт на WordPress. Пошаговая Инструкция

Знание того, как создать веб-сайт на WordPress с нуля, является одним из наиболее важных навыков, которым вы должны овладеть как владелец любого бизнеса в наши дни. Интернет стал необходимостью для каждого из нас, иметь хороший сайт и находиться в поиске — обязательное условия для презентации своих услуг или продукции и привлечения новых клиентов в компанию.

Почему выгодно сделать сайт самому:

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

Разработка сайта на WordPress очень экономна и потребует минимум ваших затраты. Овладев базовыми навыками вы сможете самостоятельно создать, редактировать и обновлять ваш сайт. Стоимость запуска сайта на WordPress обойдется вам от 800 грн/год при условии, что вы будете уделять свое время сайту и обучению работе с этой системой управления.

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

  • Придумайте и зарегистрируйте доменное имя для своего сайта.
  • Зарегистрируйтесь на веб-хостинге (мы рекомендуем CityHost или WP-Host). Обзор других украинских хостинг провайдеров вы можете посмотреть в нашей одноименной статье.
  • Установите WordPress через админ панель хостинга.
  • Выберите бесплатную тему для сайта на WordPress.
  • Установите несколько обязательных плагинов, которые помогут в настройке и оптимизации работы вашего сайта.
  • Начните создавать свои страницы и наполнять сайт контентом!

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

Шаг 1. Выбор WordPress в качестве платформы для сайта

По правде говоря, существует множество платформ веб-сайтов (согласно Wikipedia их более 120), которые вы можете использовать при создании нового сайта. Обычно их называют системами управления контентом (или CMS). Идея CMS состоит в том, чтобы предоставить вам несколько простых в использовании инструментов, чтобы вы могли редактировать содержание своего сайта без каких-либо знаний в области программирования. По большей части — с точки зрения пользователя — эти CMS очень похожи на знакомые интерфейсы в Facebook или Google Docs. Вы в основном создаете новые страницы или документы, а затем публикуете их в Интернете.

К счастью, выбрать лучшую из них очень просто. На вершине остался только один король — CMS WordPress. Эта CMS используется более чем на 34% всех веб-сайтов мира! Или, говоря иначе, примерно каждый третий веб-сайт, который вы посещаете, сделан на WordPress.

Основные преимущества WordPress

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

Как сделать сайт? Используйте WordPress!

WordPress — это бесплатное программное обеспечение. Для создания сайта Вам нужно скачать последнюю редакцию этой CMS с официального сайта: https://ru.wordpress.org/download/releases/. Некоторые хостинг провайдеры предоставляют возможность установки WordPress непосредственно с панели управления — это упростит Вам задачу и архив вам не понадобится.

Шаг 2. Выбор названия для сайта, аренда домена и хостинга

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

Во-первых, сейчас в сети насчитывается почти 2 миллиарда (!) Веб-сайтов (на момент написания этой статьи). Это означает, что выбрать оригинальное название довольно сложно. Хорошая идея — придумать название вашего сайта (доменное имя) основываясь на названии вашей компании, либо использовать фразы, связанные с вашим бизнесом. Таким образом домен должен быть тематическим и содержательным.

Основные рекомендации к выбору домена для сайта

  • уникальное, не похожее ни на что другое на рынке
  • легко произносимое
  • чем короче — тем легче запомнить
  • тематическое и содержательное

Вот пример сервиса, который вы можете использовать, чтобы узнать, свободно ли интересующее вас доменное имя для регистрации: https://cityhost.ua/uk/domain/.
Введите название доменного имени и отметьте галочками, какие доменные зоны вам интересны. Самые популярные на сегодня домены в зонах COM и COM. UA.

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