+7 (495) 532-45-69

Перезвоните мне
Получите доступ к пошаговым видео-инструкциям Получить Восстановить
  1. Главная страница
  2. Блог
  3. Создание сайтов
  4. Как создать сайт на Wordpress самостоятельно - пошаговое руководство
как создать сайт на Wordpress

Голосов: 1, Рейтинг: 5

31.08.2018

Как создать сайт на Wordpress самостоятельно - пошаговое руководство


Оглавление:

  1. Вступление
  2. Выбор домена и хостинга для Wordpress
  3. Установка Wordpress на хостинг
  4. Настройка сайта на Wordpress
  5. Создание страниц, записей и рубрик на Wordpress
  6. Выбор темы для CMS Wordpress
  7. Установка и настройка темы в Wordpress
  8. Настройка виджетов
  9. Настройка меню в Wordpress
  10. Правка кода в Wordpress
  11. Установка плагинов в Wordpress
  12. Установка счетчиков Яндекс Метрики и Google Analytics в Wordpress
  13. Заключение

Вступление

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

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

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

Именно поэтому мы решили написать статью про CMS Wordpress. На сегодняшний день данная платформа является одной из самых популярных в мире (около 30% всех сайтов).

Почему ее выбирают многие? Необходимо выделить несколько причин, а именно:

  • Бесплатная CMS. То есть ничего не нужно платить, установил и работай;

  • Большое количество тем. В этом плане Wordpress даст фору даже крупным CMS системам как 1C Битрикс или Magento. Количество тем для Wordpress исчисляется миллионами, существуют как бесплатные, так и платные;

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

  • Постоянная поддержка проекта. Несмотря на то, что проект является Open Source им продолжают заниматься: выкатывать новые обновления, вносить определенные коррективы. Кстати недавно появился редактор Guttenberg, о котором я распишу чуть ниже;

  • Оптимизация под продвижение. Конечно Wordpress не был бы идеален, без этого параметра. Пока бесплатные CMS Joomla, Opencart решали проблемы с дублями, Wordpress добавлял новые плагины благодаря которым SEO оптимизировать сайт стало гораздо проще;

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

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

Выбор домена и хостинга для Wordpress

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

Если Вы ставите серьезные задачи перед сайтом необходимо приобрести собственный домен и хостинг.

Какими требованиями должен обладать качественный хостинг?

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

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

  • Адекватные цены. В зависимости от количества сайтов размещенных на аккаунте цены могут разниться. В среднем от 150 рублей в месяц за 1 сайт.

Что насчёт домена?

Подбор домена для нового сайта

Подбор домена для нового сайта

Лучше всего использовать доменные зоны .ru, .su - если планируете продвижение сайта на Россию. Для Украины подойдет - .com.ua, Беларусь - .by , Казахстан - .kz

Сам домен подобрать как можно короче, чтобы его можно было легко запомнить.

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

На примере хостинга Timeweb я покажу дальнейшие действия.

Установка Wordpress на хостинг

Чтобы установить CMS Wordpress на хостинге Timeweb достаточно совершить несколько действий.

Выбрать в левом меню пункт “Каталог CMS”, далее выбрать CMS Wordpress

Выбор CMS Wordpress

Появляется окно с Установкой, нажимаем “Установить приложение”

Установка приложения  CMS Wordpress

Установка приложения CMS Wordpress

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

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

Появляется окно для ввода логина и пароля, вводим данные.

Вход в администраторскую панель Wordpress

Вход в администраторскую панель Wordpress

Попадаем в администраторскую панель Wordpress. Все действия над изменением сайта будем производить в данной консоле.

Консоль CMS Wordpress

Консоль CMS Wordpress

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

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

Чтобы перейти в настройки выбираем соответствующих пункт -> Общие.

В общих настройках указываем название нашего сайта и краткое описание бизнеса которым занимаетесь.

Например как в нашем случае:

Название сайта: Рекламное агентство EDISON

Краткое описание сайта: Комплексное продвижение вашего сайта

