Создание сайта wordpress подробная инструкция

Темы

• Я сделал 5-минутную установку. И что теперь?
  • Вход в консоль
  • Начнем с самого верха
• Протестируйте свой сайт WordPress
  • Продолжим нашу экскурсию
• Протестируйте консоль администрирования WordPress
  • Начнем с раздела пользователя
  • Изменение внешнего вида
  • Создание записи
  • Комментарии
  • Предотвращение спама
  • Создание рубрик
• Настройка вашего сайта
  • Поместите ваши записи в рубрики
  • Что дальше?
• Использование тем WordPress
  • Создание собственной темы
• Использование плагинов WordPress
  • Создание собственного плагина
• За пределами основ

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

Я сделал 5-минутную установку. И что теперь?

Вы только что завершили 5-минутную установку WordPress или установку в один клик с вашего веб-хостинга. Итак, каков ваш следующий шаг?

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

Наверх ↑

Вход в консоль

Начните со входа в административную часть или консоль своего веб-сайта. Посетите страницу входа на свой сайт, написав wp-admin после имени домена (например, http://example.com/wp-admin). Некоторые темы также предоставляют ссылку для входа или форму на публичной части сайта. Теперь войдите в WordPress, используя имя пользователя и пароль, которые вы создали во время 5-минутной установки.

Наверх ↑

Начнем с самого верха

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

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

Наверх ↑

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

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

Прокрутите страницу вниз и обратите внимание на заголовки и ссылки. Это «подвал». Различные элементы на нем называются виджетами. Так же виджеты могут распологаться на боковой панели (если тема ее поддерживает). В самом низу написано: «Сайт работает на WordPress».

Наверх ↑

Продолжим нашу экскурсию

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

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

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

Наверх ↑

Протестируйте консоль администрирования WordPress

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

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

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

Пункты меню следующие:

• Консоль
• Записи
• Медиафайлы
• Страницы
• Комментарии
• Внешний вид
• Плагины
• Пользователи
• Инструменты
• Настройки

Наверх ↑

Начнем с раздела пользователя

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

Теперь давайте посмотрим на некоторые другие функции администратора WordPress.

Наверх ↑

Изменение внешнего вида

Раздел «Внешний вид > темы» позволяет вам изменять внешний вид вашего сайта с помощью различных тем. Темы — это стили представления, которые полностью меняют внешний вид вашего сайта (не путайте с шаблонами!). Созданные разработчиками и пользователями, вам доступны тысячи тем на выбор. На экране внешнего вида вы увидите список установленных в настоящее время тем, включая тему WordPress Twenty Twenty. Чтобы быстро изменить тему, просто нажмите кнопку «Активировать» под одной из перечисленных тем, затем кликните на название своего сайта на верхней панели инструментов, чтобы посмотреть, как он теперь выглядит. Это так просто. Вернитесь к теме оформления и нажмите кнопку «Активировать» под темой WordPress Twenty Twenty, чтобы вернуть дизайн к тому, что было у вас. Для проверки кликните по названию своего сайта на панели инструментов, и вот все стало, как и было.

Наверх ↑

Создание записи

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

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

Наверх ↑

Комментарии

Приятная функция WordPress — это возможность посетителей сайта оставлять свои комментарии под вашими записями. Это создает обратную связь между вами и посетителями. Вы хотите разрешить комментарии к своим сообщениям? Комментарии к записям бывают самых разных форм: от простого (Хорошая работа! Нравится пост!), до обширных обсуждений. Или, может быть, вы ищете комментарии, которые дополняют опубликованную вами информацию. Ответ на комментарии и их модерирование также может занять много времени. Если они важны для вашего сайта, включите их и подумайте, как вы хотите, чтобы они выглядели, чтобы они вписывались в дизайн и макет вашего сайта. Когда вы приняли решение о том, как вы хотите обрабатывать комментарии, найдите время, чтобы прочитать статью о комментариях и вариантах обсуждения WordPress, которая поможет вам настроить эти функции.

Наверх ↑

Предотвращение спама

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

Наверх ↑

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

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

ВНИМАНИЕ: Вы можете добавить любую новую рубрику в любое время, но обратите внимание на тот факт, что их можно сортировать в WordPress двумя способами: по имени (в алфавитном порядке) или по идентификационному номеру. Когда вы создаете новую рубрику, ей присваивается идентификационный номер. Это сложно изменить, поэтому, если вы не хотите, чтобы ваши рубрики были отсортированы по алфавиту, введите их в том порядке, в котором они должны отображаться на экране.

Наверх ↑

Настройка вашего сайта

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

Наверх ↑

Поместите ваши записи в рубрики

Давайте разберем несколько ваших тестовых записей по рубрикам, чтобы вы могли увидеть, как это работает. В разделе Записи > Рубрики кликните вкладку «Все записи». Вы должны увидеть все свои тестовые записи. Когда вы наводите указатель мыши на заголовок любой записи, под заголовком вы должны увидеть ссылки Изменить | Свойства | Удалить | Перейти. Нажмите «Изменить», чтобы отредактировать одну из публикаций. В правой части экрана редактирования записи вы увидите свои рубрики. Выберите одну из них, отметив поле рядом с ним. Затем выше нажмите кнопку «Обновить». Повторите это для других ваших тестовых записей. Теперь просмотрите свою страницу, кликнув на название своего сайта на панели инструментов в верхней части экрана. Вы сейчас видите рубрики, перечисленные на боковой панели? Отлично. Если там не все рубрики, это обычно означает, что в ней нет записей. Это функция WordPress по умолчанию, так что не беспокойтесь. Когда вы добавите в них новые записи, они появяться на ваших веб-страницах. Кликнув на одну из рубрик, и вы попадете на страницу именно этой рубрики. Вы должны увидеть записи, которые попали в эту рубрику. Это сгенерированная страница рубрики.

Наверх ↑

Что дальше?

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

Наверх ↑

Использование тем WordPress

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

• Каталог тем WordPress
• Использование тем WordPress

Наверх ↑

Создание собственной темы

Если вы знакомы с CSS, HTML и даже с PHP и MySQL, рассмотрите возможность изменения темы в соответствии с вашими потребностями или создания собственной темы.

• Справочник разработчика тем WordPress

Наверх ↑

Использование плагинов WordPress

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

• Каталог плагинов WordPress
• Использование плагинов

Наверх ↑

Создание собственного плагина

Если вы знакомы с PHP, HTML и, возможно, даже с MySQL, вы можете настроить WordPress для работы так, как хотите, создав свой собственный плагин.

• Руководство разработчика плагинов WordPress

Наверх ↑

За пределами основ

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

• Возможности WordPress
• Работа с WordPress
• Семантика WordPress
• Использование страниц
• Исправление проблем
• Использование постоянных ссылок
• Получение дополнительной помощи
• Использование форумов поддержки

Обновил руководство — как сделать/создать сайт на WordPress (ВордПресс) самому/самой пошаговая инструкция. Теперь создание своего проекта стало ещё проще, всё в одном месте. NEW: Добавил бесплатный видео урок — создание сайта на WordPress. Справится любой пользователь, лишь бы было желание и немного финансов.

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

В данной пошаговой инструкции мы рассмотрим — Как создать свой WordPress сайт самостоятельно. А именно — покупку не дорогого хостинга и домена для сайта, установку популярного движка WordPress или другой CMS, установку бесплатного SSL-сертификата (безопасный протокол HTTPS).

А также, WordPress инструкция для начинающих — первичная настройка WordPress, выбор и установка темы/шаблона, установка плагинов. Также покажу как создавать страницы и сообщения в ВордПресс. И естественно, как зарегистрировать ваш новый блог/сайт в поисковых системах Google, Яндекс, Bing и Майл.ру.

Для создания сайта/блога на CMS ВордПресс нам потребуется несколько шагов:

1. Заказать хостинг;
2. Зарегистрировать домен;
3. Создать сайт;
4. Установить CMS WordPress;
5. Вход в админ панель ВордПресс.

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

Скажу сразу, вы сделали правильный выбор, решив создать свой веб-проект на платформе WordPress. Сам ведущий специалист в Google по интернет спаму и оптимизации сказал, что WP — отличная CMS для продвижения сайта в поисковых системах.

—Matt Cutts—

Воспользуйтесь подробной инструкцией — как сделать сайт на CMS WordPress и запустите свой новый веб-сайт сегодня!

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

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

Вы можете приобрести услугу хостинга и создать свой уникальный сайт на CMS WordPress. Кроме размещения сайта вы можете пользоваться почтой на своём домене. Установка CMS Вордпресс на хостинге происходит всего в пару кликов при помощи Автоустановщика CMS.

Я рекомендую разместить свой сайт не дорогом хостинге «Бегет» (у меня там размещены 5 проектов, уже лет 8). Сервис предлагает очень много услуг: хостинг, регистрацию домена, бесплатный сертификат SSL (протокол https), бесплатный перенос сайта с другого хостинга и многое другое. И так поехали — создание сайта через Вордпресс /WordPress для начинающих очень подробно.

Как создать сайт WordPress самостоятельно с нуля

Как создать сайт на Wordpress? – это обычный вопрос для новичков. И чтобы снять с повестки данный вопрос, читайте: Полное руководство для новичков/чайников — WordPress, как создать сайт самостоятельно, пошаговая инструкция.

 И так, начнём. Зайдите на сайт beget.com, осмотритесь.

Beget — платный хостинг (12 лет на рынке). Регистрация доменов .RU, .РФ. Заказ виртуального и VIP хостинга. Аренда серверов.

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

Далее, вам нужно выбрать тарифный план и нажать на кнопку «Попробовать бесплатно». Самый распространённый это — тариф Start — 12 Gb места на SSD дисках, разместить можно 5 сайтов. При оплате за год: экономия 720 руб., домен в зоне .ru . рф в подарок. По умолчанию при регистрации на хостинге вам предоставляется 30 дней бесплатного тестового периода.

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

Затем, вам нужно «Зарегистрировать аккаунт». Заполнить форму (ФИО, электронную почту и свой телефон):

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

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

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

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

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

Создание сайта WordPress — Регистрация домена для сайта

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

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

WordPress Mania

В основе Панели управления лежат простота, скорость и удобство. Всё наглядно, с подсказками. Это самая лучшая панель управления созданная командой Бегет. Не забудьте пополнить баланс для регистрации домена — в зоне .RU и .РФ — 179,00 ₽ . После пополнения счёта, вам надо нажать на раздел Домены и поддомены:

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

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

Далее, вы можете проверить корректность указанных данных, а также указать, создавать ли для данного домена отдельный сайт. Так как вы только что зарегистрировались и еще не создавали сайтов, то советуем вам выбрать опцию Прилинковать домен к существующему сайту и в качестве директории выбрать ваш_логин.bget.ru/public_html, — это директория (сайт), которая создается по умолчанию и также доступна по техническому адресу вида ваш_логин.bget.ru (обратите внимание, здесь нет опечатки!).

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

Также на данной странице вы можете активировать автоматическое продление для данного домена и заказать сразу выпуск бесплатного сертификата от Let’s Encrypt (чтобы ваш сайт работал по протоколу https) для вашего домена. После выбора необходимых пунктов необходимо нажать кнопку «Зарегистрировать домен».

При заказе нового домена можно: Создать новый сайт для домена:

В данном случае под сайтом подразумевается директория на диске. Например, если мы регистрируем домен internet-inside.ru и выбираем «Создать новый сайт«, на диске будет автоматически создана директория ~/internet-inside.ru, а в ней директория public_html, куда будут загружаться файлы сайта. В разделе Сайты вы увидите такую картину:

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

Как создать сайт WordPress на хостинге Бегет [Beget]

Заходите в раздел Сайты и вписываете название сайта, как правило это имя зарегистрированного домена. В нашем случае — shkolablogger. Нажимаем создать:

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

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

Незабываем нажать кнопку Добавить. Почти всё, новый сайт создан. Осталось установить для него движок. Можно устанавливать любую популярную CMS [Систему управления контентом] автоматически. В нашем случае будем использовать ВордПресс.

Как установить WordPress на хостинг Beget [Бегет]

Для этого, зайдите в вашей панели управления — Установка систем управления. Раздел CMS позволит быстро установить любую из более чем 30 популярных CMS (Content Managment System — Система Управления Контентом).

Список установленных CMS у вас будет пустой. Вам надо выбрать, какую платформу вы хотите использовать. Из бесплатных, лучше выбрать самую популярную и удобную — ВордПресс. Начните с WordPress! Более 60 миллионов людей выбрали WordPress для своего «дома» в сети — присоединяйтесь к семье.

Почему WordPress?

WordPress это самая популярная система управления контентом для ведения собственного сайта или блога. WordPress бесплатен и свободен к распространению. С каждым днем сфера применения WordPress расширяется от блогов до корпоративных сайтов и сложных информационных порталов.

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

32% всех сайтов мира работают на WordPress, от личных блогов до крупнейших новостных агентств. Расширьте WordPress с помощью более 57 000 плагинов, чтобы сайт соответствовал вашим потребностям. Добавьте интернет-магазин, галереи, списки рассылки, форумы, аналитику и многое другое.

В открывшемся окне вам надо ввести данные для управления сайтом (позже их можно поменять): Описание сайта; Придумайте логин администратора; Установите сложный пароль администратора; укажите E-mail администратора:

Жмите установить.

Установка происходит быстро. Можете спокойно закрыть окошко и минут через 5 у вас появится список установленных CMS, где вам надо кликнуть значок Информация:

Здесь, вся информация о созданном сайте WordPress:

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

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

Ошибка установки соединения с базой данных (Error Establishing Database Connection)

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

Обычно нужно подождать несколько часов. Но совсем скоро блог/сайт начнет открываться по своему имени и вы сможете начать принимать на нем первых посетителей.

Для входа в панель управления вашего только, что созданного сайта WordPess нажмите ссылку (информация сайта) «ваш сайт.ru/wp-admin«. Введите свои данные. Логин и пароль:

Войдите и вы в панели управления (консоль) вашим ВордПресс сайтом:

Добро пожаловать в консоль WordPress! Этот экран вы будете видеть после авторизации. Он даёт доступ ко всем функциям управления сайтом. Осмотритесь, всё понятно и удобно управлять своим сайтом.

Итак, друзья, мы создали сайт на WordPress самостоятельно — ура! Перейдём к следующим шагам.

Первичная, базовая настройка CMS WordPress

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

Общие настройки ВордПРесс. Поля на этом экране определяют основные настройки вашего сайта. Впишите название своего сайта, краткое описание (слоган). Адрес WordPress и адрес сайта и выберите свой часовой пояс, формат даты, основной язык сайта:

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

В разделе Написание — Настройки публикации — оставьте всё по умолчанию. Зайдите в раздел Чтение. Настройки Чтения. Эта страница содержит настройки, влияющие на отображение вашего содержимого сайта:

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

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

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

В разделе Обсуждение — Настройки обсуждения и Медиафайлы — Настройки медиафайлов оставьте всё как есть, по умолчанию.

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

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

На странице — Настройки постоянных ссылок можно выбрать структуру постоянных ссылок. Вы можете выбрать один из предложенных вариантов или создать произвольную структуру URL. Сделаем как у меня. Выберите — Произвольно и элемент /%postname%/

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

Базовые настройки сайта WordPress произвели (читайте подробнее о настройках ВордПресс), перейдём теперь к шаблонам / темам WordPress.

Выбор и установка темы / шаблона WordPress

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

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

На этом экране вы можете:

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

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

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

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

Далее, вы можете отфильтровать результаты на основе:

• Популярные
• Свежие
• Любимые

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

 Если вы нашли тему, которая вам понравилась, её можно просмотреть или установить.

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

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

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

Поисковые системы любят быстрые сайты. И поэтому подбирайте темы WordPress лёгкие и быстрые. Например, эти шаблоны. А также посмотрите отличные темы:

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

Устанавливаем нужные плагины WordPress

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

Все плагины в официальном каталоге WordPress совместимы с лицензией WordPress. Вы можете автоматически установить плагины из админпанели ВордПресс.

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

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

Если вы хотите установить плагин нужно нажать кнопку Установить, а потом Активировать. Например, нам нужно установить обязательный плагин Cyr-To-Lat.

WordPress плагин Cyr-To-Lat преобразует не-латинские символы в ярлыках записей, страниц и рубрик в латинские. Полезно для создания человекопонятных URL (ЧПУ).

Для этого, введите его название в поле поиска по плагинам:

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

Нажмите кнопку Установить, а через несколько секунд кликнете Активировать.

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

Страница Настройки плагина Яндекс.Турбо:

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

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

Плагины устанавливайте только самые необходимые, без которых обойтись ни как нельзя. Например, для любого сайта на WP нужно установить SEO плагин (смотрите лучшие), плагин от спама, модуль для безопасности сайта, плагин для оптимизации WordPress, плагины для размещения рекламы (монетизация сайта с помощью Google Adsense, РСЯ) и некоторые другие.

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

Теперь поговорим как создавать страницы и сообщения /записи в WordPress.

Создание страниц и записей на сайте ВордПресс

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

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

Как создать страницу WordPress

В левом меню консоли Страницы — нажать Добавить новую:

Начиная с 5 версии WordPress, используется новый редактор Gutenberg. Это блочный редактор, очень удобный. В редакторе WordPress каждый абзац, изображение или видео представлены в виде отдельного блока содержимого.

С ним можно создавать красивые страницы и сообщения.

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

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

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

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

Зайдите Внешний вид — раздел Меню:

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

На этом экране вы можете:

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

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

Как создать запись / сообщение в WordPress

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

Введите название рубрики и добавьте краткое описание для неё. Затем кликните кнопку Добавить новую рубрику. Создайте несколько нужных вам категорий для сайта / блога.

Можно сразу создать и метки, нажав раздел Метки. Хотя присваивать метки к записи можно и при создании сообщения. Смотрите сами, как вам будет удобно. В чём отличие между рубриками и метками?

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

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

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

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

Если вы перейдёте в Все записи (или Все страницы) вы можете управлять ими. На этом экране доступны все ваши записи:

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

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

Вот вроде и всё на первое время. Дальше вы быстро освоитесь. С WordPress справится любой пользователь, она самая лучшая в мире CMS.

Как создать сайт на WordPress. Видео инструкция

Кто любит видео уроки, смотреть, пожалуйста. Сначала зайдите на хостинг https://beget.com/ и следуйте инструкции. Вы сможете запустить веб-ресурс максимально быстро и приступить к его наполнению полезным материалом. Видео урок: Создание сайта на движке WordPress:

В заключение

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

Через админпанель / консоль вы можете управлять своим сайтом, наполнять контентом, устанавливать нужные плагины, темы (шаблоны) для сайта WordPress и многое другое. После того, как вы наполните сайт статьями, обязательно расскажите о нём поисковикам — Как добавить сайт в поисковые системы — читайте тут.

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

Вот, пример моего нового блога созданный недавно на WordPress — https://wpmania.ru/.

До новых встреч, друзья и удачи вам с новым веб-проектом.

Если вы хотите поделиться своими мыслями, заняться бизнесом или открыть магазин, для всего этого вы можете воспользоваться WordPress.com.

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

Обучающее видео

Шаг 1. Выберите название

Выбор имени сайта — важное решение, так как имя рассказывает посетителям, чему посвящён веб-сайт. Когда придумаете идеальное имя, перейдите в раздел Название сайта в меню Настройки. Можно также добавить запоминающуюся ключевую фразу!

После регистрации сайту присваивается адрес, например yourgroovysite.wordpress.com, но вы можете зарегистрировать собственный домен, например yourgroovydomain.com. Первый год использования домена идет в комплекте всех тарифных планов WordPress.com!

Шаг 2. Спроектируйте свою главную страницу

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

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

Шаг 3. Создайте больше страниц

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

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

Шаг 4. Настройте своё меню

Меню — это список ссылок, который будет отображаться в верхней части сайта и который будут использовать посетители для навигации по сайту. Теперь вы можете добавить в него страницы, созданные на шагах 2 и 3. Для начала перейдите в раздел Внешний вид → Редактор и добавьте блок Навигация.

Шаг 5. Добавьте ссылки на свои социальные сети

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

Вы можете добавить эти значки в меню вашего сайта с помощью блока «Социальные сети». Поддерживаются все основные социальные сети!

---

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

Бонус

Вот несколько дополнительных шагов.

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

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

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

Почему WordPress и Timeweb?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• В случае с 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 и нанять хороших копирайтеров. Тогда успех обеспечен. 

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