Wordpress как работать с ним
Перейти к содержимому

WordPress как работать с ним

  • автор:

Руководство по созданию сайта на WordPress

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

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

Каждый третий сайт в интернете создан на Ворд Пресс

Примеры сайтов на WordPress

Лучше всего WordPress подходит для малого и среднего бизнеса. На этом движке без проблем можно сделать: 1) блог, онлайн-журнал или медиа; 2) сайт-визитку для вашего бизнеса, проекта или мероприятия; 3) небольшой интернет-магазин (до 2000 товаров).

Вот сайт, который мы сделали специально для этой инструкции. В статье ещё раз по шагам пройдём этот процесс. Посмотреть сайт в деталях вы можете по адресу smartfix.vashdomen.com.

В статье рассказываем, как создать сайт на ВордПресс по примеру smartfix.vashdomen.com

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

Как самому создать простой сайт на WordPress — Школа «Багаж» Как сделать сайт на WordPress с нуля самостоятельно — Агентство «Dievo» Как быстро создать сайт на WordPress — Кафе «Кава у шафi» Как написать сайт на WordPress бесплатно — Спортзал «Stimul» Создание сайта на движке WordPress с нуля пошагово — Курсы английского «Hotspot» Создаем свой сайт на WordPress с нуля — СМИ «DonCайты на WordPress

Шаг 1. Купите хостинг и домен

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

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

Всё это стоит в районе 2000–3000 гривен за год ($60–80), что не так уж и много, если учесть, что за эти деньги сайт круглосуточно будет в онлайне целый год.

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

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

Самый выгодный способ — купить хостинг сразу на год. Так стоимость каждого месяца будет ниже + вы сможете бесплатно получить домен на 1 год в одной из популярных зон: .com , .net , .org , .com.ua , или .in.ua . Полный список зон вы найдёте на странице тарифа во время оформления заказа.

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

Самый простой тариф для создания сайта на WordPress

После нажатия кнопки «Купить» понадобится создать аккаунт.

Две версии сайта на WordPress: с SSL-сертификатом и без

Чтобы установить сертификат, нужно войти в панель управления хостингом. Для этого нажмите кнопку «Панель клиента» в правом верхнем углу. Затем найдите в списке продуктов ваш хостинг и нажмите кнопку «Контрольная панель».

Страница входа в панель управления cPanel

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

Сейчас наша задача — установить SSL-сертификат. Найдите на главной странице cPanel раздел «Безопасность» и откройте в нём приложение «Let’s Encrypt».

Дальше найдите ваш домен в списке «Issue a new certificate» и нажмите рядом с ним «Issue». Затем на следующей странице снова нажмите «Issue».

Уроки WordPress: создание сайтов для начинающих — кнопка «Установка»

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

Адрес панели управления — это ваш домен со словами /wp-admin/ . Например, https://vashdomen.com/wp-admin/ . Запомните этот адрес или сохраните в закладки браузера, чтобы в будущем можно было быстро попасть в панель.

Уроки по Вордпресс: как создать сайт с нуля — Страница входа в консоль WordPress

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

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

Консоль WordPress

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

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

Консоль WordPress — как работать с элементами на главной странице

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

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

Как создать сайт на Вордпрессе бесплатно с нуля — Название и краткое описание сайта в настройках WordPress

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

Разработка сайтов на WordPress: гайд — Часовой пояс, формат даты и времени в настройках WordPress

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

Разработка сайта на WordPress: обучение с нуля — Структура постоянных ссылок в настройках WordPress

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

3.4. Измените стандартную тему

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

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

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

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

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

Как создать сайт на Ворд пресс — Раздел «Внешний вид – Темы» в консоли WordPress

Кликните «Добавить новую тему» в нижней части экрана. Откроется библиотека тем, где будет тысячи, если не десятки тысяч вариантов. В правой части экрана есть поиск. Найдите в нём тему Astra. Наведите курсор на неё и кликните «Установить», а затем «Активировать».

Astra — это одна из самых популярных и продвинутых тем. У неё больше миллиона активных пользователей и средний рейтинг 4.9 из 5. Чуть подробнее про её особенности читайте в нашем обзоре:

Плагин «Starter Templates» в библиотеке плагинов WordPress

После активации запустится экран, где вам понадобится выбрать конструктор страниц, при помощи которого вы будете делать сайт. Рекомендуем выбрать стандартный конструктор WordPress — Block Editor. Именно его мы будем использовать в этой инструкции.

Как создать сайт WordPress с нуля — Стартовый экран после активации плагина «Starter Templates»

Откроется библиотека шаблонов. В ней вы найдёте 150+ готовых сайтов. Некоторые из них платные, некоторые бесплатные. У платных в правом верхнем углу будет пометка «Premium», они будут доступны только после покупки платной версии темы — Astra PRO.

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

Готовые сайты на Вордпресс в библиотеке «Starter Templates»

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

Создание сайта на Вордпресс с нуля — Выбор платформы для электронной коммерции при импорте шаблона

Затем превью с сайтом исчезнет и вы увидите страницу с заголовком «Okay, just one last step…» (Окей, ещё всего один шаг). На ней тоже можно ничего не заполнять и просто нажать синюю кнопку. После этого запустится импорт шаблона.

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

  • Import Customizer Settings — настройки темы Astra;
  • Import Widgets — виджеты;
  • Install Required Plugins — необходимые плагины;
  • Import Content — содержимое шаблона;
  • Share Non-Sensitive Data — делиться с разработчиками не конфиденциальными данными (чтобы улучшить работу плагина).

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

Создание сайта в WordPress для чайников — Опция «Удалить старый шаблон» для повторного импорта

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

Шаг 5. Создайте дизайн вручную

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

5.1. Глобальные стили

Это вещи, которые будут одинаковыми на всех страницах сайта: цвета, шрифты, стили кнопок. Лучше настроить их первым делом. Для этого перейдите в консоли в раздел «Внешний вид – Настроить». По-другому он называется «Настройщик темы».

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

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

Теперь давайте настроим основные глобальные параметры: цвета, шрифт и кнопки.

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

Цвета. Перейдите в настройщике в раздел «Глобальные – Цвета». Сверху в блоке «Глобальная палитра» укажите цвета, которые будете использовать на сайте.

Как сделать сайт на Вордпресс с нуля своими руками — Палитра с цветами на сайте smartfix.vashdomen.com

Шрифты. Перейдите в настройщике в раздел «Глобальные – Типографика». Сверху выберите одну из шести заготовленных шрифтовых пар, если стандартная пара вам не нравится.

Вордпресс для чайников — Редактор блоков WordPress сразу после создания новой страницы

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

Кнопка выхода из редактора блоков WordPress

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

Как построить сайт на WordPress — Страница без названия в разделе «Страницы»

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

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

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

Создание сайта на WP — Кнопка «Опубликовать» на верхней панели редактора блоков

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

Делаем сайт на WordPress бесплатно — Пометка «Черновик» возле публикации

Изменить URL-адрес. WordPress назначит странице случайный URL сразу после публикации или первого сохранения. Чтобы его изменить, найдите на боковой панели опцию «URL» и кликните по адресу. Появится всплывающее окно, где вы сможете изменить часть, которая идёт после доменного имени.

Кнопки «Обновить» и «Сохранить черновик» на верхней панели редактора блоков

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

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

Чтобы восстановить нужную версию, нажмите синюю кнопку «Восстановить эту редакцию» в правой части экрана.

Как пользоваться CMS WordPress: инструкция по применению — Сообщение об автосохранении

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

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