Проверяем правильно ли указан Email адрес администратора и основной URL адрес по которому люди попадают на наш сайт.

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

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

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

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

Настройки публикации

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

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

Настройки публикации Wordpress

Настройки публикации Wordpress

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

Пункт “На главной странице отображать” стоит разбить на 2 части.

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

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

В нашем случае выведется Главная страница: “Пример страницы”

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

Если сайт находится на стадии разработки, то необходимо выбрать пункт “Попросить поисковые системы не индексировать сайт”.  Это один из нескольких способов закрытия сайта от индексации.

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

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

5 причин почему поисковая система не видит страницы вашего сайта

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

В данном разделе имеются настройки для статей и комментариев.

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

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

Все остальное оставляем по умолчанию.

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

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

Настройки медиафайлов

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

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

Настройки медиафайлов

Настройки медиафайлов

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

В данном разделе имеется возможность указать собственную структуру URL-адресов.

По умолчанию установлен простой URL вида: http://site.ru/?p=123

Рекомендую установить вариант “Произвольно”, где задаём собственный параметры.

Получается структура URL: http://site.ru/%category%/%postname%/ - где %category% - любое название категории, а %postname% - название страницы.

Для блога идеально подойдет следующий вариант:

http://site.ru/blog/%postname%.html

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

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

Настройки конфиденциальности

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

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

Это все касаемо внутренних настроек Wordpress. Следующим пунктом в инструкции будет раздел инструменты.

Инструменты в Wordpress

Инструменты в Wordpress

Импорт записей в Wordpress

Импорт записей можно производить из всех популярных блоговых платформ: Blogger, LiveJournal, Typepad, Tumblr и так далее.

Если у вас ранее имелся сайт на Wordpress, можете перенести все данные в новый проект. Для этого необходимо выбрать пункт “Запустить импорт”.

Далее выбираем файл и нажимаем “Загрузить и импортировать файл”

Экспорт записей в Wordpress

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

Экспорт записей в Wordpress

Экспорт записей в Wordpress

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

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

Для начала вернемся в главную консоль, в которой нам предлагают установить 2 вида редактора: классический и Guttenberg. Так как в следующей версии Wordpress останется только последний вариант редактора все действия будем производить сразу на нём.

Выбор Gutenberg или классический редактор

Выбор Gutenberg или классический редактор

Создание записи в новом редакторе Gutenberg

Совсем недавно Wordpress внедрил в функционал администрирования консоли - новый редактор с немецким названием - Gutenberg. Он способствует более приятному и удобному написанию материалов на Wordpress. Давайте и вы убедитесь в этом, для этого нажимаем кнопку “Установить Gutenberg” в главной консоли. После установки активируем редактор.

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

Редактор Gutenberg

Редактор Gutenberg

Итак, начнем по порядку -  в шапке редактора имеется следующий набор инструментов

Интерфейс Gutenberg - шапка редактора

Интерфейс Gutenberg - шапка редактора

Добавление Параграфа в Gutenberg

Кнопка “Добавить блок” позволяет добавить на сайт текст(Параграф), изображение, заголовок и так далее. То есть все теги уже готовы, вам остается только выбрать их.

Добавление новых блоков в Gutenberg

Добавление новых блоков в Gutenberg

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

Изменение текста в параграфе Gutenberg

Изменение текста в параграфе Gutenberg

Сам текст можем расположить по левому, правому краях и по центру.

Расположение текста по центру - Gutenberg

Расположение текста по центру - Gutenberg

Выделение жирным - буква B (с английского Bold) и курсивом - буква I (с английского Italic)

Выделение текста жирным и курсивом в Gutenberg

Выделение текста жирным и курсивом в Gutenberg

К примеру хотим разместить ссылку в тексте на другую страницу или сайт. Для этого необходимо выделить часть текста и нажать на связующую иконку (или зажать клавиши CTRL+K) Добавление ссылок в Guttenberg

Добавление ссылок в Guttenberg

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

Добавление новых ссылок в Guttenberg

