Изучаем WordPress


Содержание материала:

Как создать сайт на WordPress в 2020 году. Пошаговое руководство с советами и ссылками

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

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

  1. Блог
  2. Новостной сайт
  3. Лендинг
  4. Сайт визитка
  5. Интернет магазин
  6. Портфолио
  7. Онлайн школа

Пошаговое руководство для новичков по созданию сайта на CMS WordPress

Определяемся с тематикой

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

Для вдохновения и поиска идей вы можете посмотреть каталоги сайтов, рейтинги:

  1. Рейтинг качественных проектов от Яндекса
  2. Рейтинг LiveInternet
  3. Рейтинг Рамблер

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

Выбрали тематику? Отлично, идем дальше.

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

Домен

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

Как выбрать домен? 3 рекомендации
  1. Чем короче слово, тем лучше;
  2. Если нужный домен занят, попробуйте добавить цифры или тире, если подходит по логике и продолжает понятно читаться;
  3. Если домен на английском, то желательно без использования шипящих букв, иначе это выглядит так (ч — ch, ж — zh и пр.).
Проверка на занятость

Сервис для проверки занятости домена https://timeweb.com/ru/services/domains/

Впишите интересующий вариант и нажмите «Проверить домены».

Проверка истории

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

У меня раньше был другой сайт по адресу http://ilyachigarev.ru, давайте сделаем проверку на его примере.

Для проверки предлагаю использовать два метода:

1. Проверка через сервис https://web.archive.org

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

Проверка сайта через архив

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

Как выглядел сайт в 2013 году

2. Впишите интересующий домен в поисковик

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

Проверка домена через поиск

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

Хостинг

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

Обычный хостинг

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

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

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

Я всем советую хостинг Timeweb , до переезда на VDS я три года пользовался им.

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

VDS/VPS

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

Заметка: VDS и VPS это одно и тоже

На сегодня я пользуюсь VDS хостингом Firstvds , меня полностью устраивает, рекомендую.

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

Пример регистрации хостинга на примере Timeweb :
  1. Выберите вкладку Хостинг;
  2. Выберите тариф. Для начала можно выбрать самый простой, если планируете размещать только один сайт;
  3. Впишите свой емейл и ФИО, которые требуются при регистрации;
  4. После успешной регистрации вам на почту придут данные для входа, логин и пароль;
  5. Зайдите с помощью них в панель управления хостингом и пополните баланс. Оплатить можно 1 месяц, можно сразу на год вперед. Лучше платить на год, так получается экономнее;
  6. Хостинг готов к работе.

Регистрация хостинга Оплата хостинга

Пример регистрации домена:
  1. На главном экране в панеле управления хостингом выберите Домены и поддомены > Зарегистрировать домен;
  2. Впишите нужный домен, после проверки на занятость появится зеленая галочка, домен свободен, нажимаем Зарегистрировать:
  3. Далее нужно нажать Создать нового администратора и вписать свои правдивые данные, чтобы домен был закреплен за вами, за настоящим человеком. Если вы делаете сайт для кого-то, то вписывайте данные владельца;
  4. После всех настроек оплачиваем домен и ждем его активации.

Бонус. Если вы оплатите любой тариф хостинга сразу на 1 год, то вам дадут домен в зоне .ru в подарок! И еще тариф выйдет дешевле, имейте ввиду 🙂

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

Установка SSL-сертификата

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

Привет ssl сертификата на моем блоге

Сертификат я устанавливаю перед установкой WordPress, чтобы в последствии не появилась проблема «смешанный контент», это некоторые файлы сайта открываются по http:// и если есть хотя бы один такой файл, то браузер будет ругаться, пока мы это не исправим.

Для новичков я рекомендую устанавливать бесплатный сертификат Let’s encrypt. Сегодня он почти ничем не отличается от платного. Установили один раз и хостер сам будет его обновлять. Но если все же хотите установить платный, то обойдется он примерно в 550 руб./ год. Его нужно будет обновлять, либо же сразу купить на 2-3 года и забыть на это время.

Покупать сертификат рекомендую на сайте firstssl.ru , это сервис от VDS хостинга firstvds, который я вам уже рекомендовал.

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

Установка движка WordPress

Есть два метода установить WordPress.

1 — вручную
2 — с помощью инструментов хостинга (если такая функция есть у хостера)

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

Я записал для вас видеоинструкцию по установке WordPress:

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

Базовые настройки

Переходим в раздел Настройки и по очереди настраиваем:

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

Общие

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

Базовые настройки » Вкладка Общие

Остальные настройки как правило автоматически сделаны правильно. Сохраняемся и идем дальше.

Написание

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

https://blogsearch.google.ru/ping/RPC2
https://blogsearch.google.com/ping/RPC2
https://ping.blogs.yandex.ru/RPC2

Больше ничего не меняю. Сохраняемся.

Чтение

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

Видимость для поисковых систем — галочка не должна стоять.

Базовые настройки » Вкладка Чтение

Обсуждение

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

Базовые настройки » Вкладка Обсуждение

Медиафайлы

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

Базовые настройки » Вкладка Медиафайлы

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

Ставим чекбокс на «Произвольно» и добавляем запись в строку: /%category%/%postname%.html

Базовые настройки » Вкладка Постоянные ссылки

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

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

Где вообще искать шаблоны и какой выбрать платный или бесплатный?

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

Но если вы новичок и/или не хотите тратить деньги, то выбирайте для начала бесплатный вариант. Большая галерея шаблонов находится на официальном сайте https://ru.wordpress.org/themes/