Как создать сайт в WordPress: инструкция на русском — Свойства блока «Абзац»

Другой пример — блоки «Изображение», «Обложка» или «Колонки». У них опций больше, поэтому их для удобства разнесли на две вкладки: «Настройки» и «Стили».

Пошаговое создание сайта на WordPress без шаблона — Добавляем титульное изображение

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

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

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

Как сделать сайт в Вордпресс — Подготовка изображения в Фотошопе

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

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

Например, на скриншоте ниже изображение, которое весило 1.3 МБ после сжатия стало весить 380 Кб — на 71% меньше, чем изначально. Это отличный результат.

Как создать сайт в ВордПресс — Сжатие изображений в сервисе «TinyPNG»

На этом титульный баннер готов. Теперь точно таким же образом вам предстоит создать остальные секции на сайте. Главное — помните про «принцип 3К», о котором мы говорили в начале подраздела: контейнер, колонки, контент.

Принцип «3К»: Контейнер > Колонки > Контент

Шаг 6. Создайте шапку и подвал

Это делается в специальном конструкторе в настройщике темы. Перейдите в консоли в раздел «Внешний вид – Настроить». Для создания шапки предусмотрен раздел «Построитель заголовка», для подвала — «Построитель подвала». Функционал конструкторов одинаковый, поэтому в статье мы рассмотрим только построитель заголовка.

Платформа для сайта WordPress: как создать сайт на движке — Конструктор шапки Astra

6.1. Обзор конструктора шапки

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

Дизайн элементов можно менять на боковой панели слева. На ней будет две вкладки: «General» и «Design». На первой можно менять содержимое, на второй — цвета, отступы, параметры текста.

Как создать свой сайт на WordPress с нуля бесплатно — Вкладки «General» и «Design» в параметрах элемента

6.2. Загрузите логотип и фавикон

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

Чтобы создать логотип, можете использовать онлайн-сервисы вроде My Free Logo Maker или Namecheap Logo Maker. Они бесплатные, понадобится только зарегистрироваться.

Либо можете пойти ещё более простым путём — просто набрать в Фотошопе название вашего бизнеса с цветами вашего сайта. При желании можете добавить к нему также бесплатную иконку с сайтов вроде Flaticon.

Как создать свой сайт на Вордпресс с нуля бесплатно — Опция «Макет» в конструкторе подвала Astra

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

Шаг 7. Создайте блог

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

7.1. Добавьте новую статью

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

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

Инструкция для новичков: Как создать блог на Вордпресс бесплатно — Рубрики и метки на боковой панели блога

7.3. Создайте главную страницу блога

Подобно тому как вы указывали главную страницу сайта в настройках WordPress, нужно указать также страницу записей. Для этого создайте пустую страницу, измените её URL. Например, чтобы адрес был https://vashdomen/blog. Затем опубликуйте.

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

Как создать блог на WordPress бесплатно с нуля — Зона с виджетами на главной странице блога

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

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

Настройка сайта на WordPress с нуля — Страница добавления нового товара в WordPress

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

Пошаговая инструкция создания сайта на WordPress — Пример оформления файла для массового импорта товаров

8.3. Настройте доставку и платежи

Это делается в разделе «WooCommerce – Настройки» на вкладках «Доставка» и «Платежи».

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

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

Создать сайт на WP — Вкладка «Доставка» в настройках WooCommerce

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

Чтобы добавить другие оплату банковской картой, можно установить плагин популярного в вашей стране платёжного шлюза. В Украине это: LiqPay или Fondy.

Создание сайта на WooCommerce — Вкладка «Платежи» в настройках WooCommerce

8.4. Узнайте больше про создание магазина

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

Это нормально, создание магазина на WordPress — очень объёмная тема. Чтобы её раскрыть, мы выпустили ещё две статьи в дополнение к этой. Каждая из них примерно такая же по объёму, как и эта. В одной статье разбираем настройки WooCommerce и работу с товарами, а в другой более глобальные вещи, такие как письма клиентам, фильтры, акции, дизайн.

Что дальше

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

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

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

Подключить аналитику. Этот инструмент от Google поможет вам начать отслеживать посетителей сайта: как они попали на него, на какие страницы переходили, сколько времени провели на нём, что купили.

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

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

Что такое WordPress: о программе и работе с ней

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

Сайт можно сделать разными способами:

  • написать вручную с помощью кода,
  • использовать CMS,
  • создать с помощью Конструктора.

Закажите специальный хостинг для WordPress

Если вы планируете работать с WordPress, предлагаем вам хостинг с поддержкой WP.

Что такое WordPress и как это работает

Что такое WordPress

WordPress (WP) ― это система управления содержимым сайта (CMS) с открытым исходным кодом.

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

На рынке программ по созданию интернет-ресурсов за первенство борются Joomla, Drupal, 1C-Битрикс, однако самая популярная CMS ― WordPress. По данным W3techs, WP используют 64,7% всех веб-сайтов, которые сделаны на CMS. Это 41,1% всех существующих в мире сайтов. Эту платформу для своих блогов используют The New York Times и Forbes. Такую популярность Вордпресс получил за удобство интерфейса и большие возможности.

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

Расширить функционал программы позволяют плагины. Благодаря им можно создать как простой одностраничник, так и интернет-магазин с сотнями товаров. Интерфейс для публикации статей и заметок чем-то напоминает привычный Microsoft Word:

Что такое WordPress 2

Опытным разработчикам WP даёт возможность использовать PHP. Так как эта CMS с открытым исходным кодом, интерфейс можно модернизировать и сделать для себя ещё удобнее.

Что значит открытый исходный код

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

Плюсы и минусы WordPress

Как и любая программа она имеет плюсы и минусы.

Преимущества

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

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

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

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

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

Готовые темы для разных сайтов. Внутри CMS есть множество бесплатных шаблонов для разных типов ресурсов (корпоративных, блоговых, новостных). Неважно, делаете ли вы портфолио для фотографа или сайт медицинской компании. Шаблоны найдутся для любого бизнеса. Также сторонние разработчики продают самостоятельно разработанные темы. Если вы приобретаете услугу Рег.сайт, вы получаете доступ к десяткам бесплатных эксклюзивных тем, база которых постоянно пополняется.

Что такое WordPress 3

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

SEO-направленность CMS. Работа над SEO очень важна для современного бизнеса. WP готов к такому запросу разработчиков. Уже есть плагины (например, Yoast SEO), которые помогают продвигать сайт. С их помощью можно ставить метатеги, делать xml-карты и размещать ключевые слова в пару кликов.

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

Что такое WordPress 4

Поддержка со стороны многих хостинг-провайдеров. Хостинг — важная часть сайта. На нём хранятся все файлы ресурса. WP «дружит» со всеми крупными хостинг-провайдерами, поэтому вы можете выбрать любую понравившуюся компанию.

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

Недостатки

Несмотря на многие положительные моменты программы, у CMS есть и минусы.

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

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

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

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

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

Не синхронизируется с 1C. Внутри программы нет инструментом для работы с 1С. Если всё-таки это нужно сделать, придётся приглашать программистов для работы с кодом. Однако это сложная задача даже для специалистов.

Какие сайты можно делать на WordPress

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

Для каких сайтов WordPress подойдёт больше всего:

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

Что такое WordPress 5

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