Добавление новых ссылок в Guttenberg

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

Открыть ссылку в новом окне  - Gutenberg

Открыть ссылку в новом окне - Gutenberg

Чтобы удалить существующие ссылки необходимо выделить текст, который ссылается на другую страницу нажать на ту же иконку или CTRL+K.

Удаление ссылок в Gutenberg

Удаление ссылок в Gutenberg

Добавление изображений в Gutenberg

Все те же действия выполняем по изображению - нажимаем иконку “+” и выбираем “Изображение”. Появляется новый блок, в котором можно загрузить контент 2 способами:

  • Медиафайлы (Выбрать файлы из библиотеки)

  • Загрузить (с компьютера)

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

Загрузка изображений в Wordpress

Загрузка изображений в Wordpress

Как и в случае с текстом у нас имеется возможность расположить картинку в 3 вариантах: выровнять влево, вправо и по центру.

Как вы видите на предыдущем скриншоте к изображению можно указывать подпись, то есть краткое описание.

Добавление подписи в изображении - Gutenberg

Добавление подписи в изображении - Gutenberg

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


Прописать ALT для изображения

Прописать ALT для изображения

Добавление Заголовка в Gutenberg

Этот инструмент еще проще чем предыдущий. В настройках задаём необходимый заголовок: h2, h3 или h4, а также как и в случае с текстом можем изменять жирность, курсив и указывать ссылку.

Я рекомендую использовать данные теги в структуризации вашей информации.

Добавление заголовка в Gutenberg

Добавление заголовка в Gutenberg

Добавление галереи в Gutenberg

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


Добавление галереи в Gutenberg

Добавление галереи в Gutenberg

Добавление остальных элементов

Создание нумерованного и маркированного списка позволяет структурировать информацию на сайте. В HTML коде они обозначены как <li>

Создание маркированного списка

Создание маркированного списка

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

Добавление цитаты в Gutenberg

Добавление цитаты в Gutenberg

Загрузка аудиофайлов в Wordpress возможна через компьютер или указанный URL-адрес.

Загрузка аудиофайла в Wordpess

Загрузка аудиофайла в Wordpess

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

Воспроизведение аудио в Wordpress

Воспроизведение аудио в Wordpress

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


Загрузка файла на сайт Wordpess

Загрузка файла на сайт Wordpess

Форматирование в Gutenberg

Наличие Gutenberg позволяет добавлять блоки без определенного знания HTML и СSS, но в классическом редакторе часто приходилось лезть в код и править определенный элемент.  Форматирование вынесено отдельным блоком, что позволяет размещать собственные нестандартные HTML элементы и просто определенный код на странице.


Форматирование в Wordpress

Форматирование в Wordpress

Также если допустили ошибку в определенном блоке можете залезть в код нажав “Редактировать HTML”.

Редактировать HTML код в Gutenberg

Редактировать HTML код в Gutenberg

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

Режим кода в Gutenberg

Режим кода в Gutenberg

Создание таблицы производится также через блок форматирования (по умолчанию 2 на 2).

Добавление таблицы в Gutenberg

Добавление таблицы в Gutenberg

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

Поэтому рекомендую делать так, создаем необходимую таблицу в Google Spreadsheets или Microsoft Excel и копируем через CTRL+C и CTRL+V в редактор Gutenberg.

Пример скопированной таблицы в Wordpress

Пример скопированной таблицы в Wordpress

Добавление элементов разметки в Gutenberg

При создании кнопок указываем URL-адрес, цвет кнопки и текста.


Создание кнопок в Gutenberg

Создание кнопок в Gutenberg

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

Выбор стиля блока кнопки в Wordpress

Выбор стиля блока кнопки в Wordpress

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

Элементы разметки в Wordpress

Элементы разметки в Wordpress

Добавление виджетов в Gutenberg

С помощью виджетов можно размещать на странице различные полезные сервисы. Делается это с помощью Шорткода.

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


Добавление блока сервисов в Gutenberg

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

Добавление вставки блока сервисов в Wordpress