Каталог бесплатных шаблонов WordPress

Для удобства я собрал список из 30+ неплохих бесплатных шаблонов на WordPress, можете там поискать вариант для себя.

Когда меня спрашивают порекомендовать хороший платный шаблон для блога, я всегда даю ссылку либо на Root , если хотите формат блога, либо на JournalX , если сайт будет в формате новостного сайта или CookIt , если блог на кулинарную тематику. Эти шаблоны разработали русскоязычные ребята из компании WPShop и на сегодня это лучшее решение для быстрого старта блога на WordPress. Шаблоны идеальные, подробнее о них я говорил в этой статье, если интересно почитайте.

Шаблоны от WPShop

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

Второй сайт, где я рекомендую покупать шаблоны это ThemeForest. Это уже англоязычный магазин, где продаются тысячи шаблонов. Чтобы не блуждать среди них, посмотрите подборку про 45+ лучших шаблонов для блога на WP. На этом сайте ichigarev.ru я использую шаблон с этого магазина.

Шаблоны в магазине ThemeForest

Подборки шаблонов Вордпресс:

  • 40 landing page шаблонов
  • 40+ тем для портфолио
  • 40+ шаблонов для новостного журнала
  • 40+ вариантов для интернет магазина
  • 100 шаблонов для сайта визитки
  • Онлайн школу я делаю с помощью плагина Memberlux

Остальные подборки на разные тематики ищите тут.

Когда покупал, еще не знал про шаблоны от WPShop, иначе выбрал бы Root и сэкономил 2 месяца жизни 🙂

Советы по выбору шаблона

  1. Смотрите как отображается лента статей
  2. Смотрите как выглядит отдельная статья, есть сайдбар (боковая колонка или нет), если вы решите использовать его на блоге
  3. Если есть документация или описание к шаблону, прочитайте какие настройки вы сможете делать после его установки
  4. Если решите использовать бесплатный шаблон, то устанавливайте его через админ панель Внешний вид — Темы. Если скачать со стороннего ресурса, велик шанс словить вирус
  5. Если устанавливаете платный шаблон, то читайте отзывы которые пишут те кто купил тему
  6. Посмотрите когда было последнее обновление шаблона, если больше года назад, то я бы подумал насчет такого варианта. WordPress постоянно обновляется и шаблонам периодически требуются обновления

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

Установка и настройка шаблона

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

  1. Настройки темы находятся во вкладке «Внешний вид» — «Настроить», либо «Внешний вид» — [Название темы], либо отдельной вкладкой с названием темы;
  2. Настройте заголовок и описание сайта в левом верхнем углу, либо загрузите логотип;
  3. Выберите размер и семейство для шрифтов (заголовков и наборного текста);
  4. Выберите основные цвета сайта для элементов и шрифта;
  5. Сделайте настройки нижней части сайта (подвала).

Примеры панели настроек у шаблонов:

Пример панели настроек у шаблона The7 Пример панели настроек у шаблона CookIt

Плагины

Плагины это дополнения для сайта.

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

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

В админке сайта выберите Плагины » Добавить новый » Выберите из каталога WordPress или загрузите свой.

Процесс установки плагина

Плагины, которые я рекомендую для каждого сайта:

  1. Clearfy Pro
  2. Yoast SEO
  3. WP Super Cache
  4. Akismet
  5. All In One WP Security

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

Настройки для улучшения СЕО

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

Плагин Clearfy Pro — мега плагин для сайта

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

Ссылка на плагин Clearfy Pro

Если не ставить Clearfy Pro, взамен тогда нужно установить:

  • Cyr to Lat enhanced — делает транслитерацию символов с русских на латиницу, ссылка на плагин ;
  • С другими плагинами для чистки кода от мусора я не работал, поэтому информацию можете поискать самостоятельно.

Как выглядят настройки плагина Clearfy Pro

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

Плагин Yoast SEO — улучшаем СЕО

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

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

Пример настроек для статьи плагина Yoast SEO

Плагин кэширования (WP Super Cache или W3 Total Cache)

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

Ссылка на плагин WP Super Cache

Файл robots.txt

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

Ссылка на архив с файлом robots.txt. Файл нужно сначала извлечь из архива, откройте его через блокнот и отредактируйте в двух местах, там где site.ru замените на свой домен, а затем сохраните файл и закачайте в корень сайта.

Настройка защиты на сайте

Защищать сайт нужно от двух бед, это спам и взлом.

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

Для борьбы со спамом я использую плагин Akismet.

Он как правило уже установлен, но вот ссылка на плагин .

All In One WP Security — плагин для борьбы со злоумышленниками

Основной плагин для защиты от взлома. Имеет множество полезных функций.

Ссылка на плагин All In One WP Security

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

Дополнения для сайта

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

Наиболее популярные дополнения:

Контактная форма

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

Пример контактной формы на моем блоге

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

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

  • MailChimp
  • SendPulse
  • Getresponse
  • MailerLite
  • Unisender
Топ-пост этого месяца:  Бесплатные темы и шаблоны для WordPress — где их можно скачать

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

Пример блока с формой подписки

Модальное окно (попап)

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

Пример попап окна

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

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

Ссылка на плагин Easy FancyBox

Рейтинг

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

Пример функции рейтинга статей

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

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

Пример виджета похожих записей после статьи

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

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

  1. Кнопки соцсетей, которые будут вести на ваши профили/группы, канал на Ютубе. Можно также использовать виджеты.
  2. Кнопки, с помощью которых можно поделиться в соцсетях статьей с вашего сайта.

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

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