Что такое WordPress 6

  • Сайт-визитка или одностраничник. Компаниям необязательно заводить большие корпоративные ресурсы с десятками страниц. Иногда достаточно небольшой приветственной страницы, где пользователь может найти ответы на свои вопросы и узнать контакты организации. Приглашать программистов для создания такой визитки нецелесообразно. Намного дешевле и быстрее создать такой сайт на CMS.
  • Интернет-магазин. Казалось бы, интернет-магазин ― это сложно. Однако в WordPress есть плагин WooCommerce, который позволяет легко сделать интернет-магазин с сотнями позиций. Также разработчики Вордпресс и сторонние специалисты уже создали сотни шаблонов, которые ещё больше ускоряют процесс создания магазина. Вам понадобится только загрузить свои товары.

Что такое WordPress 7

Это только малый список того, что можно сделать на WordPress.

Чем отличается WordPress.com и WordPress.org

На просторах интернета можно встретить два сайта ― WordPress.com и WordPress.org. У многих возникает вопрос, чем они отличаются друг от друга? Оба этих сайта официально представляют продукт WP. Однако они предлагают разный набор услуг.

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

WordPress.com ― это хостинговая площадка с CMS WordPress. Вам не придётся ничего скачивать и устанавливать. Нужно только завести учётную запись. Компания даст вам поддомен (например myite.wordpress.com) и бесплатно разместит на своём хостинге. Если вы хотите убрать часть адреса «wordpress.com», можете перейти на платный тариф. Главный минус wordpress.com ― невозможно работать с php. Вы сможете пользоваться только тем, что предлагает компания. Также в нём нет плагинов. Есть только встроенные дополнительные функции.

WordPress: начало работы

Как начать работать с WordPress?

Чтобы сайт работал, нужна не только CMS, но и домен с хостингом. Если вы только начинаете свой путь в создании интернет-ресурса, предлагаем сначала прочитать, зачем нужен домен и хостинг. WordPress.com предоставляет свой хостинг. Но он не даёт возможности его настраивать. Это серьёзный минус, поэтому перед началом работы с WordPress поищите подходящего регистратора доменов и хостинг-провайдера. На Рег.ру вы можете приобрести и домен, и хостинг специально для WordPress. Не забудьте прикрепить домен к хостингу, чтобы сайт стал доступен по зарегистрированному доменному имени.

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

  • Структура страницы сайта на WordPress
  • Как создать интернет-магазин в WordPress
  • Как добавить форму подписки на рассылку в WordPress
  • Капча для сайта на WordPress
  • Как добавить капчу для Сontact Form 7
  • Как добавить контактную форму в WordPress
  • Эффекты для WordPress

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

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

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

Помогла ли вам статья?

Спасибо за оценку. Рады помочь ��

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

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

Выбор темы для сайта на WordPress

Создание сайта на WordPress

Создание сайта на WordPress

Почему выбирают WordPress

Согласно статистике агентства Web Technology Surveys, в конце 2020 года 39,4 % сайтов работали на платформе WordPress. И каждый месяц их количество увеличивается. Если сравнить, например, с 2015 годом, там было только 24 % сайтов. Остальные CMS значительно отстают в этом плане. Можно выделить 5 главных причин популярности WordPress.

  • Бесплатное использование. Открытое лицензионное соглашение GNU GPL позволяет использовать движок для любых целей, в том числе и коммерческих. А платить за это ничего не придётся. Конечно, если вы сами не захотите.
  • Широкий функционал. Многие создают с помощью WordPress блоги или информационные ресурсы. Но возможности позволяют также работать с галереей мультимедиа, корпоративными сайтами и даже интернет-магазинами. Вы можете создать крупнейший ресурс, используя весь функционал этой популярной CMS.
  • Гибкие настройки. Доступны бесплатные и платные шаблоны, а также разнообразные плагины. Они позволяют не просто изменять внешний вид, но и решать различные технические задачи. Именно от плагинов и тем зависит функционал сайта.
  • Простое управление. Не нужно изучать языки программирования, разметки или какую-то сложную документацию. Работать с WordPress может любой новичок.
  • Готовый сайт за 5 минут. Конечно, чтобы настроить сайт и наполнить его контентом, требуется время. Но установка и первоначальные конфигурации помогут пользоваться собственным проектом уже через 5 минут.

Многие хостинг-провайдеры предлагают установку в один клик. Это значит, что вообще не придётся искать и скачивать дистрибутив. Достаточно выбрать нужную CMS, определить место, и сайт готов. Хотя и обычная установка тоже не отнимет много времени и сил. Но если есть автоматический способ, стоит выбрать его. Некоторые поставщики услуг предлагают разные версии CMS. Но вы выбирайте последнюю, так как она самая стабильная и безопасная.

Выбор CMS при автоматической установке

Автоматическая установка WordPress

Автоматическая установка WordPress

WordPress используют различные знаменитые компании и СМИ, в число которых входят The New Yorker, Sony Music и Reuters. Даже некоторые певцы оценили удобство этой платформы. Например, известный рэпер Snoop Dogg. И это только небольшие примеры, так как всех пользователей даже перечислить не получится.

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

Шаг 1. Хостинг и домен

Сам WordPress бесплатный. Но для того, чтобы начать им пользоваться, нужно зарегистрировать хостинг и домен. И если вы хотите в будущем зарабатывать с помощью сайта, придётся обращаться к платным услугам. Хотя познакомиться с платформой можно и на бесплатных хостингах. А домен вообще регистрировать не придётся, так как его обычно дают при регистрации. Например, для таких целей подходит сайт wordpress.com.

Выбор платного хостинга – это отдельная тема. Но если вы не хотите разбираться во всех тонкостях, обращайтесь к самым популярным поставщикам услуг. Сюда относятся Reg.ru, Beget и Netangels. Можете выбрать и любого другого поставщика. Его всё равно в будущем можно сменить.

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

Подбираем домен для сайта WordPress

Выбор домена

Выбор домена

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

  • Выбирайте такое имя, которое напоминает вашу компанию. Ведь не зря даже крупнейшие магазины следуют такой рекомендации. Взять хотя бы «Связной» или «Эльдорадо», у которых адреса сайтов svyaznoy.ru и eldorado.ru соответственно.
  • Чем короче имя, тем лучше. К сожалению, сейчас уже большинство коротких доменов заняты. Это vk.com, ok.ru и подобные. Но всё равно постарайтесь сократить имя насколько возможно. Особенно полезно это будет для пользователей мобильных устройств.
  • Выбранный домен должен передавать смысл и легко запоминаться. Согласитесь, что какой-нибудь hdhcvdgegggrv24.com запомнить очень тяжело. Да ещё и непонятно, что это вообще за сайт.

Что касается технической стороны вопроса, то доменное имя не влияет на результаты поисковой выдачи. Но многие пользователи доверяют больше доменам второго уровня. К ним относится, например, sait.ru. Домены третьего более длинные. Например, sait.wordpress.com. Второй уровень платный, зато позволяет получить короткое и запоминающееся имя. При этом зон достаточно много. И это не только .ru, .com, .org или .biz. В последнее время появились также зоны .mobile, .expert, .online, .club и многие другие. Вы можете даже совместить название в домене и зоне. Например, voen.com или vost.org.

Шаг 2. Самостоятельная установка WordPress

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

Сначала нужно скачать архив. Сделать это можно на официальном сайте wordpress.org.

Официальный сайт WordPress

Скачивание WordPress

Скачивание WordPress

Загрузите архив в корневой каталог или отдельную директорию на хостинге. Для этого подойдут FTP-клиент или файловый менеджер, который предлагают сами провайдеры. Корневой каталог находится в папке /www/.

Выгружаем архив с WordPress на хостинг

Загрузка дистрибутива WordPress

Загрузка дистрибутива WordPress

