Создаем слайдер для WordPress – пошаговое руководство для новичков


Оглавление (нажмите, чтобы открыть):

Как в WordPress сделать простой слайдер?

Нужен очень простой плагин для слайдера.
Функционал у него должен быть такой:
В админке можно создать слайдер и прикрепить из галереи к нему картинки, с текстом и доп. полями.
А во фронтенде нужно по запросу получить массив/объект слайдера и его картинок.

Может кто посоветовать плагин с подобным функционалом или мне придется самому его писать?

  • Вопрос задан 07 янв.
  • 145 просмотров

Самый гибкий и мощный вариант: делаем кастомную запись (подробная инструкция здесь), потом берём js-плагин типа Owl Carousel и всё.

С одной стороны, нужно всё писать руками + потратиться примерно час-полтора, но зато по итогу можно получить такой слайдер, какой нужен для конкретного задания. Можно ещё к кастомной записи прикрепить произвольные поля — тогда получается очень мощный инструмент.

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

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

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

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

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

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

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

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

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

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

Bluehost — американский хостинг, но благодаря сотрудничеству с международной группой Endurance он имеет возможность использовать для размещения сайтов оборудование в разных уголках мира. Для более быстрой доставки контента до посетителей также используются серверы сетей CDN. Независимые тесты показывают, что скорость работы хостинга всё время держится на уровне «быстро» и «очень быстро».

Приятное впечатление остаётся и после изучения показателей аптайма — времени бесперебойной работы серверов. У Bluehost показатели всегда максимально приближены к 100%. Например, за 2020 годы на тестируемом сервере было зафиксировано лишь 5 сбоев продолжительностью от 5 до 35 минут. Это отличный результат, позволяющий без опаски размещать на хостинге коммерческие сайты.

Ещё один важный параметр — защита серверов. На тарифах для WordPress есть система предотвращения DDoS-атак, которая в том числе обеспечивает высокие показатели аптайма. На всех видах хостинга доступен сканер SiteLock, который обнаруживает вредоносный код. Резервные копии сайтов создаются ежедневно в автоматическом режиме. Для управления бэкапами можно использовать платный инструмент CodeGuard.

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

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

  • Хорошо, если в домене указано название сайта или указание на его предназначение.
  • Чем короче имя, тем проще его запомнить и воспроизвести.
  • У доменного имени не должно быть второго смысла или неприятного звучания.
  • Выбор доменной зоны зависит от того, для какой аудитории вы создаёте сайт. Самые распространённые зоны — территориальные. Но иногда полезно использовать тематические домены — например, *.shop для интернет-магазина.

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

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

Как установить WordPress на хостинг

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

На хостинге Bluehost в cPanel есть «Softaculous Apps Installer» — набор приложений, которые можно установить в один клик:

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

Для инсталляции нужно выбрать сайт (по домену, который вы уже привязали к хостингу) и нажать «Установить WordPress». По умолчанию движок будет развёрнут в корневой директории сайта — sitename.ru. Если вам нужно, чтобы он располагался в другом разделе — например, по адресу sitename/blog.ru, — нажмите «Указать каталог» и добавьте нужный путь.

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

Ручная установка

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

  • Дистрибутив WordPress, который нужно скачать с официального сайта CMS.
  • Менеджер для загрузки файлов на хостинг через FTP. Например, можно использовать программу FileZilla FTP Client.

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

После создания базы данных вернитесь к файлам дистрибутива, которые вы распаковали на компьютере. Найдите wp-config-sample.php. и переименуйте его в wp-config.php. Откройте файл с помощью любого текстового редактора. Найдите раздел «Параметры MySQL» и введите учетные данные базы, которую вы только что создали на хостинге. На этом подготовительный этап завершён, можно переходить к отправке файлов на сервер.

Запустите файловый менеджер FileZIlla FTP Client. Чтобы подключиться к сайту, нужно заполнить поля «Хост», «логин» и «пароль» в верхней панели программы. Хост — это домен, который вы привязали к хостингу. Логин и пароль — учётные данные, которые хостер прислал вам для доступа к панели управления. Введите эти сведения и нажмите «Быстро соединение». В правой части менеджера должны появиться файлы и папки хостинга. Вам нужен каталог public.html. Найти его можно внутри папки, которая называется как доменное имя сайта. Именно в public.html и нужно перенести файлы WordPress — вы можете выбрать их через левое окно менеджера или просто перетащить с компьютера. Копирование займёт 5-10 минут.

Чтобы завершить установку, перейдите в любом браузере на свой сайт. Вы увидите окно мастера пятиминутной настройки. В нём нужно указать название сайта, логин и пароль для доступа к административной панели WordPress. Важно: они должны отличаться от учётных данных на хостинге. Придумайте новые значения и сохраните их в том же файле, где уже хранится имя и пароль базы данных, чтобы не потерять. Введите e-mail, на который система будет отправлять письма для администратора, а также запретите индексирование — сайт пока не готов к тому, чтобы его изучали поисковые системы. Разрешите индексирование после того, как всё настроите и опубликуете первую запись.

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

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

Первоначальная настройка

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

Общие

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

Написание

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

Добавьте один или несколько адресов службы обновлений — они будут сообщать поисковым системам о появлении на сайте новых постов. Например, можно добавить службу https://rpc.pingomatic.com. Она указана по умолчанию, так что оставьте её в строке.

Чтение

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

Обсуждение

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

Медиа-файлы

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

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

Выберите, как будут выглядеть адреса ваших страниц и постов. Например, можно установить значение «Название записи». Если вы хотите, чтобы в ссылке на материал была указана категория, в которой он размещён, то отметьте пункт «Произвольно» и вставьте конструкцию /%category%/%postname%/.

Выбор и установка шаблона

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

  • Посмотреть в официальном каталоге WordPress. Получить к нему доступ можно прямо из административной панели нового сайта. В разделе «Внешний вид» есть пункт «Темы».
  • Изучить различные сайты с темами от сторонних разработчиков. Вы легко их найдёте, набрав поисковике фразу «скачать шаблон WordPress». Доступны платные и бесплатные варианты. Главная опасность такого подхода — возможные уязвимости в безопасности, которые вы получаете вместе с темами неизвестного происхождения.
  • Заказать шаблон у профессиональных разработчиков.

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

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

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

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

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

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