Sassy Social Share — плагин для репостов в соцсети.

Пример виджета соцсетей для репостов

Баннеры

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

Онлайн чат

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

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

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

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

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

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

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

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

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

  • Главная — ведет на главную страницу сайта. Можно такой пункт меню не делать, т.к. пользователи привыкли что при клике на логотип попадаем на главную;
  • Обо мне / О сайте — страница на которой рассказываете о себе или проекте;
  • Блог / Новости — отдельный пункт в меню стоит делать если у вас на главной не лента статей. а например лендинг;
  • Контакты — страница с информацией как с вами связаться.

Это база, дополнительно можно придумать миллион других вариантов, например:

  • Кейсы / Примеры работ / Портфолио — страница с вашими работами, например у меня так;
  • Услуги — описываете свои услуги, у меня так;
  • Реклама — тут расскажите какие варианты рекламы у вас есть, у меня так;
  • Бесплатно — материалы, которые посетители могут получить/скачать бесплатно, возможно подписавшись на рассылку;
  • Курсы / Обучение / Магазин — страница где показываете свой товар, у меня так;
  • Полезные ссылки — любые полезные ссылки по теме, я сделал так;
  • Видео — страница с видео;
  • Инфографика — страница или рубрика с какой-то инфографикой;
  • и пр.

Пример меню на сайте

Добавляйте пункты в меню в зависимости от ваших целей.

Меню настраивается во вкладке Внешний вид » Меню.

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

Страницы

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

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

По аналогии создайте и остальные страницы.

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

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

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

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

Подробнее про написание статей можете почитать тут:

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

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

Рубрики

Чтобы не запутаться в десятках и сотнях статей, в Вордпресс вы можете из разбить на категории (рубрики). Создать их можете в панели Записи » Рубрики. Когда их создадите и по новой зайдете в редактор статьи, то справа можете выбрать рубрику за которой статья будет закреплена.

Пример раздела Рубрики

Метки

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


Пример работы рубрик и меток

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

Заключение

Давайте в заключении я еще раз напишу весь план разработки сайта в краткой форме:

  1. Выбираем тематику для сайта, можно подсмотреть варианты в каталогах;
  2. Подбираем домен, проверяем его историю, чтобы ранее он не был регистрирован;
  3. Регистрируем хостинг (обычный или VDS) и домен;
  4. Устанавливаем SSL сертификат, платный или бесплатный;
  5. Устанавливаем CMS WordPress;
  6. Делаем базовые настройки: Общие, Написание, Чтение, Обсуждение, Медиафайлы, Постоянные ссылки;
  7. Выбираем шаблон оформления для сайта, покупаем или качаем бесплатный;
  8. Устанавливаем и настраиваем шаблон;
  9. Устанавливаем необходимые плагины для СЕО, Защиты, Дополнений;
  10. Выбираем какие фишки будут на сайте и настраиваем их;
  11. Делаем начальное наполнение, создаем страницы;
  12. Создаем политику конфиденциальности;
  13. Добавляем меню;
  14. Добавляем рубрики;
  15. Продумываем будущие метки для статей;
  16. Пишем первую статью;
  17. Урааа! Мы сделали сайт на WordPress.

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

Гайд написал автор блога Чигарев Илья. Успехов.

Как стать разработчиком WordPress: советы для начинающих

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

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

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

Разработка WordPress открывает много возможностей

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

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

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

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

1. Изучите основные языки веб-программирования

Важный критерий изучения программирования для WordPress – знакомство с языками, на которых построена платформа. Их всего 4:

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

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

2. Составьте список необходимых ресурсов

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

Хотя это далеко не полный список, но вот некоторые из лучших ресурсов для начинающего:

  • Кодекс WordPress (на рус.). Это базовое введение в структуру и механизм работы WordPress. Также есть отдельный раздел для разработчиков (на рус.).
  • Developer Resources (на англ.) – ресурс с руководствами по разработке тем и плагинов, а также более продвинутые темы, такие как REST API.
  • Make WordPress (на англ.). Это центральная площадка для WordPress-разработчиков всех типов – программистов, дизайнеров, переводчиков, тестировщиков.
  • Cheat Sheets for WordPress, Web Developers and Designers (на англ.) – наглядные “шпаргалки” для разработчиков WordPress, удобно отсортированные по темам.

3. Решите, с чего начать

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

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

Изменение существующих WordPress-темы или плагина

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

Вы можете создать “форк” – свою собственную приватную версию темы или плагина, с которой можете экспериментировать в свое удовольствие. Если плагин или тема бесплатны, вы можете найти их код в соответствующем каталоге WordPress, на вкладке разработка:

Создание новых плагина или темы

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

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

Участие в WordPress Core

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

Выводы

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

Уроки WordPress

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

Веб-дизайн 2020. Основные тренды

13 вопросов про факторы ранжирования сайта в 2020

Теги WordPress (метки). Как использовать правильно

Оптимизация изображений для поисковиков

Внутренние ссылки. Подробное руководство

Оптимизация статьи с помощью плагина Yoast SEO

Тренды SEO 2020, о которых важно знать

Чек-лист SEO магазина: 27 полезных советов

Тренды веб-дизайна 2020

SEO интернет-магазина. Пошаговая инструкция

Уроки WordPress