Если вы хотите, чтобы сайт открывался по прямому адресу sait.ru, то используйте корневой каталог. Это полезно, если работа всего ресурса будет построена через WordPress. Когда нужна отдельная папка, создайте её, а уже туда загружайте архив. Это пригодится тем, у кого собственная CMS, а WordPress нужен только в качестве блога. В этом случае движок будет доступен по адресу sait.ru/papka/. Распакуйте архив.

Распакованный архив WordPress

Файлы WordPress

Файлы WordPress

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

Русский язык установки WordPress

Выбор языка WordPress

Выбор языка WordPress

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

имя пользователя и пароль базы данных WordPress

Информация о базе данных WordPress

Информация о базе данных WordPress

WordPress сообщит, если вы ввели неправильные данные. Если всё сделано правильно, вы увидите соответствующую надпись.

Сообщение об успешной установке WordPress

Успешная установка WordPress

Успешная установка WordPress

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

Имя пользователя и пароль WordPress

Данные администратора WordPress

Данные администратора WordPress

Не забудьте сохранить пароль. Для этого нажмите на кнопку Show и скопируйте символы, которые вам покажут. Если всё сделали правильно, после нажатия на «Установить WordPress» появится надпись.

WordPress. Установка завершена.

Успешное завершение установки WordPress

Успешное завершение установки WordPress

Можете зайти на адрес, куда устанавливали WordPress. Перед вами появится ваш сайт.

Первая запись WordPress

Привет, мир WordPress

Привет, мир WordPress

Вот и всё, вы создали собственный сайт. Как видите, установка не отняла много времени и сил. Конечно, пока он сырой и пустой, поэтому следует заняться его администрированием. Для этого зайдите по ссылке «Вход» и введите данные администратора. Иногда случается, что ссылки для входа нет. Тогда введите в адресной строке адрес, куда устанавливали платформу, а в конце добавьте wp-login.php. Должно получиться что-то типа такого: sait.ru/wp-login.php.

Административная панель WordPress

Админка WordPress

Админка WordPress

Шаг 3. Выбор темы

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

  • Бесплатная или платная?

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

  • Русская или английская?

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

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

Существует два способа установки. Первый – через админку. Вам нужно пройти по пути «Внешний вид – Темы», а затем нажать вверху на кнопку «Добавить».

Поиск темы WordPress

Выбор темы WordPress

Выбор темы WordPress

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

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

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

Загрузка темы с компьютера для WordPress

Загрузка темы WordPress

Загрузка темы WordPress

Установка темы завершена. Но чтобы она работала правильно, её нужно настроить.

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

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

Шаг 4. Настройка темы и сайта

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

Настройка сайта

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

В разделе «Общие» вам предложат заполнить название сайта, краткое описание, адреса, язык, формат даты и так далее. Если у вас WordPress установлен в корневой каталог, то в адресах запишите URL сайта. Хотя обычно они тут уже записаны. Пока про ресурс никто не знает, лучше запретить пользователям регистрироваться. Для этого не ставьте галочку в разделе «Членство». Сохраните изменения.

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

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

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

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

Единственное, что здесь следует указать, так это сервис обновлений. Он нужен, для того чтобы поисковые системы в автоматическом режиме получали информацию о новых постах. Подойдёт сервис rpc.pingomatic.com/. В принципе, он там уже указан.

Настройки написания в консоли WordPress

Настройки написания WordPress

Настройки написания WordPress

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

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

Здесь же можно настроить количество отображаемых записей на странице и в RSS-ленте. Обычно стандартных настроек достаточно, но вы можете их изменить. Только помните, что при большом количестве записей страница будет долго загружаться. Чуть ниже выберите «Анонс». И если не хотите, чтобы поисковики индексировали сайт, укажите это.

Настройки чтения в консоли WordPress

Настройки чтения WordPress

Настройки чтения WordPress

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

Настройки обсуждения в консоли WordPress

Настройки обсуждения WordPress

Настройки обсуждения WordPress

Раздел «Медиафайлы» нужен, для того чтобы настраивать размер изображений. Новичкам лучше здесь ничего не менять.

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

Постоянные ссылки в консоли WordPress

Настройки постоянных ссылок WordPress

Настройки постоянных ссылок WordPress

Последним пунктом идёт приватность. Здесь можно ничего не менять. Или настроить страницу политики конфиденциальности.

Настройка темы

У каждой темы свои настройки. И они могут значительно отличаться. Поэтому объяснить принцип лучше на примере стандартной – Twenty Nineteen.

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

Страница настройки темы WordPress

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

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

Первым идёт раздел «Свойства сайта». Здесь можно добавить логотип, иконку и указать название сайта.

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

Свойства сайта в теме WordPress

Свойства сайта в теме WordPress

Следующий пункт – «Цвета». Настройте цветовую схему и закреплённое изображение.

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

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

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

Теперь переходим к разделу «Меню». Нажмите на ссылку «Создать меню».

Новое меню в теме WordPress

Настройка меню в теме WordPress

Настройка меню в теме WordPress

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

Добавить элементы меню в тему WordPress

Элементы меню темы WordPress

Элементы меню темы WordPress

Добавьте страницы, которые должны быть в меню. Нажмите вверху кнопку «Опубликовать».

Добавить страницы в меню темы WordPress

Страницы меню в теме WordPress

Страницы меню в теме WordPress

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

Добавить виджеты в тему WordPress

Виджеты в теме WordPress

Виджеты в теме WordPress

Как перевести тему на русский

Существует 4 способа русификации.

  1. Ручной способ. Если вы хотите собственноручно русифицировать тему, обязательно сохраните её копию. Дело в том, что такая работа требует много внимания и усидчивости. Если нечаянно задеть программный код, тема перестанет работать или будет отображаться неправильно. Поэтому сначала создайте копию, а потом редактируйте код. Для этого придётся скачать тему и править её файлы.
  2. Использование плагинов. Это более удобный способ, так как шанс испортить тему приравнивается к нулю. Плагины сами создают копию, хотя и не лезут в программный код.
  3. Использование специальных программ. Преимущество способа в том, что многие действия здесь автоматизированы. А значит, и возможностей предоставляют гораздо больше, чем при ручном способе и установке плагинов.
  4. Заказ перевода у стороннего специалиста. Когда не хватает знаний английского языка, но при этом есть деньги, можно обратиться к переводчикам. В Интернете много агентств и частных лиц, которые с радостью возьмутся за такую работу.

Самым удобным способом русификации считается использование специальных программ. Например, одной из самых популярных является Poedit. В её функционале легко разобраться, а ещё она бесплатная. Чтобы переводить было ещё проще, установите дополнительный плагин в WordPress. Например, хорошо подходит WP File Manager. Давайте разберёмся, как выглядит такой процесс русификации.

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

Настройка плагина WP File Manager в WordPress

Плагин File Manager в WordPress

Плагин File Manager в WordPress

Откройте папку wp-content и переходите в themes.

Папка с темами в WordPress

Папка wp-content в WordPress

Папка wp-content в WordPress

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

Открываем папку languages в WordPress

Папка languages в WordPress

Папка languages в WordPress

Здесь выберите файлы en.mo и en.po. В некоторых случаях используют файлы с расширением .pot.

Файлы в папке languages для темы WordPress

Файлы перевода темы WordPress

Файлы перевода темы WordPress

Теперь пригодится программа Poedit. В ней нужно нажать «Создать новый перевод». В последних версиях можно сразу перевести тему через соответствующий раздел. Но давайте разберём пример с обычным переводом.

Главная страница программы Poedit

Программа Poedit

Программа Poedit

Выберите нужный файл и язык. Достаточно написать «ру», чтобы программа предложила русский язык. Нажмите «ОК».