Установка плагинов и подключение аналитики

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

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

  • RusToLat — для транслитерации русских букв в латиницу. Без него адреса страниц будут написаны на кириллице.
  • All in One SEO Pack — для добавления к записям блока с SEO-настройками: заголовка, описания, ключевых слов.
  • Akismet — для защиты от спама в комментариях.
  • Google XML Sitemaps — для создания карты сайта.
  • Classic Editor — классический редактор WordPress, в котором удобно работать с записями.

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

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

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

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

Чтобы добавить счётчик Google Analytics, сначала зарегистрируйтесь в системе. Если у вас есть гугловский аккаунт, используйте его для авторизации. Добавьте название и адрес сайта, отрасль, к которой он относится, и часовой пояс. После успешной регистрации вы получите код, который необходимо разместить на веб-страницах, чтобы начать собирать статистику.

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

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

  1. Откройте раздел «Внешний вид» в панели управления.
  2. Выберите «Редактор».
  3. Найдите файл header.php, если хотите поставить счётчик на верхнюю часть каждой страницы сайта, или footer.php, если хотите разместить его в подвале.

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

Создание сайта на WordPress пошаговая инструкция

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

Пишу вордпресс, так, как она самая популярная платформа (№1 в мире, 33% веб-ресурсов работают на данной CMS), но вы можете использовать другую систему управления контентом например, Joomla!, Drupal или другую CMS.

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

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

Хорошая новость : Теперь можно зарегистрировать домен сразу на сервисе Бегет, так, как он стал аккредитованным регистратором доменных имён. Новая подробная инструкция (более лёгкая для новичков) — как создать сайт, инструкция с картинками и видео находится здесь.

Что такое ВордПресс (WordPress)?

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

33% всех сайтов мира работают на WordPress, от личных блогов до крупнейших новостных агентств. Более 60 миллионов людей выбрали WordPress для своего «дома» в сети — присоединяйтесь к семье.

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

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

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

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

Для этого, я использовал сервис по регистрации доменов 2domains. Зарегистрировать одно доменное имя в зоне ru или рф стоит всего 99 рублей в год Регистрация моментальная и ваш домен становится доступен сразу. Чтобы зарегистрировать домен, нужно выполнить следующее: заходим на сайт 2domains и регистрируемся:

Регистрация домена на сервисе 2domains

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

После успешной регистрации, зайдите в свой аккаунт и создайте свой профиль. Для этого, в верхнем меню нажмите на «Профили» и далее выберите какой профиль вы хотите создать — для RU/SU/РФ доменов на физическое или юридическое лицо или профиль для регистрации международных доменов (com, net, и прочих):

Создайте свой профиль

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

Посчитайте какая сумма вам необходима для регистрации (для этого умножьте количество доменов на цену регистрации одного домена. Цену можно узнать нажав на ссылку «Прайс лист» в меню). После этого вам будет предложено выбрать метод, которым вы хотите пополнить баланс. Укажите сумму пополнения и пополните баланс нужным методом (WebMoney, Яндекс деньги и т. п.):

После того, как ваш баланс пополнен и создан профиль, переходите в верхнем меню в раздел «Домены» — «Подобрать домен»:

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

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

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

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

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

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

Проверка домена на занятость

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

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

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

Использовать DNS-сервера регистратора

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

Покупка хостинга. Надёжный хостинг BeGet

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

Таких как: Joomla!, WordPress, Drupal и многие другие, как платных так и бесплатных CMS . Все бесплатные движки для сайта устанавливаются автоматически (об этом речь будет чуть ниже), вообщем любому новичку, то, что нужно.

Цены на хостинг очень даже выгодные, в том числе для тарифов, на которых можно размещать 5 (как у меня) и более сайтов одновременно. Представляется возможность 30 дней тестового периода, то есть, бесплатно. Если вы решили разместить сайт на этом хостинге, то вам необходимо зайти на сайт beget.com . Выбрать подходящий тарифный план. Вполне хватит тариф START на пять сайтов, 10 Гб дискового пространства и многое другое:

Базовые тарифы на хостинг. Выбираем Start

Заполните форму регистрации аккаунта. Заполняем все необходимые поля и кликаем — Зарегистрировать аккаунт:

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

Как привязать домен сайта к хостингу Beget

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

На главной странице «Домены» и из выпадающего списка нажмите на Мои домены

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

Ваши зарегистрированные домены

После этого, появится меню управления доменом. Я свои все зарегистрированные домены, прикреплял к IP адресу хостинга. Узнать IP-адрес сервера, на котором расположен ваш аккаунт, можно в разделе DNS панели управления хостингом. А — запись вашего технического домена содержит нужный адрес. Технический домен имеет вид ваш_логин.beget.tech . Вот тут:

Значение А-записи по умолчанию можно посмотреть у технического домена

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

В меню управления доменом выберите из списка «Управление DNS-серверами / Делегирование»:

Управление DNS-серверами / Делегирование

В открывшейся форме поставьте галочку «Использовать DNS-сервера регистратора» и нажмите на кнопку «Изменить»:

Использовать DNS-сервера регистратора

Затем, опять вызовите меню управления доменом нажав на нужный домен. Выберите из предоставленного списка «Управление зоной DNS»:

Управление зоной DNS

В открывшейся форме вам нужно внести в зону DNS три записи:

  1. Для первой в качестве поддомена укажите www , выберите тип записи А , в качестве данных укажите IP адрес (в панели управления хостингом Бегет/Beget, с левой стороны), к которому нужно прикрепить домен.
  2. Для второй записи укажите знак @ (собака) в качестве поддомена и так же выберите тип А и укажите тот же IP адрес хостинга .
  3. Для третьей записи в качестве поддомена укажите знак * (звёздочку) и так же выберите тип А и укажите тот же адрес IP .

Затем, нажмите кнопку «Добавить». Всё. Готово. Теперь вам нужно подождать, пока изменения вступят в силу и ваш сайт будет открываться с этого IP адреса. Это может занять от 4 до 48 часов. Так, последние маленькие шаги и ваш сайт готов к большому путешествию по Сети.

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

Как добавить домен и установить CMS WordPress на хостинг Beget

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

Раздел Домены и поддомены

Добавление доменов и поддоменов. В поле Домены: введите ваш домен/ы. При добавлении домена нужно указать:Создать новый сайт для домена.
В данном случае под сайтом подразумевается директория на диске. Например, если мы заказываем домен mydomain.ru и выбираем «Создать новый сайт«, на диске будет автоматически создана директория

/mydomain.ru , а в ней директория public_html , куда и необходимо будет загружать файлы сайта. Например:

Добавление уже зарегистрированного домена

После выполнения этой операции вам необходимо подождать 10-15 минут (это время необходимо для того, чтобы домен успешно прописался на DNS-серверах). Вот и всё. Готово.

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