В этом разделе мы рассказываем, как сделать сайт на самой популярной системе управления контентом — WordPress.

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

  • простой лендинг.
  • сайт компании. Здесь вы сможете рассказать о своих сотрудниках, услугах. А также показать готовые проекты, добавить контакты и карту.
  • интернет-магазин. Чтобы продавать онлайн.
  • портфолио. Идеальный вариант для фотографов, художников и дизайнеров. Галерея ваших работ будет доступна 24/7.
  • социальная сеть. А почему нет?:)
  • доска объявлений.

и многое другое.

Я хочу научиться делать сайт на WordPress. С чего мне начать?

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

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

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

Для создания сайта вам нужны:

  • домен
  • хостинг
  • непосредственно cms
  • тема wordpress

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

Далее вам нужно установить и настроить WordPress.

Мы сделали инструкцию по установке и настройке. Если вам удобнее смотреть — у нас есть видео.

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

Об этом также есть отдельная статья и видео.

Не знаете, какую тему выбрать?

Мы составили подборку лучших бесплатных тем. А также обзоры премиум тем:

Для этого в WordPress используются плагины.

С помощью них вы можете:

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

и многое другое.

На Azbuka WordPress вы найдете обзоры популярных плагинов и инструкции по работе с ними.

Ну и в заключение..

Мы знаем, как для новичков бывает сложно изучать WordPress.

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

Нужна помощь по установке или настройке темы или плагина?

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

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

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

  1. Предыстория.Решил создать свой сайт. О том как я пришел к созданию сайта, и немного о том с чем предстоит столкнутся новичку.
  2. Выбор хостинга. Это важный этап, советую отнестись к нему очень серьезно. Рекомендую лучшего хостера.
  3. Выбор CMS для сайта. Разумеется в формате этого блога WordPress — наш выбор)
  4. Покупка домена. Опять же очень важный момент. Адрес сайта как имя, оно может влиять на дальнейшую его судьбу.
  5. Установка локального сервера Denwer. Нужен для того, что бы отточить навыки на своем компьютере, прежде чем приступать к работе на сервере в интернете.
  6. Установка Вордпресс на локальный сервер. Устанавливаем движок сайта на свой компьютер.
  7. Создание базы данных MySQL — в БД хранятся важные данные о вашем сайте, включая все статьи, комментарии и т.д.
  8. Установка WordPress на хостинге — устанавливаем движок на свой новый сайт.
  9. Как зайти в панель инструментов блога на WordPress первые шаги после установки.
  10. Настройка WordPress после установки. Настройка ЧПУ — обязательно настройке ЧПУ и плагин Cyr-to-lat сразу же после установки.
  11. Настройка ревизий WordPress — заботимся о том, что бы база данных сильно не разрасталась.
  12. О чем вести блог? — выбираем тематику для своего блога.
  13. Выбор темы оформления WordPress — подбор шаблона, важный момент. выбирайте качественные проверенные шаблоны.
  14. Что такое корень сайта. Настройка FTP-клиента. как работать с сайтом через FTP
  15. Установка темы оформления на блог — устанавливаем шаблон на блог.
  16. Проверка шаблона плагином TAC — проверяем на наличие вредоносного кода в шаблоне.
  17. Настройка темы оформления WordPress (структура php) знакомимся со структурой файлов шаблона.
  18. Меняем дизайн шаблона WordPress (работаем с CSS) изменяем элементы дизайна шаблона, знакомство с CSS.
  19. Установка плагинов на WordPress — как устанавливать плагины на блог.
  20. Мой список рекомендуемых плагинов — моя подборка плагинов.
  21. Плагин Yoast WordPress SEO. Настройка. — настраиваем сео плагин
  22. Внутренняя оптимизация записей . Используем Yoast WordPress SEO для оптимизации постов под поисковики.
  23. Бэкап(резервная копия) сайта\блога на WordPress — обязательно делаем бэкапы!
  24. Как создать карту сайта для поисковиков. Google XML Sitemaps — создаем карту сайта с помощью плагина для ПС.
  25. Как создать правильный robots.txt для WordPress. — настраиваем роботс, закрываем от индексации ненужные страницы.
  26. Как создать html карту сайта для WordPress. делаем карту сайта для посетителей.
  27. Устанавливаем счетчик посещений на сайт. Выбираем счетчик для сайта, лучше для начала ограничиться LI.
  28. Как создать глобальный аватар для блога. Создаем аватарку, которая будет отображаться на всех блогах.
  29. Как создать иконку favicon для сайта. Делаем иконку для сайта.
  30. Как сделать хлебные крошки в WordPress. Создаем дополнительную навигацию на сайте.
  31. Перелинковка страниц сайта на WordPress. Обязательно займитесь перелинковке записей, чем раньше тем лучше.
  32. Внутренняя оптимизация сайта на WordPress. Советы, как улучшить позиции сайта в поисковой выдаче своими руками.
  33. Как правильно писать статьи поговорим об элементах хорошо написанной статьи.
  34. Как раскрутить блог на начальном этапе. Бесплатные способы раскрутки для молодых блогов.
  35. Исправляем ошибки на блоге, часть 1. Избавляемся от недочетов на сайте.
  36. Как заработать в интернете на оплату хостинга и домена и даже больше. Знакомися с основными способами.
  37. Соблюдаем структуру статей на блоге. не забывайте что не SEO единым живет блог, пишем вирусные статьи.
  38. Знакомимся с понятием релевантности и от чего она зависит.
  39. Повышаем релевантность страниц сайта — улучшаем позиции сайта в поисковой выдаче.
  40. Учим WordPress открывать сайт комментатора в новом окне — затыкаем утечки трафика на блоге.
  41. Что такое рерайт. Как проверить уникальность текста и научиться писать хорошие статьи самому.
  42. Ищем вдохновение для написания статей. О чем писать и где находить интересные темы.
  43. Нужно ли читать чужие блоги? разбираемся в приоритетах
  44. Расширять тематику блога или сужать? Ищем золотую середину.
  45. Как собирать трафик на свой сайт? Работаем со статистикой.
  46. Статейное продвижение сайта в поисковых системах.
  47. Как создать самостоятельно шаблон для Вордпресса? С помощью специального сервиса.
  48. Какой размер текста должен быть в статьях?
  49. Постоянная аудитория сайта. Работаем над созданием целевой аудитории ресурса
  50. Как увеличить поисковый трафик? Перестать совершать одни и те же ошибки.
  51. Хостинг для вебмастеров Gigahost. Как создать много сайтов и платить одну цену за хостинг?
  52. Кто такой блогер для тех кто не в теме блогинга?
  53. Что хорошего в монетизации вашего сайта? Помимо самого дохода конечно =)
  54. Страница с 404 ошибкой. Как настроить и для чего она нужна на вашем сайте?
  55. Как быстро увеличить посещаемость своего сайта? Несколько советов, которые помогли мне добиться хорошей посещаемости.
  56. Страницы входа или точки входа на сайт. Что это и как их использовать, что бы повысить продажи и увеличить трафик?
  57. Как сделать адаптивную верстку для сайта, если ее изначально не было. Оптимизируем шаблон под мобильные экраны.