Добавление вставки блока сервисов в Wordpress

Блок структуры содержимого

Через иконку информации можем посмотреть структуру статьи, количество слов, заголовков, параграфов и блоков.

Настройки документа

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

Кнопка “Сохранить черновик” - в этом случае статья не будет опубликована. Этот вариант подойдет если вы не до конца написали материал.

Кнопка “Предпросмотр” - позволяет просмотреть статью как она будет выглядеть на сайте.

Кнопка “Опубликовать” - размещает материал на сайте, доступный для всех пользователей.

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

Вкладка Статус и видимость

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

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

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

Данные инструменты думаю не нуждаются в представлении:)

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

Чтобы восстановить предыдущую версию достаточно нажать на кнопку “Восстановить редакцию”.

Вкладка Рубрики

Рубрика в Wordpress - это раздел к которому будет относится запись(статья). Можно создавать новую рубрику не уходя из вкладки. Более подробнее про Рубрики поговорим чуть позже.

Вкладка Метки

Метки в Wordpress предназначены для тегирования. Представим такую ситуацию что на сайте более 1000 материалов и всего около 9 категорий, как найти необходимую информацию? Метки приходятся очень кстати в данном случае, но не рекомендуется делать большое количество - в среднем 4-5 на 1 запись.

Метки также ранжируются в поиске и имеют следующую структуру

site.ru/tag/название-вашей-метки/

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

Метки для Wordpress

Метки для Wordpress

Вкладка Изображение записи

В анонсе к статье будет выводится изображение которое укажите в настройках.

Изображение записи в Wordpress

Изображение записи в Wordpress

Вкладка Отрывок

В анонсе к статье будет выводится короткий текст (отрывок), который укажите в настройках.

Вкладка отрывок в Wordpress

Вкладка отрывок в Wordpress

Вкладка Обсуждение

Вкладка Обсуждение в Gutenberg

Вкладка Обсуждение в Gutenberg

Запрещаем возможность комментирования в данной записи.

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

Рядом с шестеренкой Настроек указано еще одно меню по редактору, настройкам и инструментам.

При необходимости переключаемся в Режим кода выбрав соответствующий пункт или зажав клавиши CTRL+SHIFT+ALT+M.

Помимо этого в меню располагается полезный инструмент Keyboard Shortcuts - Горячие клавиши.

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

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


Чтобы попасть в Горячие клавиши необходимо зажать SHIFT + ALT + H.

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

Горячие клавиши в Gutenberg

Горячие клавиши в Gutenberg

Чтобы посмотреть опубликованный пост необходимо нажать на клавишу “Просмотреть запись”

Просмотр записи в Wordpress

Просмотр записи в Wordpress

Все созданные записи отображаются в разделе “Все записи”

Раздел все записи в Wordpress

Раздел все записи в Wordpress

Также отображаются и ранее удаленные записи по ссылке “Корзина”

Корзина в разделе все записи

Корзина в разделе все записи

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

Чтобы перейти в раздел необходимо в левом боковом меню выбрать Записи -> Рубрики.

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

  • Название

  • Ярлык (URL-адрес)

  • Родительская рубрика (если имеется) - применим в том случае когда присутствует много категорий и подкатегорий.

  • Описание категории

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

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

Нажимаем “Добавить новую рубрику”, которая появляется в таблице справа.

Редактирование рубрики в Wordpress

Редактирование рубрики в Wordpress

Чтобы внести изменения, наводим на ранее созданную рубрику и выбираем один из пунктов.

Редактирование рубрики в Wordpress

Редактирование рубрики в Wordpress

Пример как выглядят вложенные рубрики в таблице.

Вложенные рубрики в Wordpress

Вложенные рубрики в Wordpress

Создание страниц в Wordpress

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

Раздел Страницы в Wordpress

Раздел Страницы в Wordpress

Выбор темы для CMS Wordpress

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

Чтобы перейти в раздел темы выбираем Внешний вид -> Темы

Раздел темы в Wordpress

Раздел темы в Wordpress