Системы управления контентом (CMS)

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

Список установленных CMS и Установка CMS

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

Логин администратора : для входа в панель управление блога; Пароль администратора : потом можно поменять в настройках блога; E-mail администратора и название сайта на латинице (потом поменяете на русское если надо, в админпанели вашего нового сайта). Нажимаете кнопочку «Установить»:

Автоматическая установка CMS WordPress. Данные для управления сайтом

Установка происходит в течение минуты и появляется информация для вашего сайта. Я только затёр на скрине мои данные (сами знаете почему):

Инсталляционная информация и реквизиты для доступа к базе данных

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

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

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

Мастер Йода рекомендует:  Сайт для создания сайтов nuzhen-sajt.ru

Вход в панель управления сайтом

Войдите и вы в консоле управления своего нового сайта или блога на движке WordPress:

Админпанель сайта WordPress

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

ТОП 3 лучших бесплатных слайдеров для WordPress

Приветствую вас на сайте Impuls-Web!

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

На самом деле, на сегодняшний день бесплатных плагинов для создания слайд шоу существует огромное количество, и в интернете вы можете найти кучу статей на подобии: «10 лучших слайдеров на WordPress», «25 лучших слайдеров на WordPress». Но когда вы начнете их тестировать на своем сайте, то столкнетесь со следующей проблемой – большая часть этих плагинов уже не обновлялись по нескольку лет, и не совместимы с текущей версией WordPress, а некоторые из них вообще прекратили свое существование, и в репозитории WordPress через поиск из админки вы просто не сможете их найти.

Навигация по статье:

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

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

Начнём с самого простого.

Meta Sl >

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