Топ-пост этого месяца:  Как с помощью быстрых ссылок увеличить кликабельность объявлений контекстной рекламы

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

Основы системы WordPress для начинающих

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

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

Вопросы к изучению для новичков

Основные пункты, которые нужно знать для начала работы с WordPress:

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

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

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

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

Выбор подходящей темы

Начало в WordPress с нуля – это и помощь в прохождении процесса регистрации в системе. Чтобы войти в свой личный кабинет админа сайта, необходимо на странице, которая откроется по адресу http://адрес сайта/wp-admin/, ввести свои логин и пароль.

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

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

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

С чего начать заполнение сайта информацией? Работа с нуля с WordPress – это не только регистрация и подбор красивой темы, но и написание интересной информации, которая будет правильно структурирована. Это важно для верной индексации сайта. Помощь в таком нелегком деле можно получить на биржах копирайта. Либо, если ваш сайт планируется небольшой, лучше установить пару полезных SEO плагинов, которые подскажут, с чего должна начинаться статья и где брать ключевые слова, по которым она в последствии проиндексируется поисковыми системами. Помощь в этом можно получить на wordstat.

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

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

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

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

Работа с виджетами

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

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

Базовые настройки сайта

В завершение хотелось поговорить о настройках сайта. Их изменения можно произвести в разделе “общие настройки”. Здесь админ редактирует:

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

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

Уроки WordPress

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

Видео уроки WordPress

Обучение WordPress

Вордпресс уроки с нуля

Насколько полезным был этот пост?

Нажмите на звезду, чтобы оценить этот пост!

Средний рейтинг: 4.8 / 5. Количество голосов: 62

Уроки

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

Уроки WordPress на блоге имеют удобную нумерацию.Новички! Внимание: 4, 5 уроки, думаю, самые сложные, не дайте первым урокам сломить Вас! Именно поэтому я сделал их максимально подробными. (Если же Вы не хотите разбираться во всех прелестях, а очень быстро, за несколько, минут создать блог, просто пройдите этот урок, а потом можете читать другие уроки, чтобы понять что да как).

А, чтобы действительно убедить Вас, что ниже перечисленными уроками можно создать реальный блог, приведу адрес блога, на котором ВСЕ, что делается, описывается на этом блоге. Демонстрируемый блог имеет адрес ФанБар.ру. Все, с чего начиналось и какие работы ведутся над ним, Вы можете видеть тут. На 30-ых уроках Ваш блог будет уже доступным для других!

Внимание: вы можете сразу работать с сайтом в интернете, упрощая себе жизнь, после 3-го урока, удобнее будет выполнить Урок 30.1, потом переходите на 6 урок и далее.

Уроки WordPress

Марафон для начинающих блоггеров (советы по раскрутке и заработка на блоге).

Марафон №2: «500 посетителей каждый день!»

Бесплатный бонус!

Конкурсы в интернете: мотивация, призы и список бесплатных конкурсов. Оказывается выиграть реальные деньги в конкурсах вполне реально (личный опыт). Регулярный конкурс от блога Новичка «Найди клад». Может выиграть абсолютно любой!

Внимание

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

WordPress. Бесплатный курс от GeekBrains

В ноябре 2015 года вышел свежий обзор Venturebeat.com и W3Techs. Выяснилось, что каждый четвёртый сайт в Интернете базируется на открытой системе управления контентом (CMS) WordPress. В исследование включались только сайты из Alexa TOP 1.000.000, что говорит о том, что это были не какие-то ресурсы, сделанные второпях или в учебных целях, а действительно крупные проекты. Занявшая второе место CMS Joomla набрала только 2,8%.

Свой 8-ми летний рубеж в 2011 году WordPress встретила с результатом всего 13,1%. Затем плавно, без скачков или других резких потрясений четыре года непрерывного роста, и в итоге 14-й год существования этой CMS принес ей абсолютное лидерство: 25% всех сайтов в мире отдали ей предпочтение. Надо отметить, что и сервис WHOIS присудил ей в своем рейтинге 1-е место: 36% проверок на тип CMS его пользователями он выдал ответ: WordPress.