Перевод темы в программе Poedit

Перевод на русский в программе Poedit

Перевод на русский в программе Poedit

Поле «Исходный текст» отображает английскую версию. Результат покажут с правой стороны. Его можно изменить под себя. Для этого нужно нажать на «Перевод».

Изменить перевод на русский язык в Poedit

Изменить перевод в Poedit

Изменить перевод в Poedit

Теперь остаётся сохранить перевод на жёсткий диск. У вас появятся два файла, которые нужно загрузить обратно в папку languages. Названия файлов – ru_Ru.mo и ru_RU.po. Или один с расширением .pot, если вы работали именно с ним. Для загрузки нажмите правой кнопкой мыши в плагине File Manager. Нас интересует пункт «Загрузить файлы».

Файлы перевода темы WordPress загружаем на сервер

Загрузить файлы перевода темы WordPress

Загрузить файлы перевода темы WordPress

На этом процесс русификации завершён.

Можно ускорить работу с помощью программы Seraphinite Typing Assistant. Она отлично подходит для тех, кто плохо знает английский язык. Но использовать программу придётся совместно с Poedit.

Если вы не хотите скачивать файлы на компьютер, а работать прямо в консоли управления WordPress, воспользуйтесь плагином Loco Translate. Он тоже подходит для перевода файлов с расширениями .mo и .po. Преимущество в том, что можно переводить любые темы прямо из браузера.

Перевод темы WordPress с помощью плагина

Плагин для перевода темы WordPress

Плагин для перевода темы WordPress

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

  • Адаптивный дизайн. Сегодня больше половины пользователей сидят в Интернете с мобильных устройств. И если ресурс подстроен только для компьютеров, на смартфонах и планшетах он будет некорректно отображаться. Адаптивный дизайн сам подстраивается под характеристики устройства, чтобы показывать сайт в любых размерах окна браузера.
  • Частота обновлений. Требования поисковых систем к дизайну и SEO постоянно меняются. И если тема не обновляется, значит, и весь сайт не соответствует новым условиям. Поэтому лучше от установки подобных тем лучше отказаться.
  • Широкий функционал нужен далеко не всегда. Большое количество функций уменьшает скорость работы темы. А так как поисковики отдают предпочтение быстрым сайтам, это негативно повлияет на продвижение. Лучше выбирайте только те опции, которые действительно необходимы.

Шаг 5. Используем плагины для комфортной и безопасной работы

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

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

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

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

Плагины, которые служат для безопасности

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

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

Для работы с резервными копиями сайта подойдут такие плагины:

  • WP Database Backup – русский язык отсутствует;
  • BackUpWordPress – редко обновляется, но зато на русском;
  • Backup and Restore WordPress – тоже нет русскоязычной версии.

Установить их очень просто. Для этого в консоли нужно перейти в раздел «Плагины» и нажать «Добавить новый». Вверху слева вы можете самостоятельно загрузить плагин со своего компьютера. Только сначала нужно найти его на сайте разработчика. Но в WordPress уже присутствует много различных плагинов. Для поиска используйте поле ввода справа. Когда введёте название, нажмите на клавиатуре Enter. Стоит отметить, что в поиске нужный результат не всегда появляется на первом месте. Поэтому обращайте внимание на то, что устанавливаете.

плагин WP Database Backup в WordPress

Плагин для резервного копирования WordPress

Плагин для резервного копирования WordPress

После того как в результатах поиска появится нужный плагин, нажмите «Установить». Как и при работе с темами, после установки плагин нужно активировать и настроить. Он находится в разделе «Инструменты». Чтобы создать резервную копию, нажмите Create New Database BackUp.

Создание резервной копии через WP Database Backup

Резервная копия в WordPress

Резервная копия в WordPress

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

Настройка автоматического резервного копирования WordPress

Автоматическое резервное копирование WordPress

Автоматическое резервное копирование WordPress

Чтобы обезопасить сайт ещё больше, переходите на вкладку Destination. Настройте отправку резервных архивов на e-mail. Или используйте для этого Google Drive.

Настройка отправки резервного копирования WordPress на почту

Отправка резервной копии WordPress на email

Отправка резервной копии WordPress на email

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

  • Loginizer Security. Этот плагин установили больше миллиона раз. Таким популярным он стал из-за того, что отлично справляется с защитой от взлома методом подбора;
  • Login Lockdown. По функционалу практически не отличается от предыдущего плагина. Можно настроить разные параметры, в том числе количество попыток ввода логина и пароля с одного IP-адреса.

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

  • поиск страниц с ошибками 404;
  • блокировка нежелательных пользователей;
  • работа с резервными копиями;
  • шифрование по протоколу SSL;
  • предупреждение хакерских атак;
  • принуждение использовать только сложные пароли;
  • защита от входа в консоль управления WordPress;
  • гибкая настройка системы под свои нужды.

Настройка плагина Loginizer Security в WordPress

Плагин Loginizer Security в WordPress

Плагин Loginizer Security в WordPress

Плагины для борьбы со спамом

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

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

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

Антиспам WordPress

Антиспам WordPress

Если вы хотите, чтобы ваш сайт охранял от спама искусственный интеллект, используйте плагин от Google – Advanced noCaptcha & invisible Captcha. Сначала вам предстоит зарегистрироваться в Google, а потом получить две версии ключа. Не забудьте настроить версию капчи.

добавление reCAPTCHA в WordPress

reCAPTCHA в WordPress

reCAPTCHA в WordPress

Плагины по работе с SEO

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

  • работу с картой сайта;
  • работу с микроразметкой;
  • работу с файлами .htaccess и robots.txt;
  • удобные и понятные адреса страниц;
  • оптимизацию метатегов;
  • блокировку дублированного контента.

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

  • Google XML Sitemaps;
  • Google Sitemap by BestWebSoft;
  • Simple WP Sitemap.

Допустим, вы выбрали Google XML Sitemaps. Установите его и активируйте.

Плагин для карты сайта WordPress Google XML Sitemap

Google XML Sitemap в WordPress

Google XML Sitemap в WordPress

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

Карта сайта XML Sitemap в WordPress

Карта сайта WordPress

Карта сайта WordPress

Если вы считаете, что не относитесь к новичкам, и хотите изменить настройки, то переходите во вкладку «Sitemap defaults». Здесь вы можете самостоятельно добавить нужные страницы. Затем нажмите на вкладку «Relative priority», где настраивается индексирование. Выберите, какие страницы должны в первую очередь проверять поисковые роботы.

Sitemap defaults в карте сайта WordPress

Расширенные настройки карты сайта WordPress

Расширенные настройки карты сайта WordPress

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

  • All in One SEO Pack;
  • WordPress SEO by Yoast.

Допустим, вы выбрали первый вариант. Установите и активируйте его. Здесь тоже стандартных настроек вполне хватает. Особенно для тех, кто только начинает знакомиться с WordPress. Но если вы хотите их изменить, выберите вкладку All in One SEO Pack в консоли.

Плагин All in One SEO Pack для продвижения сайта WordPress

All in One SEO Pack в WordPress

All in One SEO Pack в WordPress

Чтобы было более понятно, посмотрите настройки, которые можно менять в All in One SEO Pack.

Изменить разметку можно в разделе «Search Appearance». Но лучше это сделать с помощью другого плагина, поэтому рассмотрим другие настройки.

Как настроить плагин All in One SEO Pack для WordPress

Настройка All in One SEO Pack в WordPress

Настройка All in One SEO Pack в WordPress

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

Имя сайта All in One SEO Pack в WordPress