Основные особенности Meta Slider:

  • возможность добавлять неограниченное количество слайдеров и слайдов
  • для каждого слайда можно задавать описание, ссылку и атрибуты для SEO
  • возможность задания любого размера для слайдера
  • можно включать и отключать навигацию
  • слайдер содержит в себе 4 скрипта, каждый со своим оформлением и эффектами. То есть по факту он имеет 4 слайдера в одном (FlexSl >

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

Основные особенности Slider by WD:

  • Простой интерфейс и возможность создавать несколько слайдеров и для каждого задавать свои настройки
  • Есть возможность растягивать слайдер на всю ширину или задавать фиксированные размеры
  • Позволяет настаивать автопрокрутку, время между сменой слайдов, скорость анимации цикличность слайдов, остановку при наведении
  • Можно задать ширину экрана устройства, на которой слайдер будет скрываться или задавать ширину экрана, начиная с которой слайдер будет становиться на всю ширину экрана (в случае если вы изначально задавали фиксированный размер)
  • Возможность добавление водяных знаков на слайды
  • Задание цвета границы слайд шоу и радиуса скругления углов
  • Можно задавать музыку, которая будет играть во время прокрутки слайдов
  • Задание отступов и тени в CSS формате
  • Защита от щелчка правой кнопкой, на случай если вы не хотите чтобы кто то мог сохранить ваши слайды и использовать у себя
  • Расширенные настройки для навигации. Можно задавать тип стрелок и переключателей, возможность переключения слфйдов с клавиатуры или колёсиком мышки, поддержка управления с сенсорных экранов и т.д.
  • Возможность добавление Time bar, который представляет собой полоску или круг, отображающий сколько времени осталось до переключения следующего слайда
  • Поддержка добавления пользовательских CSS свойств
  • Выводится на любой странице, в виджете или статье при помощи шорткода или специальной кнопки на панели инструментов визуального редактора WordPress. Так же можно выводить в шаблоне.

Smart Sl >

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

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

Основные особенности Smart Slider 3:

  • Приятный интерфейс и неограниченное количество слайдеров и слайдов
  • Возможность добавления слоёв на слайд
  • Поддержка шаблонов. Вы можете создавать и сохранять свои шаблоны для слайдов или загружать уже готовые из библиотеки Smart Slider
  • Настройка фона. Можно использовать цвета, задавать градиентные переходы, фоновые изображения и регулировать прозрачность
  • Можно дублировать слайдер и слайды
  • Расширенные настройки навигации. Можно выбирать изображения для кнопок навигации, их положение на слайде, цвет (обычный и при наведении), прозрачность и смещение
  • Возможность добавления миниатюр, для слайдов
  • Наличие интересных и оригинальных теней
  • Задание определённого размера слайд шоу или растягивание на всю ширину
  • Наличие вертикальной и горизонтальной прокрутки для слайдов, а также поддержка сенсорных экранов и управления колёсиком мышки
  • Можно настраивать анимации для фона и слайдов. Smart Slider 3 содержит довольно неплохой набор плавных анимаций с возможностью их предпросмотра
  • Задание размеров слайдера для мобильных устройств
  • Настройка автопрокрутки и скорости смены слайдов
  • Возможность оптимизации изображений. Такой функцией далеко не каждый платный плагин может похвастаться, а здесь это есть в функционале бесплатной версии!

Пожалуй, это основные его особенности, но далеко не все.

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

Как видите, эти 3 бесплатных слайдера для WordРress позволят вам создать слайд шоу практически любой сложности. Надеюсь, что эта статья вам поможет сделать свой сайт более интересным и привлекательным!

Если вы знаете ещё какие то хорошие бесплатные адаптивные слайдеры для WordРress, пишите их названия в комментариях! Думаю, что многим эта информация будет полезна.

Спасибо что дочитали статью до конца! Успехов вам и вашим проектам! До встречи в следующих статьях!

Как просто и быстро добавить слайдер на любую страницу сайта Вордпресс

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

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

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

Ну что, приступим?

Meta Slider

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

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

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

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

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


Ну что ж, давайте я покажу как работать с программой.

Установка

Итак, подробную статью о том, как найти и добавить приложение на WordPress вы можете прочитать в моем блоге. Кратко повторим что делать в конкретной ситуации. Заходим в раздел плагины и выбираем из списка опцию «Добавить новый» в поисковую строчку в правом верхнем углу вбиваем: «Meta Slider» и Enter. Как только страница с нужным приложением открывается, жмем «Установить».

Не забудьте активировать Meta Slider через вкладку «Установленные» или в открывшемся окне после установки.

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

Возможности

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

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

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

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

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

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

Помимо 4 основных вариаций дизайна вы можете выбрать еще одну из четырех цветовых схем.

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

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

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

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

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

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

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

Интеграция в блог

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

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

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

Готово. В моем случае на сайте это будет выглядеть вот так.

Чтобы поставить блок на главной странице зайдите в категорию «Внешний вид» — «Виджеты». В верхней части вы увидите «Meta Slider».

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

На моем тестовом сайте блок справа выглядит так.

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

Отображение на сайте сразу изменится.

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

Пока не сможете развиться в этой области, советую прибегнуть к помощи фрилансеров. Сделать это можно на сайтах WebLancer.net и FL.ru . Первый чуть проще, а на втором вы можете повстречать настоящих профессионалов.

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

Я желаю вам успехов и если эта статья вам понравилась – подписывайтесь на рассылку. До новых встреч.

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

Здравствуйте, дорогие читатели iklife.ru.

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

Что такое WordPress

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

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

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

Администрировать такое вручную было бы просто нелогично и неудобно. Именно поэтому люди и придумали CMS – это очень сильно упрощает задачу.

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

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

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

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

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

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

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

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

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

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

Типы сайтов на WordPress

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

Информационный ресурс

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

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

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

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

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

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

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

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

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

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

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

Теперь, чтобы вам было понятнее, я выпишу основные тезисы об информационных проектах на WordPress:

  1. Сам WordPress был изначально создан под информационные сайты. Простенький статейник или блог можно создать на “чистом” WP. Нужно просто скачать его с официального сайта, установить, поставить бесплатный шаблон из каталога или использовать то, что есть по умолчанию.
  2. С помощью плагинов можно значительно расширить стандартный функционал этой платформы. Создать какие-то новые типы записей, настроить отображение постов на страницах, добавить какие-то визуальные эффекты и т. д.
  3. Сам по себе WordPress считается тяжелой платформой. Однако в нынешних реалиях он показывает довольно неплохие результаты. Высокая скорость загрузки повышает лояльность пользователей к проекту. Это улучшает поведенческие факторы, а они, в свою очередь, позволяют сайту выбиваться на топовые позиции в поисковой выдаче, тем самым создавая конкуренцию для других проектов.
  4. WordPress сейчас очень популярен среди вебмастеров. Огромная часть информационных проектов в Рунете и за его пределами работает на этой платформе. Это связано с тем, что движок имеет открытый исходный код. Любой может его редактировать и подстраивать под собственные нужды.
  5. Существует огромное количество платных расширений для платформы. Это и плагины, которые добавляют дополнительный функционал, и шаблоны, которые придают сайту уникальный внешний вид и высокую скорость загрузки.

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

Интернет-магазин

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

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

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

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

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

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

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

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

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

Еще один модуль, который позволяет расширить стандартный функционал WP до полноценного интернет-магазина. Он менее популярный, чем предыдущий, но некоторые могут отдать предпочтение именно этому плагину.

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

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

Русскоязычный плагин интернет-магазина для WordPress. Он не такой популярный, как WooCommerce, зато очень функциональный. К тому же здесь есть полная поддержка русского языка, возможность интеграции с наиболее популярными платежными системами на территории СНГ, удобный интерфейс и широкие возможности по кастомизации витрин товаров и прайс-листов.

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

Среди интегрированных платежных систем здесь есть все виды банковских карт, PayPal, Яндекс.Касса, WebMoney, Robokassa и даже Wallet One. Вы можете принимать платежи практически любым способом.

Также здесь есть возможность интеграции с 1C: Управление торговлей. Можно легко настроить синхронизацию с этой системой, будет происходить автоматическая выгрузка всех данных в эту CRM, вам ничего не придется делать.

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

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

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

Плагин абсолютно бесплатный, вы в любой момент можете установить его на свою CMS и использовать.

Лендинг

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

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

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

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

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

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

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

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

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

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

  • WPBakery Page Builder for WordPress

Это платный премиум-конструктор, которого нет в стандартном каталоге WP. Зато он есть в магазине Envato – крупнейшем магазине товаров для WP и других платформ. Стоимость этого плагина составляет 46 $. Вполне дешево, если учитывать, что плагин обладает по-настоящему широкими возможностями.

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

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

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

  • WordPress Page Builder – Beaver Builder

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

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

Демоверсия плагина доступна для установки из репозиториев WP. Однако вы также можете приобрести полную версию, если перейдете на официальный сайт и оплатите подписку. Здесь есть три вида: стандартная – 39 долларов, более продвинутая – 200 долларов, максимальная – 400 долларов. Каждый тариф имеет свои особенности и цели применения.

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

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

Форум

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

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

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

Рассмотрим плагины для создания форума на WP.

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

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

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

Кстати говоря, в премиум-темах обычно есть отдельные шаблоны для bbPress.

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

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

Остальное

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

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

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

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

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

Пошаговая инструкция

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

Чтобы создать сайт на WordPress, необходимо сделать следующее:

1. Выбрать правильный хостинг.

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

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

2. Установить WordPress на хостинг.

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

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

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

3. Установить шаблон.

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

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

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

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

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

4. Установить плагины.

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

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

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

5. Установить коды метрик и добавить сайт в сервисы для вебмастеров.

Очень важный пункт для поисковой оптимизации проекта. Важно понимать, что поисковая оптимизация – это непрерывный процесс, который продолжается на протяжении всей жизни проекта. Нужно постоянно что-то доделывать, допиливать, менять и т. д.

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

Для информационных сайтов на WordPress я рекомендую:

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

6. Сделать правильный robots.txt.

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

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

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

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

7. Добавить записи и страницы.

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

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

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

Рекомендую вам ознакомиться со статьей: “Как пользоваться WordPress”. В ней я подробно рассказываю обо всех нюансах использования админки WP.

Заключение

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

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

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

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

Bootstrap WordPress плагин слайдер своими руками

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

Часть 1. Создание слайдера в админке.

Файл «oi-slider.php»(корень плагина).

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

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

Создаем тип поста «Слайдер»

Результатом данного кода будет появившийся новый раздел, в котором мы можем создавать записи с типом «Слайдер». Обратите внимание, что в ключе «supports» — не указано отображение поля для контента, так как все слайды мы будем хранить именно в контенте — строкой JSON и нам не нужно, чтобы пользователь видел, что там лежит. Почему именно в post_content? Это позволит избежать лишнего запроса в базу данных в случае, если мы будет подгружать мета поля. На данном этапе возникает вопрос: каким образом слайдер заполнять, собственно, слайдами? Для этого мы опять же обратимся к стандартной технике WordPress — мета боксы, которые будут служить для добавления и отображения слайдов в администраторской панели в рамках выбранного слайдера. Это будет выглядеть следующим образом:

Добавляем метабоксы

Как Вы можете заметить, в метабоксах мы будем хранить путь к картинке, заголовок и подпись. Все это при отправлении будет попадать в единый массив slider с соответствующим для каждого из этих параметров ключом: ‘slide’, ‘title’, ‘caption’. Далее следует JavaScript, который будет обрабатывать действия пользователей на фронтенде: кнопка «Добавить слайд», которая будет «подтягивать» все необходимые для заполнения поля, кнопка «Удалить слайд», которая, соответственно, будет удалять слайд в случае необходимости.
После занесения этих данных в метабоксы пользователем нам, конечно же, нужно их сохранить.

Реализуем это следующим образом:

Сохраняем в post_content

В приведенном коде хочу обратить Ваше внимание на пару основных моментов:
1. Так как мы будем «налету» перезаписывать post_content, нам потребуется удалить хук сохранения, чтобы избежать бесконечного цикла -> remove_action(‘save_post‘, ‘save_slides‘);
2. Хотелось бы осветить парсинг HTML-кода встроенными средствами PHP. Когда мы загружаем слайд из WP-аплодера, то в поле «Изображение» он попадает примерно в таком виде:

Нам в таком варианте хранить его неинтересно, ведь нас интересует только src. Для этого мы создаем новый DOMDocument-объект и пользуемся встроенными в него методами loadHTML(подгружаем html код), getElementsByTagName(получаем нужный тег), getAttribute(забираем нужный атрибут)

Часть 2. Шорткод и вывод слайдера.

Файл «inc/shortcodes.php».

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

Инструкция по работе с WordPress. Руководство для новичков

WordPress в данный момент является наиболее популярной системой управления контентом (CMS) в интернете, занимая рыночную долю в 66%. Примерно 30% всех сайтов в сети работает на базе WordPress.

WordPress впервые появилась в 2003 году, когда основатель системы Мэтт Мулленвег сделал форк существующего тогда блогового движка под названием b2 / Cafelog (форк – это когда вы берете код одной программы и используете его в качестве фундамента для создания другой программы). С помощью Майка Литтла Мэтт создал первую версию системы WordPress, которая была выпущена 27 мая 2003 года. В то время они понятия не имели, как сильно разовьется их блоговый движок в будущем.

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

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

Разница между WordPress.com и WordPress.org

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

WordPress.com (бесплатный хостинг)

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

Компания Automattic зарабатывает на WordPress.com при помощи вывода текстовых объявлений на вашем сайте и взимая плату за дополнительные сервисы, такие как бэкап, премиальные темы и плагины. Вы получаете в свое распоряжение бесплатный поддомен для вашего сайта в формате https://vash_sait.wordpress.com. Вы всегда можете приобрести отдельное доменное имя и привязать его к своему сайту.

Плюсы и минусы выбора данного метода:

  • Бесплатный сервис. Достаточно зарегистрироваться, и вы можете пользоваться своим сайтом.
  • Простота использования. Очень просто разобраться новичкам, не нужно погружаться в технические дебри.
  • Безопасность. Сайт располагается на защищенных серверах под управлением Automattic.
  • Бесплатное обслуживание. Компания сама все поддерживает в актуальном состоянии.
  • Наличие поддержки.
  • Нужно платить за использование своего собственного домена
  • Ограниченный выбор тем и взимание платы за возможность их изменения
  • Ограниченный выбор плагинов
  • Вы не можете монетизировать свой сайт, пока не достигнете 25k просмотров в месяц, после чего вам нужно будет использовать их программу Ad Control.
  • Если вам требуется более 3 Гб свободного места, придется платить.

WordPress.org (самостоятельный выбор хостинга)

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

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

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


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

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

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

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

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

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

Первый шаг – заходим в свой аккаунт cPanel и создаем MySQL базу данных для вашего WordPress-сайта. Переходим к разделу «Databases» и выбираем опцию «MySQL Databases».

На следующем экране вводим название для базы данных в самом верху и щелкаем по «Create Database».

После того как база данных будет создана, запоминаем ее название и щелкаем по кнопке «Go Back».

Теперь нам нужно будет создать пользователя для базы данных, чтобы WordPress мог взаимодействовать с ней. На открывшейся странице вводим имя пользователя и пароль; вы можете щелкнуть по кнопке «Password Generator», чтобы cPanel сгенерировал безопасный пароль для вас. После этого щелкаем по кнопке «Create User».

Заключительный шаг – добавить пользователя к созданной базе данных. В «Add a User to a Database» выберите вашу базу данных и вашего пользователя из раскрывающегося списка, после чего щелкните по кнопке «Add».

На следующем экране отметьте поле «All Privileges» и щелкните по кнопке «Make Changes».

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

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

Загрузка файлов осуществляется через FTP. Ваша хостинговая компания должна предоставить вам FTP-данные для вашего аккаунта. Введите эти данные в свою FTP-программу; хороший вариант – программа Filezilla.

Загрузите все WordPress-файлы в каталог public_html вашего хостинг-аккаунта, если вы хотите, чтобы ваш WordPress сайт был доступен по адресу https://www.vashdomain.com. Либо вы можете загрузить файлы в отдельную папку – в таком случае ваш сайт будет доступен по адресу следующего вида: https://www.vashdomain.com/blog.

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

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

После установки вы увидите сообщение «Success», которое оповестит вас о том, что система WordPress была установлена. Вы можете затем щелкнуть по кнопке «Login», чтобы войти в панель администратора WordPress.

Готово! Теперь у вас имеется рабочая сборка WordPress, и вы можете познакомиться с консолью WordPress.

Консоль WordPress

Чтобы начать работу с WordPress-сайтом, вам нужно войти на сайт, используя свой логин и пароль, который вы создали при установке системы. Войти на сайт можно по адресу https://www.vashdomain.com/wp-admin, где вы увидите следующую форму:

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

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

Общие параметры

Есть некоторые параметры, которые должны быть настроены для каждого нового сайта WordPress. Также это хороший способ познакомиться с консолью. Для начала давайте посетим раздел «Settings» – «General» («Параметры» – «Общие») в меню администратора и посмотрим на то, какие настройки мы можем задать для сайта:

  • Site Title (название вашего сайта)
  • Site Tagline (описание вашего сайта)
  • WordPress Address (расположение WordPress)
  • Site Address (домашняя страница вашего сайта, если вы устанавливали WordPress в подпапку)
  • Email Address (почтовый адрес администратора)
  • Membership (поставьте галочку напротив этого пункта, если вы хотите, чтобы пользователи могли регистрироваться на вашем сайте)
  • New user default role (пусть останется как Subscriber (Подписчик))
  • Date Format (формат даты)
  • Time Format (формат времени)
  • Day the Week Starts (Первый день недели)
  • Site Language (язык сайта)

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

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

Следующая вещь, которую нужно будет сделать – это настроить ваши постоянные ссылки (Permalinks). Постоянные ссылки – это структура URL-адресов, которая будет использоваться на вашем сайте. По умолчанию WordPress использует постоянные ссылки следующего формата:

Такой формат является не самым красивым и не самым дружественным к пользователям и поисковым системам, поэтому вы можете перейти к формату с датами, как, к примеру:

Данный формат выглядит гораздо лучше. Однако идеальным решением будет вариант Post Name, который является достаточно коротким и удобным:

Чтобы перейти к этому формату, просто выберите Post Name, после чего щелкните по кнопке «Save Changes».

Параметры обсуждения

Следующий шаг – настройка параметров «Discussion» (Обсуждение), которые отвечают за возможности комментирования. Люди могут оставлять свои комментарии к вашим записям, что является прекрасным функционалом, однако вам потребуется контролировать этот процесс, чтобы сайт быстро не заполнился спамом. Опции Discussion находятся в разделе Settings. Я рекомендую вам убрать галочку с опции «Allow link notifications from other blogs (pingbacks and trackbacks) on new articles», поскольку ею часто злоупотребляют. Остальные опции можно не трогать – впоследствии их можно будет откорректировать, если вы столкнетесь с наплывом спама (а наплыв обязательно произойдет!).

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

Профиль автора

Следующий раздел, который необходимо будет проверить – это ваша страница профиля Автора. Расположена она по адресу «Users» – «Your Profile». На данной странице вы можете задать некоторые персональные опции и информацию о себе.

В самом верху страницы вы можете отключить визуальный редактор. Я рекомендую вам оставить визуальный редактор включенным, поскольку он значительно упрощает написание записей. Вы можете выбрать другую цветовую схему для панели администратора, если стандартная схема кажется вам не очень удобной. Вы можете также отключить «Toolbar» (админ-бар) при просмотре сайта. Админ-бар отображается в самом верху при просмотре сайта в браузере и содержит в себе полезные опции и инструменты. Обычно я отключаю его, поскольку мне нравится видеть сайт так же, как его видят посетители, однако вы всегда можете оставить его, если считаете полезным.

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

Создание контента

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

Разница между записями и страницами

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

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

Рубрики и метки

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

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

Чтобы сделать это, посетите «Posts» – «Categories» («Записи» – «Рубрики») и добавьте новую рубрику. Добавьте столько рубрик, сколько вам требуется.

Другой способ сгруппировать контент – это использовать метки (tags). Когда вы публикуете запись, вы можете добавить к ней некоторые метки, которые будут описывать статью. Если рассматривать данную статью, к ней можно было бы добавить метки «новичкам WordPress», «руководство WordPress» и «основы WordPress».

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

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

Редактор записей

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

Экран Add New Post содержит небольшое поле, где вы можете ввести заголовок вашей записи, и широкое поле под ним, где вы можете ввести контент вашей записи. Чуть выше этого большого поля вы можете увидеть кнопку визуального редактора (Visual Editor), который используется для визуального форматирования текста: присваивания полужирного, курсивного выделения, размещения списков, цитат, ссылок и т.д. На одном уровне с вкладкой визуального редактора находится кнопка Add Media, которая позволяет вам добавлять изображения в запись.

Создайте тестовую запись: введите заголовок, некоторый текст, после чего нажмите «Save Draft» (Сохранить черновик). Если вы хотите вставить ссылку, выделите участок текста, после чего щелкните по кнопке со ссылкой и введите URL для вашей ссылки. Вы можете затем щелкнуть по кнопке «Preview», чтобы посмотреть, как будет выглядеть запись на вашем сайте. Не переживайте, записи пока нет на вашем сайте.

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

Медиа-библиотека (или медиатека)

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

Чтобы добавить новое изображение, щелкните по вкладке «Upload Files», которая приведет к появлению медиа-загрузчика. Здесь вы можете либо перетащить ваш набор изображений с компьютера, либо щелкнуть по кнопке Select Images и выбрать изображения вручную, расположенные на вашем компьютере. После того как файл(-ы) будут загружены, вам будут предложены некоторые дополнительные опции, стоящие с правой стороны окна.

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

Щелкните по кнопке «Insert into Post», и ваше изображение будет добавлено в запись. Если вам понадобится впоследствии изменить какую-либо из этих настроек, вы можете один раз щелкнуть по необходимому изображению, после чего появится панель инструментов, где вы сможете отредактировать изображение.

Публикация записи

Теперь, когда вы написали свою запись, вставили в нее ссылки и изображения, вы можете сделать ее доступной на своем сайте. Перед тем как публиковать свою запись, вам нужно будет внести в нее некоторые финальные штрихи. С правой стороны экрана редактирования записи имеются панели, которые вы должны заполнить. Выберите рубрику для вашей записи из списка, который вы создали ранее. Вы можете также добавить новую рубрику прямо в этом поле. Введите некоторые метки для записи в панели Tags, щелкая Add после ввода каждой новой метки. И, наконец, панель «Featured Image» (Миниатюра); здесь вы можете загрузить изображение, которое будет связано с данной записью. Разные темы выводят миниатюры по-разному, однако обычно они представлены как крупные изображения в самом верху записей. Загружаются они точно так же посредством загрузчика медиа-библиотеки.

Как только вы закончите с данными опциями, перейдите в самый верх страницы – там по правому краю вы увидите поле «Publish». Чтобы сразу же опубликовать запись на сайте, просто щелкните по кнопке «Publish». Запись тут же появится на сайте. Перед тем как сделать это, давайте познакомимся поближе с еще одним прекрасным механизмом WordPress, который называется планированием публикаций. Щелкните по кнопке Edit рядом с текстом «Publish immediately», и вы увидите календарь, где вы можете установить нужную дату и время публикации записи. Если вы зададите дату публикации и щелкнете Ok, кнопка Publish будет заменена на Shedule, щелчок по которой приведет к планированию вашей записи. Это очень удобная возможность, если вы добавляете массу записей и хотите, чтобы они равномерно публиковались на сайте.

Теперь вы знаете, как добавлять записи на вашем WordPress-сайте. Страницы добавляются тем же самым способом. Посетите «Pages» – «Add New», и вы увидите тот же самый экран редактирования записей. Единственное исключение: при создании страниц у вас не будет возможности выбора меток и рубрик. Страницы также могут планироваться.

Введение в темы

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

Типы тем

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

  • Блоггинг. Темы, разработанные в основном для ведения блога
  • Бизнес. Темы для создания корпоративных сайтов.
  • Портфолио. Темы для вывода изображений и видеофайлов.
  • Журналы. Аналогичны блоговым темам, однако имеют более сложную разметку
  • Электронная коммерция. Используются для создания онлайн-магазинов
  • Универсальные темы. Крупные темы, которые могут использоваться для разных целей.
  • Приложения. Более сложные темы, разработанные под определенное решение – к примеру, темы для создания каталогов, досок объявлений, темы для агентств недвижимости.
  • Фреймворки. Фундамент для создания ваших собственных тем.

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

Где найти бесплатные темы

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

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

Чтобы добавить темы из каталога, вам не обязательно даже посещать официальный сайт WordPress. Вы можете установить темы через консоль WordPress. Посетите раздел «Appearance» – «Themes» – «Add New», и вы увидите список тем. Здесь вы можете выбрать самые свежие темы, популярные темы, а также просто интересные темы (которые меняются случайным образом каждый день). Также имеется фильтр, который позволяет вам выбирать темы по цветовой гамме, возможностям и опциям макета. Вы можете выполнять поиск по ключевым словам, которые будут описывать необходимый вам тип темы.

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

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

Премиальные темы – это платные/коммерческие темы, которые вы также можете использовать на вашем сайте WordPress. Основное отличие платных тем от бесплатных заключается в дизайне (хотя бесплатные темы в последнее время тоже стали очень профессионально выглядеть). Премиальные темы могут включать в себя больше разных возможностей, однако самое главное отличие этих тем состоит в предложении пользовательской поддержки от их авторов. Если вы являетесь новичком, покупка платных тем WordPress является прекрасным вложением своих средств. Компании, выпускающие качественные темы WordPress, постоянно предлагают обновления для своих тем, которые позволяют гарантировать, что темы будут работать с последней версией WordPress, в то время как авторы бесплатных тем не всегда выполняют это требование.

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

Рынки тем

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

Creative Market. Великолепный магазин, который позволяет купить все, что связано с дизайном. Он имеет меньший размер, чем ThemeForest, однако качество предлагаемых решений на нем выше. В данный момент они имеют около 2000 тем WordPress, выставленных на продажу.

Компании тем

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

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

Итак, вы скачали тему. Она должна быть запакована в zip-архив. У вас есть два варианта ее установки. Вы можете либо разархивировать файл и загрузить папку с темой по FTP в папку wp-content/themes на вашем сайте. Обычно эта папка расположена по адресу:

Более простой способ установки темы – загрузить ее в zip-формате через консоль. Чтобы сделать это, перейдите в раздел «Appearance» – «Themes» – «Add New» – «Upload Theme», щелкните по кнопке «Browse» и выберите zip-архив с темой на вашем компьютере, после чего щелкните по кнопке «Install Now».

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

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

Использование кастомайзера

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

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

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

Создание произвольных меню

Заключительная возможность, связанная с темами, которую мы рассмотрим – это возможность добавления меню. Она позволяет вам создавать меню для вашего WordPress-сайта. Каждая тема имеет разные места, отведенные под меню, и с помощью данной возможности вы можете добавлять произвольные пункты в меню. Чтобы получить доступ к этой возможности, перейдите к разделу «Appearance» – «Menus» (вы можете также получить доступ к меню через кастомайзер, если вы хотите просматривать изменения в реальном времени).

Дайте вашему меню какое-либо название и щелкните по кнопке «Create Menu».

Теперь вы можете добавлять ссылки в ваше меню, используя опции с левой стороны. Вы можете добавлять любые страницы с вашего сайта, любые записи, любые рубрики, вы можете создавать произвольные ссылки, указывающие на любой URL-адрес. Вы можете также переименовывать ссылки, менять порядок пунктов с помощью перетаскивания, пока вы не получите меню, которое вас полностью устраивает. В области «Menu Settings» вы можете видеть опции с названиями меню. Это – доступные области меню, которые предложены в вашей теме. Они могут быть разными в зависимости от темы. Выберите локацию и щелкните «Save Menu», после чего меню появится на вашем сайте.

Введение в виджеты

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

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

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

  • Archives – ежемесячные архивы ваших записей
  • Calendar – календарь для ваших записей
  • Categories – список рубрик
  • Custom Menu – добавляет произвольное меню в ваш сайдбар
  • Meta – ссылки на вход в консоль, RSS и WordPress.org
  • Pages – список страниц вашего сайта
  • Recent Comments – самые последние комментарии на вашем сайте
  • Recent Posts – самые последние записи на вашем сайте
  • RSS – записи из ленты RSS или Atom
  • Search – поисковая форма на вашем сайте
  • Tag Cloud – облако меток
  • Text – произвольный текст или HTML-код

Введение в плагины

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

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

  • Социальные сети – плагины для добавления кнопок, позволяющих поделиться контентом в разных социальных сетях
  • Контактные формы – плагины для простого добавления контактных форм к вашему сайту
  • SEO – плагины, улучшающие ваши показатели ранжирования в поисковых системах
  • Сообщества – плагины для создания сообществ
  • Форумы – плагины для добавления форумов к сайту
  • Безопасность – плагины для защиты сайта от хакеров

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

Установка плагина происходит точно так же, как и установка темы. Плагин распространяется в виде zip-архива, который вы должны загрузить по FTP в папку wp-content/plugins на вашем сайте. Она располагается по адресу:

Самый простой способ установки плагина – загрузка zip-архива напрямую в консоль. Чтобы сделать это, перейдите в раздел «Plugins» – «Add New» – «Upload Plugin». Щелкните по кнопке «Browse», после чего выберите zip-архив с плагином на вашем компьютере и щелкните по «Install Now».

После того как загрузка будет закончена, вы можете активировать плагин при помощи ссылки Activate Plugin. Разные плагины работают по-разному, поэтому вам нужно будет прочитать их документацию. Некоторые добавляют новый пункт меню в консоль, в то время как другие располагаются в разделе «Tools» – «Settings» – «Название плагина».

Где найти бесплатные плагины

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

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

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

Премиум-плагины

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

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

Крупный рынок премиум-плагинов – CodeCanyon. Созданный той же компанией, что и ThemeForest, этот рынок в данный момент насчитывает свыше 3,700 плагинов WordPress в разных категориях. Как уже было отмечено ранее, обязательно изучите описание, посмотрите демо-вариант и прочтите отзывы покупателей перед тем, как совершать покупку.

Google – еще одно хорошее место для поиска платных плагинов. Многие блоги нередко обозревают разные типы плагинов. Вы можете найти обзоры различных плагинов в этом блоге в разделе «Плагины WordPress».

Безопасность WordPress

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

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

Всегда обновляйтесь

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

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

Если вы пройдете по ссылке «Please Update Now», после чего щелкнете по кнопке «Update Now», WordPress автоматически обновится до последней версии.

По той же самой причине вы должны всегда поддерживать в актуальном виде все свои плагины и темы. Дыры могут быть найдены и в них. Процесс их обновления аналогичен – все доступные обновления будут выводиться в разделе «Dashboard» – «Updates». Количество доступных обновлений будет выводиться в виде красного кружочка с цифрой.

Параметры безопасности

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

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

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

  • / – корневая директория WordPress. Все файлы необходимо сделать записываемыми только для вашего пользовательского аккаунта, за исключением .htaccess, если вы хотите, чтобы WordPress автоматически генерировал правила перезаписи для вас.
  • /wp-admin/ – область администрирования WordPress. Все файлы должны быть записываемыми только для вашего пользовательского аккаунта.
  • /wp-includes/ – область приложений WordPress: все файлы должны быть записываемыми только для вашего пользовательского аккаунта.
  • /wp-content/ – пользовательский контент: папка должна быть записываемой для вашего пользовательского аккаунта и для веб-сервера.
  • /wp-content/themes/ – файлы темы. Если вы хотите использовать встроенный редактор темы, все файлы должны быть записываемыми для веб-сервера. В противном случае все файлы должны быть записываемыми только для вашего пользовательского аккаунта.
  • /wp-content/plugins/ – файлы плагина. Все файлы должны быть записываемыми только для вашего пользовательского аккаунта.

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

Плагины бэкапа

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

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

88 комментариев

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

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

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

Очень интересная статья для новичков!
Она бы мне сильно пригодилась годик назад, когда всю эту информацию приходилось искать на разных ресурсах! А тут всё в одном месте, супер)
P.S. А кто вообще пользуется платными плагинами? Ладно еще уникальную тему оформления купить можно (а лучше заказать у дизайнера), но платить за то, что скорее всего можно найти бесплатно… как-то непонятно. Быть может есть какие-то супер профессиональные решения, но разве WordPress подходит для профессионалов? Есть же такие монстру как Drupal и Jumla. Я знаю, что в последнее время WordPress очень сильно развивается, но по большому счету эта cms всё равно остается лучшей платформой для блогов.