Никому не нужна помойка вместо блога

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

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

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

Повсеместность. Плюсы и минусы

Популярность WordPress привела к некоторым заметным особенностям. Вокруг платформы образовалось огромное сообщество программистов и пользователей. По всей планете силами энтузиастов проводятся конференции по WordPress: Wordcamp (крупного масштаба) и Meetup (локального характера), на которых запросто можно встретить одного из «WordPress-гуру» и послушать его доклады. Эти мероприятия уже несколько лет проходят и в Москве, собирая полные залы.

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

Зачем тратить деньги и время на изучение WordPress?

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

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

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

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

Учиться, учиться и учиться!

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

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

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

Целостный взгляд на мир ценнее фрагментарных знаний

«Для тех, кто хочет создать свой блог или сайт, но не обладает навыками и знаниями в веб-технологиях, можно порекомендовать бесплатный видеокурс по основам работы с WordPress. Даже ничего не зная об html, по итогам курса каждый сможет создать собственный блог, который будет не просто страницей в ЖЖ, а независимым сайтом» — говорит преподаватель образовательного портала GeekBrains Егор Шубин.
Егор работает веб-программистом и дизайнером в компании, внедряющей программное обеспечение, и сейчас с партнерами открывает собственное интернет-агентство.

Чему научится слушатель на курсе «Wordpress. Личный блог»:

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

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

Наиль Максудов и Юрий Жайворонок, преподаватели GeekBrains, продолжают тему, поднятую Егором Шубиным: «Освоив базовые навыки, мало кто на этом останавливается. Ведь программирование — настоящая магия, когда несколько строк кода превращаются на экране монитора в анимированную картинку или форум. Для таких людей предназначен курс „HTML и CSS. Основы создания сайтов“ — первая и абсолютно необходимая ступень в изучении профессии веб-разработчика».

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

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

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

WordPress Уроки

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

WordPress впервые увидел свет 27 мая, 2003 года. Основателями данного проекта были Мэтт Мулленвег и Майк Литтл. Простыми словами WordPress можно описать, как онлайн инструмент с открытым исходным кодом по созданию сайтов, и построенном на языках программирования PHP и MySQL. Или если говорить продвинутыми терминами, его можно назвать Системой Управления Содержимым (CMS). В начале своего существования WordPress использовался всего несколькими пользователями, однако, с течением времени сообщество WordPress росло и он стал самым популярным CMS в мире. Сегодня, WordPress установлен на более чем 75 миллионах сайтов и эта цифра продолжает расти. Исследование, проведенное в Апреле 2020 года показало, что более 26% сайтов находящихся в рейтинге 10 миллионов самых посещаемых сайтов используют для своей работы WordPress.

Почему WordPress настолько популярен

Узнав количество пользователей WordPress, вы можете задаться вопросом, почему он так популярен? Здесь мы должны принять во внимание несколько факторов. Основной причиной называется то, что WordPress является удобной платформой для блогов, однако, здесь можно добавить больше. Так как WordPress – это программное обеспечение с открытым исходным кодом, это позволяет любому пользователю редактировать и улучшать его код на свое усмотрение. Это привело к появлению тысячи бесплатных плагинов, тем, виджетов и других инструментов. Все это позволяет вам создать сайт практически любого типа, начиная от обычного блога, сайта или портфолио, до интернет-магазина, базы знаний или сайта по поиску работы. Еще одним фактором является то, что WordPress полностью бесплатен и поддерживается всеми хостинг платформами с PHP и MySQL. Более того, эта CMS постоянно обновляется, улучшая безопасность, вводя новые функции и увеличивая общую производительность. И последнее по списку, но не по значению, WordPress имеет огромное сообщество со своими форумами и дискуссиями на различные темы по всему Интернету. Большое количество информации о WordPress, уроки помогающие в освоении, также делают WordPress одной из самых удобных для использования CMS.

Что такое CMS

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

Система Управления Содержимым состоит из двух основных компонентов:

  • Приложения Управления Содержимым (CMA). CMA можно описать как графический интерфейс пользователя (GUI), который позволяет пользователям создавать, редактировать, удалять или публиковать контент без определенных знаний в HTML или других языках программирования.
  • Приложение по Доставке Содержимого (CDA). CDA отвечает за внутренние службы, которые доставляют и управляют контентом, после работы с ним в CMA.

Другие функции достойные упоминания:

  • SEO оптимизированные URL адреса
  • Онлайн поддержка и сообщество
  • Функции для пользователя/группы
  • Различные шаблоны и дизайн
  • Мастер установки и регулярные обновления

На данный момент тремя самыми популярными Системами Управления Содержимым являются WordPress, Joomla и Drupal.

WordPress.com или WordPress.org

WordPress.com и WordPress.org два пути для создания вашего сайта на WordPress. Отличием этих двух способов является лишь сам host, где будет располагаться ваш сайт. Используя WordPress.org, вы сможете бесплатно скачать скрипт и установить его на ваш локальный компьютер или хостинг провайдер (вроде Hostinger). С другой стороны, WordPress.com, который позаботится о хостинге за вас. Вам не придется платить за хостинг, управлять сервером или скачивать программное обеспечение, однако, на вашем сайте будет показываться реклама.

Оба способа WordPress.org и WordPress.com имеют свои плюсы и минусы.

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

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

Этот WordPress урок будет освещать версию WordPress на собственном хостинге.