Заголовок и описание в All in One SEO Pack в WordPress

Заголовок и описание в All in One SEO Pack в WordPress

Если вы хотите добавить аккаунт Google Search Console, зайдите в раздел «Общие настройки». Нас интересуют «Webmaster Tools». В качестве верификации используйте альтернативный метод. Потребуется фрагмент кода, который можно найти в кабинете Search Console в разделе «Подтверждение прав на сайт».

Вставьте этот код в поле для верификации Google Verification Code.

Google Search Console в плагине All in One SEO Pack в WordPress

Google Search Console в WordPress

Google Search Console в WordPress

Останется сохранить настройки плагина с помощью кнопки «Подтвердить».

В качестве плагинов для микроразметки можно использовать следующие:

  • плагин WPSSO и его расширение JSON. С их помощью можно реализовать разметки Open Graph или Schema.org. При этом используется формат JSON-LD, который лучше всего подходит для разметки Schema.org;
  • плагин WP SEO Structured Data Schema. Работает с различными типами разметки, используя формат передачи данных JSON-LD. Сюда входят Article, BlogPosting и Review;
  • плагин Schema App. Здесь тоже много типов разметки, которые работают по JSON-LD. К отличительной особенности можно отнести онлайн-генератор, который пригодится опытным пользователям.

Когда вы установите WPSSO и расширение JSON, переходите в раздел Essential Settings. Здесь укажите название сайта, его описание и информацию для разметки Open Graph. Остальные параметры лучше не трогать.

Плагин WPSSO и JSON-LD в WordPress

Плагин WPSSO в WordPress

Плагин WPSSO в WordPress

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

SSO Schema Markup плагин WordPress

Schema Markup в WordPress

Schema Markup в WordPress

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

Публикации имеют разный формат. Поэтому и тип разметки может отличаться. Например, Article и BlogPosting используйте для страниц записей.

При этом BlogPosting сам является частью Article. Если нужно разместить, например, новость, для этого есть соответствующий тип разметки, который называется News Article.

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

Настройка микроразметки на сайте WordPress

Микроразметка WordPress

Микроразметка WordPress

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

Проверить правильную микроразметку в Google

Проверка структурированных данных в Google

Проверка структурированных данных в Google

С одним типом записей обычно проблем не возникает. Но что делать, если вы используете разные форматы материалов? Например, у вас чередуются новости с обзорами и короткими заметками. Тогда для каждой записи придётся выбирать отдельную разметку. Справиться с этим поможет плагин WP SEO Structured Data Schema.

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

Настройка формата записей через плагин WordPress

Формат записей WordPress

Формат записей WordPress

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

Плагины для улучшения функциональности и юзабилити

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

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

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

Кириллица в адресной строке

Русские символы в адресной строке

Русские символы в адресной строке

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

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

Исправить эту ситуацию можно с помощью плагина WP Translitera. Здесь нет никаких настроек, просто скачайте его и установите, или выберите другой похожий плагин.

Ещё одним важным фактором в продвижении являются социальные сети. Чтобы добавить кнопки шеринга, можно установить плагин Head, Footer and Post Injections. Он хорош тем, что позволяет размещать коды на каких-то отдельных страницах или на всех сразу. И это не только кнопки социальных сетей, но и любой другой программный код.

Кнопки предоставляют сервисы шеринга. Можно использовать, например, Pluso. Заходите в «Настройки», затем нажмите «Header and Footer». Если вы хотите, чтобы кнопки социальных сетей появлялись у каждой записи, перейдите во вкладку «Posts». Вы можете выбрать вставку до или после записи, а также мобильный формат.

Настройка Header and Footer для WordPress

Header and Footer в WordPress

Header and Footer в WordPress

Теперь внизу у вас всегда будут кнопки социальных сетей.

Шаг 6. Как работать с сервисами аналитики в WordPress

Кое-что вы уже подключили, когда устанавливали плагины. Например, All in One SEO Pack работает с сервисом Google. С помощью плагина Head, Footer and Post Injections можно подключить и остальные сервисы.

Сначала нужно зарегистрировать сайт в каждом из них. Или только в том, с каким планируете работать. Это могут быть «Google.Аналитика», «Яндекс.Вебмастер» или «Метрика».

После регистрации вам предоставят коды для добавления на сайт. Переходите в «Настройки», затем «Header and Footer» и выбирайте первую вкладку. Поле ввода могут быть Head или Body.

Сервисы Яндекс и Google для отслеживания в WordPress

Сервисы отслеживания в WordPress

Сервисы отслеживания в WordPress

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

Шаг 7. Как создать запись или страницу

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

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

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

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

Слева в консоли выберите «Страницы – Добавить новую». Или вверху нажмите на «+ Добавить» и выберите «Страницу».

Создать новую страницу на сайте WordPress

Добавить страницу WordPress

Добавить страницу WordPress

Добавляйте заголовок и начинайте писать текст. Чтобы вставить какой-то новый тип блока, например, таблицу, список или изображение, нажмите «+».

Настройка страницы WordPress

Заголовок на странице WordPress

Заголовок на странице WordPress

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

Блок изображения на странице WordPress

Добавление изображения на WordPress

Добавление изображения на WordPress

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

Добавление изображения на страницу сайта WordPress

Загрузка изображения WordPress

Загрузка изображения WordPress

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

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

Опубликовать страницу на сайте WordPress

Запланировать публикацию страницы WordPress

Запланировать публикацию страницы WordPress

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

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

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

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

Создание записи на сайте WordPress

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

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

Справа нажмите на вкладку «Запись». Здесь вы увидите меню, в котором можно выбрать постоянную ссылку, рубрики, добавить изображение, отрывок, настроить обсуждение и так далее. Если нужно, создайте новую рубрику. Если вы не будете её указывать, все статьи автоматически будут попадать в категорию «Без рубрики».

Добавление статьи WordPress в рубрику

Рубрики WordPress

Рубрики WordPress

Внизу вы можете настроить метатеги для записи и другие параметры All in One Seo Pack.

Настройки All in One SEO Pack в записи WordPress

Настройка записи WordPress

Настройка записи WordPress

Шаг 8. Как настроить SSL-шифрование

Существуют протоколы HTTP и HTTPS. Второй является защищённым, поэтому поисковики отдают предпочтение именно таким сайтам. Для пользователей тоже плюс, так как они больше доверяют подобным ресурсам. Подключить протокол можно с помощью SSL-сертификата. И тогда рядом с адресной строкой напишут, что соединение защищено.

Соединение на сайте через SSL-шифрование

Защищённое соединение сайта

Защищённое соединение сайта

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

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

Но сначала спросите у своего хостинг-провайдера, предоставляет ли он бесплатные сертификаты. Если нет, то воспользуйтесь Let’s encrypt. С ним можно работать 3 месяца, а потом продлить. Платить ничего не придётся.

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

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

Нужно ли разбираться в языках программирования и разметки, чтобы работать в WordPress?

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

В бесплатной теме появились какие-то ссылки на сторонние ресурсы. Означает ли это, что мой сайт взломали?

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

Можно ли создать сайт на WordPress так, чтобы его вначале не посещали поисковые роботы?

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

Можно ли с помощью WordPress создать полноценный интернет-магазин?

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

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

Здесь лучше увидеть наглядно. Распакованный архив весит чуть больше 50 Мбайт.

Размер распакованного архива WordPress

Сколько весит WordPress

Сколько весит WordPress

А теперь самое главное

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