Пользуются и платными плагинами. Если платят за дизайн, то почему бы не платить за функционал?

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

В инете 52% всех сайтов сделаны на wp и кто после этого монстр? То что вордпресс блоговая платформа заблуждение, на ней можно сделать все что угодно, а для seo это вообще идеальный вариант, остальные нервно курят в сторонке.

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

Здравствуйте!
Не подскажете, как оформить метки так, как у вас? ) Со стрелочками. В CSS не очень силен.
PS – Ваш сайт считаю лучшим среди других ресурсов по данной теме. Много действительно уникальной информации.

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

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

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

Здравствуйте, на wordpress.com все прикручено к премиум-сервисам компании Automattic. Потом обычно покупают их.
Вести разработку сайта можно локально – создать среду разработки с помощью, к примеру, WAMP, там настроить сайт, после чего уже экспортировать его на хостинг.

Дмитрий, спасибо за ваш сайт! Очень много полезной информации. Я совсем новичок в создании сайтов. У меня возникла проблема: после установки WordPress предустановленная активная тема не отображается. Более того, сменить ее тоже не получается. Других проблем нет. Уже переустановила WP, проблема осталась. В чем может быть причина?

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

Дмитрий, спасибо за совет! Проблема решена сотрудниками хостинг-компании!

Дмитрий, Ваш совет помог! Проблема решена сотрудниками хостинг-компании. Спасибо!