Чтобы попасть в библиотеку бесплатных тем есть 2 способа

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

Библиотека тем Wordpress

Библиотека тем Wordpress

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

Фильтр тем в Wordpress

Фильтр тем в Wordpress

Также подобрать темы можно на официальном сайте Wordpress

Выбор темы на сайте Wordpress.org

Выбор темы на сайте Wordpress.org

А также приобрести готовый вариант на сайтах вроде TemplateMonster

Готовые темы на сайте Template Monster

Готовые темы на сайте Template Monster

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

Установка и настройка темы в Wordpress

Для установки темы наводим на её и нажимаем на кнопку “Установить”.

Установка темы в Wordpress

Установка темы в Wordpress

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

В разделе Темы появляется выбранный вариант.

Установленная тема в Wordpress

Установленная тема в Wordpress

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

Вкладка свойства сайта

В разделе  задаем логотип, название сайта, краткое описание и favicon для сайта.

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

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

Вкладка цвета

Задаем цвет фона и элементов.

Выбор цвета в Wordpress

Выбор цвета в Wordpress

Вкладка фоновое изображение

Выбираем широкоформатную фотографию для фона.

Вкладка Фоновое изображение

Вкладка Фоновое изображение

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

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

В бесплатной версии темы Kumle доступно:

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

Настройка темы Заголовок

Настройка темы Заголовок

Настройки расположения макета, длина отрывка.

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

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

Изменение текста Авторского права.

Настройки темы нижний колонтитул

Настройки темы нижний колонтитул

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

Помимо задаем дополнительные стили CSS если они имеются.

Настройки темы - дополнительные стили

Настройки темы - дополнительные стили

Настройка виджетов

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

Виджеты в Wordpress

Виджеты в Wordpress

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

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

Виджет Рубрики

В данном виджете указываем Заголовок рубрики и выбираем  “В виде выпадающего меню”.

Виджет Рубрики в Wordpress

Виджет Рубрики в Wordpress

Виджет HTML-код

Позволяет вставлять html-код, но к сожалению встроенными средствами Wordpress нельзя добавить код PHP.

Виджет HTML-код

Виджет HTML-код

Виджет Текст

Позволяет добавлять оформленный текст с заголовком.

Виджет Текст

Виджет Текст

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

Добавление виджетов

Добавление виджетов

Так виджеты расположены на сайте.

Расположение виджетов на сайте

Расположение виджетов на сайте

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

Чтобы попасть в раздел выбираем Внешний Вид-> Меню. Как видим на данном сайте отсутствует меню, его необходимо создать. Для этого вписываем название меню,к примеру “Меню 1” и нажимаем на кнопку “Создать меню”.

Раздел меню в Wordpress

Раздел меню в Wordpress

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

Создание меню на Wordpress

Создание меню на Wordpress

Чтобы создать страницы в меню выбираем элементы из левой колонки и нажимаем на кнопку “Добавить в меню”. Это могут быть как Страницы, Записи, Рубрики а также Произвольные ссылки.

Добавление страниц в меню Wordpress

Добавление страниц в меню Wordpress

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

И меню выводится на сайте.

Вывод меню в Wordpress

Вывод меню в Wordpress


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

Управление областями меню в Wordpresss

Управление областями меню в Wordpresss

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

Подключение меню в виджетах Wordpress

Подключение меню в виджетах Wordpress

Правка кода в Wordpress

В администраторской части Wordpress имеется возможность править PHP и CSS файлы. Чтобы перейти в раздел правок выбираем в меню Внешний вид -> Редактор. В правом меню выбираем файлы из данной темы. Для сохранения изменений нажимаем “Обновить файл”.

Редактор кода в Wordpress

Редактор кода в Wordpress

Установка плагинов в Wordpress

Раздел Плагины в Wordpress является одним из самых многофункциональных. В большинстве случаев нет необходимости обращаться к программисту за каким либо решением.