Чтобы познакомиться с WordPress, потребуется несколько минут. Но чтобы полностью разобраться в функционале, нужно время. О самых главных моментах вы узнали из этой инструкции. А всё остальное зависит только от вашего воображения.

Как создать сайт на WordPress: руководство для новичков

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

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

Также можно пойти более простым путем: обратиться к веб-разработчику на WordPress. На сайте Workspace представлено более 1 600 исполнителей, которые могут сделать сайт на данной CMS под ключ. Возможно, будет выгоднее поручить создание сайта на WordPress опытному специалисту, чем пытаться разобраться самому.

Установите WordPress на хостинг

Купите хостинг

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

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

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

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

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

Для написания статьи я взял хостинг от REG.RU на тестовый период до 14 дней по этой ссылке. Хостинг можно взять бесплатно, но доменное имя в любом случае придется покупать, также понадобится его привязать к хостингу. Это простая задача — у хостинг-провайдеров есть справочные материалы о настройке их услуг. Также есть техническая поддержка, которая может помочь и настроить все самостоятельно.

Как создать сайт на WordPress: руководство для новичков

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

Купите и настройте доменное имя

Вам также понадобится купить доменное имя, по которому сайт будет доступен. Обязательно включайте в заказ SSL-сертификат — он бесплатный. Без сертификата ваш сайт не будет открываться по протоколу HTTPS и будет помечаться в большинстве браузеров как вредоносный.

Как создать сайт на WordPress: руководство для новичков

Мне повезло: нашелся свободный домен с неплохим именем

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

Свяжите доменное имя с хостингом

Далее требуется связать доменное имя с хостингом. На REG.RU новое доменное имя помечено плашкой «Не подключен к сайту» и рядом есть кнопка «Настроить». Если бы сайт уже существовал, а мы бы купили новый домен, мы бы подключили новый домен к сайту. Но так как сайта у нас нет, аналогичная процедура будет являться привязкой к хостингу. У REG.RU есть вспомогательная статья про привязку доменного имени к хостингу — ссылка вам в помощь.

Как создать сайт на WordPress: руководство для новичков

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

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

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

Установите WordPress на хостинг

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

Для установки CMS понадобится:

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

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

Загрузите архив с WordPress на хостинг и распакуйте его

Для легкого управления файлами на хостинге, на серверы устанавливаются панели управления хостингом. Это программы со встроенным файловым менеджером, который похож на «Проводник» в Windows и позволяет управлять файлами на хостинге. Я выбрал хостинг с предустановленной ISPmanager — популярной панелью управления хостингом.

Как создать сайт на WordPress: руководство для новичков

Переход в файловый менеджер хостинга со страницы хостинга

Как создать сайт на WordPress: руководство для новичков

Панель ISPmanager, в которой нужно перейти в менеджер файлов

Как создать сайт на WordPress: руководство для новичков

Системные файлы, которые хранятся на хостинге и необходимы для поддержки работы над сайтом

Далее потребуется закачать архив с WordPress в корневую папку сайта через панель ISPmanager. Корневая папка сайта будет располагаться по адресу: www — (названиесайта.ru).

Корневая папка сайта в ISPmanager. Вверху красным выделен адрес корневой папки, ниже — кнопка для загрузки ZIP-архива с WordPress

После загрузки файла с WordPress его нужно распаковать.

Как создать сайт на WordPress: руководство для новичков

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

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

Как создать сайт на WordPress: руководство для новичков

Архив, распакованный в отдельную папку

Нужно будет перейти в папку, выделить все файлы и переместить их в корневую папку сайта, в которой расположена папка WordPress.

Как создать сайт на WordPress: руководство для новичков

Нужно выделить все файлы «галочками», после чего нажать на кнопку «Копировать», чтобы отправить все файлы CMS в корневую папку сайта

Как создать сайт на WordPress: руководство для новичков

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

После переноса файлов пустую папку можно удалить. Файлы WordPress будут находиться в корневой папке сайта.

Как создать сайт на WordPress: руководство для новичков

Файлы WordPress находятся в корневой папке сайта

Установите WordPress

Для установки нужно перейти по адресу сайта (в нашем случае это wordpresstest.ru) и связать сайт с базой данных MySQL.

Как создать сайт на WordPress: руководство для новичков

Приветственное окно установщика WordPress при переходе по доменному имени сайта

Для связи сайта и MySQL понадобится ввести учетные данные.

Как создать сайт на WordPress: руководство для новичков

Поля для ввода информации, чтобы подключить WordPress к MySQL

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

Как создать сайт на WordPress: руководство для новичков

Данные для связи MySQL и WordPress в личном кабинете REG.RU

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

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

Как создать сайт на WordPress: руководство для новичков

Регистрация в системе WordPress

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

Как создать сайт на WordPress: руководство для новичков

Окно авторизации в WordPress

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

Как создать сайт на WordPress: руководство для новичков

Административная панель WordPress

Вверху слева есть кнопка с «домиком» и доменным именем — она отправляет на публичную часть сайта. Можете открыть ее в новой вкладке, чтобы посмотреть, как выглядит ваш сайт для других пользователей. На момент работы над статьей, была установлена версия WordPress 6.1.1 с темой Twenty Twenty-Three.

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

Установите тему для сайта из маркетплейса WordPress

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

Маркетплейс с темами сайтов на WordPress

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

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

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

Как создать сайт на WordPress: руководство для новичков

Слева «красивая» тема в режиме предпросмотра, справа — установленная «голая» тема в режиме редактирования

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

Как создать сайт на WordPress: руководство для новичков

Дашборд с настройками темы

Настройте установленную тему

Чтобы зайти в настройки темы, нажмите под разделом «Astra» на подраздел «Настроить».

Как создать сайт на WordPress: руководство для новичков

Меню настройки темы

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

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

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

Для начала уберем копирайт с названием темы в футере — нижнем меню сайта.

Как создать сайт на WordPress: руководство для новичков

Красным выделено нижнее меню — в нем удалим копирайт с названием темы

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

Как создать сайт на WordPress: руководство для новичков

Конструктор футера в настройках темы. Сверху красным выделен контент копирайта, снизу — блок, который отвечает за вывод копирайта

Чтобы удалить копирайт в футере, нажмем на крестик на блоке «Copyright» в конструкторе. После жмем на синюю кнопку «Опубликовать» в левом верхнем углу.

Как создать сайт на WordPress: руководство для новичков

Результат манипуляции с блоком «Copyright»

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

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

Как создать сайт на WordPress: руководство для новичков

Процесс добавления иконок социальных сетей в футер сайта

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

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

Перейдем к созданию новой страницы сайта.

Создайте новую страницу и добавьте ее в верхнее меню

Создайте новую страницу в административной части сайта

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

Как создать сайт на WordPress: руководство для новичков

Добавление новой страницы на сайт

При нажатии на кнопку вас отправит в блочный конструктор Gutenberg.

Gutenberg — конструктор, который в 2018 году появился в WordPress как отдельный плагин. Позднее конструктор стал основным редактором страниц. Благодаря Gutenberg в WordPress можно собирать сайт из блоков, как в конструкторах Wix или Tilda. Благодаря Gutenberg WordPress стал бесплатным и интуитивно понятным конструктором сайтов. В этом преимущество WordPress перед SaaS-решениями — у него безграничные возможности для кастомизации и нет ежемесячной абонентской платы.

Заполните страницу контентом

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

Как создать сайт на WordPress: руководство для новичков

Меню блочного конструктора Gutenberg. Кнопка для добавления новых блоков выделена красным

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

Попробуем добавить на сайт блок «Таблица» — кликнем на него в меню.

Как создать сайт на WordPress: руководство для новичков