Шаг 1 – Установка WordPress

Одной из причин популярности WordPress является его низкие требования для запуска на веб-сервере:

  • PHP версии 5.2.4 или выше.
  • MySQL версии 5.0.15 или выше, или любая версия MariaDB.

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

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

ЗАМЕТКА! Перед началом установки WordPress, вам необходимо решить, где будет располагаться ваш сайт. Вы хотите, чтобы ваш сайт был доступен по такому адресу вашдомен.ru и находился в корневом каталоге, вашдомен.ru/blog и находился в отдельном каталоге, или на поддомене blog.вашдомен.ru. Только в случае использования поддомена вам необходимо предпринять дополнительные шаги и создать поддомен. В Hostinger, вы можете легко это сделать в разделе Субдомены.

Вариант 1.1 – Установка WordPress на Hostinger с помощью Авто-Установщика

Давайте начнем с самого простого и короткого пути для установки WordPress – Авто-Установщика Hostinger. Шаги ниже покажут вам, как установить WordPress с помощью панели управления Hostinger:

  1. Войдите в панель управление Hostinger.
  2. Найдите Авто-Установщик и откройте его.
  3. Введите WordPress в поисковое поле и нажмите на его иконку.
  4. Далее, заполните данные для вашего сайта:
  • Адрес – Адрес куда должен быть установлен ваш WordPress. Если вы хотите, чтобы сайт был доступен по такому адресу вашдомен.ru, то оставьте поле пустым.
  • Язык – Выберите язык WordPress.
  • Имя Пользователя Администратора – Ваше имя пользователя для входа в панель управления WordPress.
  • Пароль Администратора – Ваш пароль для входа в панель управления WordPress.
  • E-mailАдминистратора – Введите адрес вашего почтового ящика.
  • Название Сайта – Название вашего сайта на WordPress.
  • Подзаголовок Сайта – Короткое описание вашего сайта.
  1. Нажмите кнопку Установить.
Топ-пост этого месяца:  Категории функций — Остальное — WordPress

Вариант 1.2 – Установка WordPress вручную

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

Что вам понадобится:

Как только установка будет завершена, вы можете начать загружать файлы WordPress на ваш хостинг аккаунт. Вы можете использовать Файловый Менеджер вашего провайдера услуг хостинга или FTP-клиент. На конечный результат, это не окажет никакого влияния. Единственное на что стоит обратить внимание – это каталог в который вы собираетесь загрузить файлы. К примеру, если вы хотите чтобы ваш сайт был доступен по прямой ссылке, файлы должны быть загружены в папку public_html; если вы хотите, установить WordPress на поддомен, загрузите файлы в соответствующую папку.

WordPress хранит всю информацию в базе данных. Поэтому, нам необходимо создать ее. В Hostinger, новая база данных может быть создана в разделе Базы Данных → Базы Данных MySQL.

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

Для более подробной инструкции обратитесь к руководству о том, как установить WordPress или как перенести сайт на WordPress из Blogger.

Шаг 2 – Работа с панелью управления WordPress

Как только вы закончите установку, вам предложат войти в вашу панель управления WordPress. Если вы закрыли окно установщика, вы можете зайти в панель управления добавив wp-admin в конец адреса вашего сайта:

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

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

  1. Панель инструментов вверху страниц. Содержит ссылки на самые часто используемые функции. К примеру, при наведении мышки на название вашего сайта откроется ссылка на ваш сайт. Она также отображает простые оповещения и количество новых комментариев.
  2. Главное меню навигации в левой части. Оно содержит ссылки на все административные экраны. Наведите мышкой на меню, чтобы посмотреть его подразделы.
  3. Рабочая область.

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

Другие Модули:

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

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

Шаг 3 – Публикация контента

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

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

Шаг 3.1 – Создание новой записи

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

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

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

  • Опубликовать. Здесь вы можете найти статус и видимость вашей записи. Нажав кнопку Опубликовать вы опубликуете запись на вашем сайте. Если вы решите удалить ее, нажмите кнопку Удалить.
  • Рубрики. В этом блоке вы можете назначить записи определенную рубрику. Вы даже можете создать свою рубрику, нажав на кнопку +Добавить новую рубрику.
  • Метки. Блок позволит вам добавить теги для вашей записи.
  • Изображение записи. Здесь вы можете установить изображение для записи. Оно будет отображаться в самом верху вашей записи (расположение может меняться в зависимости от вашей темы).

Шаг 3.2 – Создание новой страницы

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

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

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

Шаг 4 – Установка плагинов для WordPress

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

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

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

Рекомендуемые плагины для WordPress

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

  • Google XML Sitemaps. Этот плагин автоматически сгенерирует XML карту сайта для более лучшей поисковой оптимизации. Он легок в управлении и часто обновляется.
  • Yoast SEO. Возможно один из самых популярных SEO плагинов для WordPress. Он поможет вам улучшить оптимизацию ваших статей для поисковых систем. Начиная от меток и заканчивая советами по написанию статей – Yoast SEO плагин поможет вам во всем.
  • Wordfence Security. Этот плагин позволит вам защитить ваш сайт от хакеров и вредоносных программ. Он имеет в своем арсенале модуль firewall и сканер для обнаружения вирусов.
  • Contact Form 7. Простой, но очень мощный плагин для создания контактных форм для WordPress. Создайте любой контакт любого вида или сгенерируйте формы с данным плагином.