Чтобы перейти в раздел установленных плагинов выбираем Плагины -> Установленные. По умолчанию установлены 3 плагина и 4 это редактор Gutenberg, который будет встроен по умолчанию в версии 5.0.

Плагины в Wordpress

Плагины в Wordpress

Чтобы добавить новый плагин нажимаем  на кнопку “Добавить новый”.

Добавление нового плагина в Wordpress

Добавление нового плагина в Wordpress

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

Библиотека плагинов в Wordpress

Библиотека плагинов в Wordpress

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

Какие плагины наиболее используемые для Wordpress? Выделим 12 основных.

Плагин Cyr to Lat

При установке русскоязычной версии Wordpress все URL-адреса становятся кириллическими. Данный плагин решает эту проблему.

Плагин Cyr to Lat

Плагин Cyr to Lat

Плагин Yoast SEO

В Wordpress имеется множество популярных плагинов для SEO оптимизации сайта. SEO Yoast и All in SEO являются самыми устанавливаемыми, во многом потому что содержат в себе кучу полезных настроек от настроек robots.txt до задания заголовков.

Плагин Yoast SEO

Плагин Яндекс Турбо

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

Плагин турбо страниц - Яндекс Турбо

Плагин турбо страниц - Яндекс Турбо

Плагин AMP для WP

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

AMP для Wordpress

AMP для Wordpress

Плагин Inline Related Posts

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

Плагин Inline Related Posts

Плагин Inline Related Posts

Плагин Social Sharing

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

Плагин Social Sharing для Wordpress

Плагин Social Sharing для Wordpress

Вкратце пробежимся и по остальным плагинам.

  • Плагин Contact Form - позволяет создавать различные формы для сайта.

  • Плагин Popup Maker - необходим для создания Popup окон.

  • Elementor - средствами данного плагина можно создать полноценный лендинг. Оформлен в виде конструктора.

  • WooCommerce - подключение интернет-магазина в Wordpress

  • Polylang - необходим для создания сайта на нескольких языках.

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

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


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

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

Подключение Яндекс Метрики в Wordpress

Подключение Яндекс Метрики в Wordpress

Вводим появившийся код в поле подтверждения и нажимаем “Сохранить”.

  Аутентификация Яндекс Метрики в Wordpress

Аутентификация Яндекс Метрики в Wordpress

Соединение было установлено. Осталось выбрать подключаемый сайт.

Подключение Яндекс Метрики к Wordpress

Подключение Яндекс Метрики к Wordpress

Чтобы установить Google Analytics понадобится плагин Google Analytics Dashboard for WP by ExactMetrics.

В данном плагине связь происходит с подключением к аналитике через Код доступа. Чтобы его получить необходимо создать счетчик внутри Google Analytics.

Подключение Google Analytics

Подключение Google Analytics

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

Код доступа в Google Analytics

Код доступа в Google Analytics

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

Google Analytics Dashboard for WP by ExactMetrics

Google Analytics Dashboard for WP by ExactMetrics

Заключение

В принципе это мы рассказали про основные настройки в Wordpress - от создания до подключения дополнительных плагинов. У кого-то есть что добавить? Пишите в комментариях :)











Пора что-то менять!

Хотите, мы расскажем Вам, как настроить Яндекс Директ в 2018 году?

Получите бесплатные фишки по созданию сайтов

Комментарии



Оставьте email и мы пришлем вам статью

Видеоролики

Хотите узнать, как продвинуть свой бизнес в 2018 году?

Ответьте всего на 6 вопросов и получите пошаговый план по интернет продвижению Вашего бизнеса

Пройти опрос

Видеоролики



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить Яндекс Директ в 2018 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить Google Adwords в 2018 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить рекламу в Instagram в 2018 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как продвинуть сайт в 2018 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить таргет в 2018 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как раскрутить соц. сети в 2018 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить контекстную рекламу в 2018 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить рекламу в Одноклассниках в 2018 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить рекламу в Facebook в 2018 году?



Пора что-то менять!

Хотите, мы расскажем Вам про комплексное продвижение сайта в 2018 году?