Меню доступных блоков, красным выделен блок «Таблица»

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

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

Не будем ничего менять в параметрах таблицы и нажмем на кнопку «Создать таблицу».

Как создать сайт на WordPress: руководство для новичков

Блок с пустой таблицей

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

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

Таблица с контентом и оформлением, настроенным в меню блока

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

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

Как создать сайт на WordPress: руководство для новичков

Страница с добавленным заголовком и текстом

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

Как создать сайт на WordPress: руководство для новичков

Красным выделена кнопка «Переместить вверх» в меню, которое появляется при клике на любой из блоков страницы

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

Как создать сайт на WordPress: руководство для новичков

Теперь текст находится под заголовком, а таблица — под текстом

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

Как создать сайт на WordPress: руководство для новичков

Добавили блок «Обложка»

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

Как создать сайт на WordPress: руководство для новичков

Добавили градиент в обложку

Теперь нужно переместить текст и таблицу в обложку. Для этого потребуется открыть список блоков на странице. Это можно сделать с помощью комбинации горячих клавиш Shift+Alt+O, либо нажав на кнопку «В виде списка» в меню Gutenberg.

Как создать сайт на WordPress: руководство для новичков

Кнопка «В виде списка» выделена красным

В полученном списке видно элементы: «Абзац», «Таблица» и «Обложка». Элемента «Заголовок» в списке нет, потому что заголовок H1 идет в каждой странице по умолчанию и не отображается в этом списке.

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

Блок «Обложка» может вмещать в себя другие блоки. Мы можем выделить блоки «Абзац» и «Таблица» и переместить их в блок «Обложка».

Как создать сайт на WordPress: руководство для новичков

Перенесли текст и таблицу в обложку

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

Как создать сайт на WordPress: руководство для новичков

Кнопка для удаления лишнего блока выделена красным

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

Как создать сайт на WordPress: руководство для новичков

Поля для изменения URL страницы

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

Как создать сайт на WordPress: руководство для новичков

Красным выделена кнопка «Опубликовать»

После публикации страницы будет предложен ее просмотр на публичной части сайта.

Как создать сайт на WordPress: руководство для новичков

Страница опубликована с указанным URL-адресом

Тестовая страница выглядит неказисто — на ее примере мы показали работу с конструктором блоков Gutenberg. Мы не описали и 5 % всех функций Gutenberg, но теперь у вас есть понимание, как в нем работать. Попробуйте попрактиковаться, добавлять разные блоки и оптимизировать их в настройках. Ничего страшного, если результат не понравился — он не сохранится, пока вы не опубликуете страницу.

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

Добавьте новую страницу в верхнее меню

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

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

Как создать сайт на WordPress: руководство для новичков

Подраздел «Меню», где красным выделена наша новая страница и кнопка, чтобы ее добавить в меню

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

В хедере главной страницы появилась ссылка на нашу страницу

Таким образом, вы можете создавать страницы с различным контентом и добавлять их в меню. Чтобы отредактировать контент на главной странице, достаточно нажать на кнопку «Редактировать страницу» в верхнем меню WordPress — вы перейдете в Gutenberg.

Расширьте функционал сайта с помощью дополнительных плагинов

Скачиваем плагин с маркетплейса WordPress и устанавливаем его

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

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

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

Как создать сайт на WordPress: руководство для новичков

Маркетплейс с плагинами в WordPress

Далее вы можете найти подходящий плагин в поисковой строке по функционалу или названию. Введем в поиск «WP Fastest Cache» — так называется плагин для кэширования файлов.

Как создать сайт на WordPress: руководство для новичков

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

Установка плагина производится в один клик — достаточно нажать на плагине кнопку «Установить». После установки на месте кнопки «Установить» появится кнопка «Активировать» — жмем на нее.

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

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

Как создать сайт на WordPress: руководство для новичков

Плагин WP Fastest Cashe доступен как в разделе «Плагины», так и в главном меню административной части сайта. Разработчики плагинов стараются сделать свой продукт более заметным. Они могут запрограммировать свой плагин так, чтобы он попадал в главное меню, а также оставлять висячие уведомления на дашборде

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

Как создать сайт на WordPress: руководство для новичков

Меню настроек плагина — у каждого плагина оно будет своим

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

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

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

Плагины для технической оптимизации

Как создать сайт на WordPress: руководство для новичков

  • WP Fastest Cache — на его примере мы показали, как устанавливать плагины на WordPress. Задача плагина — кэшировать файлы сайта, чтобы он работал быстрее даже при большом количестве посетителей.
  • Wordfence Security — брандмауэр для сайта на WordPress с большим количеством защитных функций. Например, он умеет сравнивать файлы вашего сайта с файлами чистого WordPress из официального репозитория, чтобы выявить возможное заражение системы.
  • Jetpack — многофункциональный плагин, который умеет защищать сайт от спама, а также создавать резервные копии сайта.

Читайте также: Как ускорить скорость загрузки сайта: бесплатные сервисы, аналитика, способы

Плагины с дополнительными блоками для конструктора Gutenberg
  • Kadence Blocks — плагин, который содержит 21 дополнительный блок, среди которых есть продвинутая галерея, таймер с обратным отсчетом и аккордеонное меню.
  • CoBlocks — плагин от GoDaddy — известного зарубежного хостинг-провайдера с одноименным конструктором сайтов. Содержит полезные дополнительные блоки.
  • Otter Blocks — еще один плагин, который содержит ряд полезных блоков, анимированных и статичных.

Как создать сайт на WordPress: руководство для новичков

После установки плагинов, дополнительные блоки появились в Gutenberg

Плагины для поисковой оптимизации сайта

Есть два популярных SEO-плагина для WordPress — All in One SEO и Yoast SEO. Оба плагина обладают широким набором функций даже в бесплатной версии. Например, с их помощью удобно прописывать мета-теги, также можно сразу генерировать корректные URL-адреса страниц. Плагины умеют проводить SEO-аудит страниц, оценивать их оптимизацию и давать рекомендации по улучшению.

Плагины для аналитики сайта
  • Site Kit by Google — плагин для удобной интеграции сайта на WordPress с сервисами Google. Позволяет не только быстро привязать сервисы Google, но и подтягивает аналитическую информацию от своих сервисов прямо в WordPress.
  • «Яндекс Метрика» — аналогичный плагин от другого поисковика.
Плагин для создания интернет-магазина

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

Вспомогательные материалы для изучения WordPress

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

  • Официальный справочник WordPress — базовый мануал, переведен на русский язык.
  • Официальный русскоязычный форум WordPress. На форуме можно найти ответы на популярные вопросы, а также создать обсуждение самому, чтобы помогли разобраться более опытные разработчики.
  • WordPress Russian Community — Telegram-канал, в котором состоит более 6000 разработчиков на WordPress. Здесь можно по-быстрому обратиться за советом к более опытным специалистам.

Workspace.LIVE — мы в Телеграме

Новости в мире диджитал, ответы экспертов на злободневные темы, опросы, статьи и многое другое. Подписывайтесь: https://t.me/workspace

Вакансии

  • SMM-менеджер
    UnyBrands Удаленная работа 100 000 – 160 000
  • Специалист для настройки VDS-сервера
    WISPO Удаленная работа от 2 500
  • Administrative Support Manager
    F`ART Удаленная работа 70 000 – 150 000
  • Технический специалист по контекстной рекламе
    Склифосовский ПРО Удаленная работа 20 000 – 30 000
  • Специалист по контекстной рекламе
    Склифосовский ПРО Удаленная работа 50 000 – 90 000

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

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