Привет! Выше вы писали по поводу бэкапов. Если делать бэкап в облако, что можете посоветовать?

BackUp WordPress – хороший плагин. С бэкапом в облако Google Drive или Dropbox.

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

Спасибо за статью, искал информацию по защите блога, получил исчерпывающий ответ

Вот это я понимаю статья. Новичкам действительно достойное руководство. Автору спасибо. И статья и сайт в целом – отличные.

WordPress. Плагин слайдер

Дата публикации: 2020-01-05

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

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

Есть ли плагин слайдера для WordPress? Есть и плагинов таких — огромное количество, выбирай — не хочу

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

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

Впечатляет, не правда ли? Давайте переходить от слов к делу. Установим плагин Meta Slider и посмотрим, как же просто производится настройка слайдера с этим плагином WordPress. Итак, идем в меню добавления новых плагинов и ищем плагин слайдшоу по запросу meta slider.

Устанавливаем и активируем найденный плагин слайдер — Meta Slider. После установки в меню вы увидите новый раздел, название которого совпадает с названием плагина.

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

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

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

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

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

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

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

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

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

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

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

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

Основы создания тем WordPress

Научитесь создавать мультиязычные темы с нестандартной структурой страниц

Как установить слайдер изображений на сайт WordPress?

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

Слайдер будем создавать с помощью популярного плагина Meta Slider , а тестировать его работу – на теме Twenty Sixteen .

Создание слайдера

Итак, после установки и активации плагина в админ-панели появится новый пункт меню Meta Slider, при переходе по которому Вы попадете в основное окно слайдера.

Так как не создано ни одного слайда, тут присутствует только одна единственная кнопка с надписью “Создайте Ваше первое слайд-шоу”. После ее нажатия откроется окно Вашего первого слайдера.

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

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

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

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

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

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

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

Вывод слайдера на сайте

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

Чтобы показать на отдельной странице, первым делом необходимо создать страницу (Страницы -> Добавить новую), в которой вставить специальный шорткод, который Вам предлагает плагин. Его можно увидеть в окне редактирования слайдера (в нашем случае это [metasl >

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

Для вставки слайдера в тему Вашего сайта (напомним, что мы используем тему Twenty Sixteen) необходимо сделать изменения в файлах темы. Для этого следует перейти Внешний вид -> Редактор, выбрать тему Twenty Sixteen и в списке доступных файлов темы найти Заголовок header.php.

Теперь в коде найти строчку

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

В итоге должно получится так:

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

Мастер Йода рекомендует:  Установка drupal 7 на denwer – пособие для начинающих веб-мастеров
Добавить комментарий