ЗАМЕТКА! Не рекомендуется засорять WordPress дюжинами плагинов, так как это может увеличить нагрузку на сайт. Установите на ваш WordPress лишь нужные вам плагины.

Шаг 5 – Установка тем для WordPress

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

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

ЗАМЕТКА! Предпросмотр позволит вам увидеть ваш сайт с новой темой до ее установки. Это сохранит вам время – вам не надо будет устанавливать несколько тем, чтобы найти подходящую вам.

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

Шаг 6 – Оптимизация производительности WordPress

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

Шаг 6.1 – Использование плагинов для оптимизации кэша WordPress

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

Самые популярные плагины для кэширования WordPress:

Шаг 6.2 – Оптимизация изображений WordPress

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

  • Использование слишком больших изображений. К примеру, вы загружаете изображение с разрешением 500 x 500, но ваш сайт изменяет его размер на 100 x 100. В результате, браузеру посетителя необходимо скачать вначале большой файл, изменить его размер и только потом отобразить его. Правильнее будет просто загрузить файл размером 100 x 100. Изображение будет занимать меньше места и это выльется в более быструю скорость работы сайта. Подробное руководство об оптимизации изображений может быть найдено здесь.
  • Изображения не правильно сжаты. Вы можете сохранить много места и пропускной способности, правильно сжав ваши изображения. К счастью, WordPress имеет отличный плагин для этого процесса WP Smush. Вы можете посмотреть подробное руководство о том, как сжать jpeg изображения здесь.

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

Шаг 6.3 – Включение gzip сжатия для WordPress

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

Вот несколько путей для включения gzip сжатия:

  • Включение gzip сжатия с помощью файла .htaccess file (рекомендуется). Более подробное руководство может быть найдено здесь.
  • Включение gzip сжатия с помощью плагина WordPress, вроде GZip Ninja Speed.

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

Шаг 6.4 – Откладывание загрузки JavaScript в WordPress

Большинство тем и плагинов используют большое количество JavaScript , которые первыми загружаются при входе на сайт. Это приводит к тому, что HTML и другой визуальный контент появляется только после полной загрузки JS. Вы можете отложить загрузку JavaScript так, чтобы визуальные элементы сайта появлялись первыми и только затем загружался JavaScript. Это один из методов, рекомендованных Google Developers, который часто упускается из виду. В WordPress, вы легко можете сделать это, просто установив плагин WP Deferred JavaScripts или Speed Booster Pack. Более подробное руководство по данной теме может быть найдено здесь.

Шаг 6.5 – Использование Сети Доставки Содержимого

Использование Сети Доставки Содержимого (коротко CDN) увеличит скорость вашего WordPress, кэшируя ваш сайт в многочисленных центрах данных по всему миру. При посещении вашего сайта пользователем, контент вашего сайта будет доставлен браузеру пользователю из ближайшего центра данных. CDN отлично работает с плагинами для кэширования WordPress и вы даже можете найти бесплатные CDN. К примеру, CloudFlare имеет бесплатный тариф, который обеспечит вам преимущества полноценного CDN и защиту вашего сайта от DDoS атак. Руководство по установке CDN.

Шаг 6.6 – Удаление строк запросов из статических объектов

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

Шаг 6.7 – Включение Lazy Load

Как правило, при открытии веб-страницы все содержимое загружается мгновенно, что называется eager loading. В качестве альтернативы можно отложить инициализацию некоторых объектов (например изображений) до тех пор, пока они не понадобятся, что называется lazy loading (ленивой загрузкой). Наиболее распространенной практикой является отображение изображений только тогда, когда они видны с точки зрения посетителя или на экране. Все, что вам нужно сделать, чтобы воспользоваться этой функцией – это установить и активировать плагин, вроде Lazy Load или Rocket Lazy Load.

Шаг 7 – Поддержание безопасности WordPress

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

Шаг 7.1 – Поддержание актуальной версии WordPress

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

Шаг 7.2 – Использование уникальных паролей и логинов

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

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

Шаг 7.3 – Резервное копирование WordPress

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

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

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

Заключение

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

С чего начать изучение wordpress

Перед тем как начать изучение cms wordpress. Давайте сперва разберем основное понятия. Так что же такое cms?
CMS(Content management system) — это система управления контентом (содержимым) сайта, говоря простым языком cms это система которая очень сильно упрощает разработку сайта его редактирование и поддержание. В свою очередь wordpress является одной из самых популярных бесплатных cms в мире, особой популярностью пользуется в западных странах :).
Давайте рассмотрим основные преимущества и недостатки cms wordpress.

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

  • WordPress очень простой в использование. Любой человек всего за несколько несложных действий может создать сайт на wordress. Для работы c этой системой практически не требуется знаний программирования, поэтому она очень хорошо подходит для новичков и желающих создать свой первый сайт.
  • Данная система имеет множество бесплатных и платных оригинальных шаблонов(тем).
  • Также есть большое количество модулей и плагинов, которые всегда обновляются их очень легко устанавливать и настраивать.
  • Большое количество документации для работы по данной cms.
  • Отличительной особенностью вордпресс является очень удобная административная панель. Где абсолютной любой человек без особого труда может создать страниц, отредактировать ее содержимое установить плагин или сменить оформление сайта.

Недостатки:

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

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

Теперь вы имеет начальное представление о том что такое cms WordPress. На этом мы заканчиваем с теорией и переходим к практике.

Самый первый шаг который надо сделать это зайти на сайт ru.wordpress.org и скачать там самую свежую версию дистрибутива WordPress. на данный момент это wordpress-3.8.2.

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

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