Начало работы с WordPress первые шаги по совершенствованию вашего нового сайта


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

Первые шаги с WordPress.

Привет всем-всем посетителям сайта WpMen, вот и закончилось самое нудное: Установка WordPress, установка Denwer’a и так далее… С этого дня начинается самое интересное, например сегодня мы познакомимся с WordPress, а так же я попытаюсь вам рассказать о самых важных функциях WordPress…

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

И так перейдем непосредственно к делу, на сегодняшний день мы имеем уже установленный WP на хостинге, либо на Denwer’e, что к сегодняшней статье не имеет особого значения. Главное, что вы имеете доступ к своей Админ-панели…

Настройка админ-панели в WordPress, убираем лишнее.

И так, первые шаги в WordPress начинаются с перехода в свою «девственную», нетронутую Админ-панель, вы увидите много лишнего, которое будет вам мешать в дальнейшей работе с блогом. (После прочтения этой статьи рекомендую прочесть о настройке WordPress.) То, что нужно убрать это:

  • Приветствие, которое, если не убрать, вылазит время от времени автоматически.
  • Быстрая публикация. Совершенно для меня не нужна, я предпочитаю писать статьи через программы, либо через раздел записи, так что быстро не получается Если для вас данная функция будет необходима, то оставьте.
  • Свежие черновики, конечно нужная вещь, но я помню какие из черновиков лежат без дела на сайте, по этому решил убрать, что бы не мозолила под глазами…
  • Раздел Блог WordPress — где высвечиваются новости самой WordPress системы, например о выходе новой версии, либо о каких не будь нововведениях и т.д.
  • Входящие ссылки — совершенно бесполезная панель, показывает список сайтов, которые ссылаются на ваш блог, в адекватности работы этой системы я не убедился, по этому удалил с глаз долой
  • Плагины — показывает якобы самые популярные плагины и т. д. Лично мне не нужен данный рекламный блок, я всегда нахожу тот плагин, который мне нужен в сети интернет. И за все время, которое этот блог стоял в моей панели, я не взял оттуда ничего стоящего.
  • Другие новости WordPress — в этом я точно не нуждаюсь… ��

Как удалить ненужные блоки?

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

А теперь давайте посмотрим каким стал общий вид Админ-панели. Согласитесь, стало на много аккуратнее, ничего лишнего, все что нужно для нормальной работы. Как мне кажется то, что нужно, а вам? ��

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

Гид по знакомству с WordPress.

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

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

Админ панель.

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

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

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

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

+Добавить — это название следующего раздела Админ-строки. С помощью этой кнопки вы сможете быстро переместится в разделы добавления Записей, Медиафайлов, Ссылок, Страниц и Пользователей.

И наконец последнее у меня называется «Привет, Al’bert», у вас соответственно будет называться по другому. Что же нам дает эта панель? С ее помощью, вы быстро сможете перейти на страницу своего профиля, а точнее изменить ее, и выйти из системы �� .

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

Обзор главное панели.

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

Краткое руководство по Меню.

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

Обновления

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

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

Раздел меню — Записи.

Следующим по счету разделом будет — «Записи». Раздел делится на несколько пунктов — « Все записи «, « Добавить новую «, « Рубрики » и наконец « Метки «. Сейчас мы кратко разберем все из них.

Все записи

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

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

Добавить новую запись

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

Так же по мимо формы написания, данная страница имеет блок публикации, где вы можете установить Статус (Черновик, На утверждении, Опубликованная запись), так же Видимость (Открытое, Личное — доступное для просмотра только вам, Защищенное паролем ) и наконец Время публикации.

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

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

Блок «Задать миниатюру» — это картинки, которые выводятся вместе с неполным текстом, например на главной, поиске и других страницах.

Так же не исключено появление новых блоков, что полностью зависит от установленной темы. В скором времени мы точно разберем эту страницу, я очень подробно напишу о том, как писать статьи в данном, стандартном редакторе. Не хотите пропустить? Подписываемся на БЕСПЛАТНУЮ рассылку уроков.

Рубрики-

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

Добавить новую рубрику, а точнее указать ее Название, Ярлык — вариант названия рубрики в URL, Родительскую рубрику, тем самым создать подрубрику, а так же написать описание. Так же вы сможете изменить, просмотреть свойства и удалить уже существующие Рубрики. И наконец воспользоваться поиском по Рубрикам…

Метки-

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

Раздел меню — Медиафайлы.

Данный раздел делится на 2 вида — это Библиотека и Добавить новый файл. Думаю вы догадались, что данный раздел меню отвечает за все файлы (картинки, видео и т.д) которые вы в то или иное время добавляет на свой блог.

Данный раздел лично я не использую, так как обычно добавляю файлы с той страницы, либо с помощью той программы, где пишу статьи. Разве что иногда чищу не используемые файлы разделе — «Библиотека» => «Неприкрепленные» , для того, что бы было меньше мусора. А так я считаю данный раздел не таким полезным как и следующий…

Раздел меню — Ссылки.

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

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

Страницы — незаменимая часть блога.

Как мы привыкли видеть блог? Это статьи, которые. Публикуются время от времени, если одна статья устаревает, ее обновляют, на совсем старые не обращают внимания как на прошлые, обговоренные темы, которые больше не интересны…

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

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

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

Незаменимый раздел — Комментарии.

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

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

  • Ожидающие — комментарии, которые опубликованы на вашем сайте, но не показаны на самом блоге до тех пор, пока вы не одобрите его содержание. На блоге существует 3 вида модерации комментариев — это без проверки (когда все комментарии публикуются на блоге без вашего вмешательства), проверка на половину (если вы одобрили комментарий одного пользователя, то все последующие комментарии будут публиковаться автоматически), жесткая модерация (каждый комментарий отправляется вам на проверку, прежде чем попадет в блог).
  • Одобренные — все комментарии, которые вы когда либо одобрили, либо они попали в положительный список автоматически.
  • Спам — самая раздражительная категория, дело в том, что на моих блогах ежедневно в этой папке появляются до 10-20 комментариев, спасаюсь только специальными плагинами, которые ждут нас впереди.
  • Корзина — комментарии, которые были удалены вами в какой либо момент времени помещаются в этот раздел. Будьте внимательны, ведь спам комментарии удаляются навсегда, без какой либо корзины. Кто знает, может вам понадобится спам .

На этом про комментарии все, думаю все понятно, теперь перейдем к более сложному, но это только кажется на первый взгляд… Читаем далее ��

Внешний вид — без него никуда.

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

На данной странице вы можете просмотреть существующие темы, установить новые. Так же с существующими темами возможны такие действия как, Активация, Просмотр, Удаление, Просмотр деталей. Как найти шаблон для сайта?

Виджеты-

Это специальные функции, которые вы можете установить в sitebar’е (Боковой панели) одним щелчком мыши, не разбираясь в нудных html и php кодах.

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

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

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

Редактор —

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

Данная страница — это код вашего шаблона, который делится на части:

  • 404.php — Шаблон страницы с ошибкой, когда пользователь переходит по несуществующей ссылке на вашем сайте.
  • archive.php — Страница с Архивами статей на вашем блоге.
  • comments.php — Код вида и формы комментариев.
  • footer.php — Код подвала (нижней части) вашего сайта.
  • functions.php — Функции темы, об этом поговорим позже, и со временем вы поймете истинное предназначение этого чуда ;).
  • header.php — Верхняя часть вашего сайта.
  • index.php — Основной шаблон вашего блога, как правило Главная страница.
  • page.php — Шаблон страницы, раздел которой мы описывали до комментариев.
  • search.php — Страница с выводом результатов поиска.
  • s >

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

Раздел меню — Плагины.

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

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

Установленные плагины —

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

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

Добавить новый плагин —

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

Редактор —

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

Следующий раздел меню — Пользователи.

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

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

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

Все пользователи —

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

Добавить нового —

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

Ваш профиль —

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

Инструменты — один из разделов меню.

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

Все инструменты —

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

Импорт —

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

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

На этом функции данного раздела не заканчиваются, так же существует импорт из меток в рубрики, или наоборот, я позже подробно напишу об этом, не пропустите �� …

Экспорт —

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

Раздел меню — Параметры.

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

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

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

Спасибо за внимание, с вами был Альберт и блог WpMen….

Did you like this article? Share it with your friends!

Создание сайта на 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 «. Введите свои данные:

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

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

Админпанель сайта 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/

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

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

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

У меня раньше был другой сайт по адресу https://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://, а не просто https://.

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

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

Для новичков я рекомендую устанавливать бесплатный сертификат 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

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

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

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

В данном окне вы можете что-то предложить или перенаправить посетителя на нужную вам страницу, например страницу с акцией или интересной свежей статьей. Также можно добавить форму заявки /подписки в модальное окно. Наиболее популярный плагин из бесплатных это 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 для чайников» делятся на несколько блоков, первые 4 обязательные для изучения тем, кто хочет создать качественный и надежный сайт (так сказать, для самых новеньких). Остальные главы научат тому, как можно настроить под себя ваш сайт, как его наполнять, изменять дизайн и многое другое.

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

Вы наверное даже не представляете сколько сайтов используют WordPress, по разным данным это от 20 до 35 процентов всех сайтов размещенных в интернете. Приведу пример 4-х брендов, всем известных — Microsoft, PlayStation, Faceboock. Эти мировые компании используют WordPress для ведения своих блогов и новостных сайтов. Таких примеров можно приводить тысячи, но не буду сейчас на этом задерживаться, вы можете посмотреть скриншоты этих сайтов (картинки откроются в полном размере после нажатия).

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

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

Варианты изучения WordPress

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

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

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

Первые шаги в изучении WordPress

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

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

«Разбор полетов»

Знакомство с WordPress

Необходимые знания и настройки

Следующие уроки, помогут сделать лучше и удобнее WordPress, дополнит наш «движок» необходимыми плагинами и виджетами.

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

Дополнительная информация

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

Настройки безопасности и оптимизация сайта

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

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

Настройки безопасности

Оптимизация сайта

Обзор популярных плагинов

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

Работа с поисковыми системами

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

Разработка с WordPress

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

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

Новый сайт — первые шаги для SEO

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

Давайте рассмотрим первые шаги для SEO, если Вы создали новый сайт.

Как сайты появляются в результатах выдачи поисковых систем?

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

Здравствуйте, уважаемые читатели.

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

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

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

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

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

Зачем Вам нужна внешняя ссылка?

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

Как работают поисковые системы на примере поиска Google: Как работает Google

Второй шаг: Настройка параметров нового сайта

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

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

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

Третий шаг: исследование ключевых слов

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

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

Четвертый шаг: писать, писать, писать

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

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

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

Как добавить сайт в поиск и что такое файлы Sitemap и Robots

Шестой шаг: улучшить заголовки и краткие описания

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

Седьмой шаг: подумайте о структуре сайта

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

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

Заключительный шаг: подумайте о стратегии построения внешних ссылок на Ваш новый сайт

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

Я желаю Вам создавать классные сайты с супер полезным контентом.

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

Полезно знать:
Нужные плагины для нового сайта на WordPress
Как защитить от взлома WordPress
5 простых способов ускорить загрузку сайта WordPress
Как добавить код отслеживания Google Analytics в WordPress
Обновление PHP для блога на WordPress, пошаговая инструкция для новичков
Способы монетизации и заработок на сайте
Как добавить кнопки социальных сетей на сайт

​Как создать и настроить сайт WordPress. Пошаговая инструкция для чайников

Как создать и настроить сайт WordPress. Пошаговая инструкция для чайников.

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

Материал подготовлен при поддержке: www.nasmillion.ru

Хостинг для WordPress. Стоимость хостинга.

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

Ссылка на регистрацию — Beget.com

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

Минимальный пакет для блога или новостного сайта подойдет тариф «Blog».Стоимость тарифа: 135 рублей в день. Можете сравнить, на любых других хостингах цена будет плюс минус в районе 100 рублей.Beget – удобен тем, что делает многое за вас и это подойдет тем, кто не хочет или не готов разбираться в технических деталях установки.

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

После регистрации, войдите в панель управления, перейдите в раздел «Управление услугами».Выбирайте ваш тариф(например Blog), вносите платеж и первый шаг у нас позади.

Имя и адрес сайта для WordPress. Домен для сайта.

Теперь нам потребуется адрес по которому наш будущий сайт будет открываться, например www.primer.ru. Адрес сайта называется «Домен».

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

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

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

Создание сайта в панели управления.

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

Перейдите в раздел «Управление сайтами» и впишите название папки, например «primer» и в выпадающем меню выберите свой адрес(домен).

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

Важный этап.HTTPS – для сайта WordPress. Бесплатный SSL сертификат.

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

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

Подтвердите установку и дождитесь, пока к вам на почту придет подтверждение, что «SSL сертификат успешно установлен на ваш сайт и сайт доступен по протоколу HTTPS»

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

Заранее ставим — PHP 7.1 и HTTP 2.0

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

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

Установка CMS WordPress на сайт.

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

Перейдите в раздел «CMS». В таблице «Установка CMS» — выберите WordPress и в выпадающей панели поставьте нужные значения:

  • Сайт для установки – это папка, которую вы создали.
  • Домен по умолчанию – это адрес вашего сайта
  • Описание сайта – потом можно будет поменять
  • Логин администратора – для безопасности придумайте свой, отличный от ADMIN
  • Пароль администратора – обязательно придумайте сложный пароль, лучше сгенерированный
  • Email – укажите почту администратора, обязательно работающую.

Теперь нажимайте на кнопку «Установить».

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

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

Установка сайта WordPress на ваш домен завершена, все очень просто. Гораздо дольше занимает прочитать эту инструкцию, во второй раз, если вы все запомнили, у вас получится это сделать за 5-7 минут.

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

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

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

Доступ к панели управления любого сайта WordPress предоставляется по адресу:www.вашадрес.ru/wp-admin

По этому адресу вы получите поля: логин и пароль администратора.Введите свои данные и нажмите войти.


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

Основные настройки сайта WordPress.

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

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

  • Название сайта – так будет называться ваш сайт, когда пользователи увидят его в поиске, например в Яндекс или Google.
  • Краткое описание – описание по которому ваш сайт будет легко найти.
  • Адрес WordPress (URL) – не меняйте его ни в коем случае!
  • Адрес сайта (URL) – здесь можно указать адрес, который будут видеть пользователи, например без www
  • Все остальное выбирайте на свое усмотрение

Перейдите в раздел «Постоянные ссылки», где выберите параметр «Название записи», тем самым ваши страницы и записи будут автоматически открываться по ссылкам включающим в себя название, например: www.вашадрес.ru/название-записи/

Установка и выбор шаблонов для WordPress

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

База шаблонов WordPress – Themeforest

На сайте https://themeforest.net/ — в разделе WordPress, на символическую плату 20-40 долларов, вы можете выбрать и купить готовый и работающий шаблон для вашего сайта.

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

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

Вы можете выбрать любой сайт на WordPress:

  • Блог
  • Сайт визитка
  • Лендинг
  • Новостной сайт
  • Интернет-магазин

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

Установка шаблона WordPress на ваш сайт.

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

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

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

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

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

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

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

Тема успешно установлена и шаблон готов к работе.

Установка Demo Content для выбранного шаблона.

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

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

Возможно вам понадобиться функция «Export — Import» — в случае, если разработчики просто сохранили свою версию сайта и прислали ее для вас.

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

После установки Demo Content – сайт уже должен выглядеть на 80% так каким вы его выбирали.

Выбор внешнего вида сайта и домашней страницы WordPress.

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

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

Сайт готов к работе и наполнению!

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

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

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

Начальная настройка WordPress: первые 10 шагов

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

1. Индивидуальная настройка консоли (Dashboard)

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

Индивидуальная настройка консоли (Dashboard)

2. Редактирование профиля админа

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

3. Формат даты, времени и часовой пояс

Эти настройки находятся по адресу: Настройки – Общие.
Влияют на отображение даты и времени публикации постов, комментариев и др.

4. Ссылки сайта

Идем по адресу: Настройки – Постоянные ссылки в боковом меню консоли.
Измените настойки URL на вашем сайте с непрезентабельного идентификатора по умолчанию ?p=123 на нечто более значимое, как для посетителей, так и для поисковых систем. Оптимальный вариант – Название записи.
Совет: для автоматической конвертации кириллических ссылок на латиницу используйте плагин Cyr to Lat (или похожие).

5. Настройки комментариев

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

6. Настройки медиафайлов (изображений)

Настройки – Медиафайлы
По умолчанию при загрузке изображений в WordPress, система создает изображения 3-х различных размеров. Если вы хотите, чтобы количество изображений не росло как грибы, можно этого добиться, установив значения размеров изображений как 0х0. Можно указать только нужный размер миниатюры изображений (например, 150х150).

7. Отключить сохранение ревизий постов

WordPress периодически и автоматически сохраняет изменения, пока вы пишете свой пост. Таким образом получается несколько ревизий (образцов) ваших записей. Эта функция на практике оказалась бесполезной, также она еще и базу данных нагружает.
Для отключения функции автоматического создания ревизий, необходимо в файл: wp-config.php (в корне сайта) дописать строчку:
define(‘WP_POST_REVISIONS’, false);

8. Защита от спама в комментариях

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

9. Защита админки

Поскольку WordPress очень популярен среди вебмастеров, не обходят своим вниманием этот движок и злоумышленники. Тяжело уберечься от опытных хакеров, но немного повысить уровень защиты – можно.
Рекомендуем устанавливать плагины, которые не позволяют подбирать пароли к админ панели или похожие.
Интересным решением можно назвать такой плагин, как Stealth Login Page. Он создает дополнительное поле при авторизации – Authorization Code (Код Авторизации). Можно установить количество попыток ввода – например, если 1-я попытка была безуспешной, происходит перенаправление на главную страницу сайта.
Повысьте безопасность своего сайта!

10. Перед наполнением сайта

Когда вы уже готовы наполнять свой сайт, есть еще несколько процедур, которые нужно сделать.

  • создайте несколько рубрик, к которым позже будете причислять свои статьи. Путь: Записи — Рубрики.
  • напишите несколько постов (записей). Путь: Записи — Добавить новую.
  • создайте несколько статичных страниц, например «Обо мне» или «Контакты». Путь: Страницы — Добавить новую.
  • настройте меню сайта по адресу: Внешний вид — Меню.

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

И в дополнение к посту посмотрите видео-урок:

Первые шаги в wordpress

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

Частые вопросы по wordpress

Как зайти в админку wordpress?

  • Нужно зайти по ссылке https://ваш.сайт/wp-login.php
  • Ввести логин и пароль, который вам должны были выслать при создании сайта
  • Нажать кнопку «Войти»
  • Вот вам и вход в админку wordpress

Как добавить новую запись на сайт (блог)?

  • Зайти в админку wordpress
  • Выбираем в меню раздел «Записи» и нажать на «Добавить новую»
  • Далее появится окно для написание записи, после написания нажмите кнопку «Опубликовать»

Как создать рубрику?

  • Заходим в админку wordpress
  • Выбираем в меню раздел «Записи» и нажимаем на «Рубрики»
  • Далее пишем название новой рубрики, после чего нажимаем кнопку «Добавить рубрику»

Как изменить название сайта и его описание?

  • Зайдите в админку wordpress
  • Выбираем в меню раздел «Настройки» и нажимаем на «Общие»
  • Прописываем в поле Заголовок блога — название сайта и Краткое описание — описание

Как проверить открыт ли мой сайт (блог) для индексации поисковых систем?

  • Зайти в админку wordpress
  • Выбрать раздел меню «Настройки» и нажать на кнопку «Приватность»
  • Там вы можете регулировать возможность индексации вашего сайта поисковыми системами

Мой блог очень медленно работает, как это исправить?

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

Вопросы читателей

Когда сделал запись в рубрике по умолчанию (новости), а затем надо перенести запись в другую более подходящую, то как это сделать?

  • Зайдите в админку wordpress
  • Выбираем в меню раздел «Записи» и нажимаем на кнопку «Редактировать»
  • Выбираем нужную запись и нажимаем на Быстрое редактирование, там будет возможность поменять рубрику

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

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

Вы, скорее всего, знаете, что можно установить wordpress и на локальный компьютер. Процедура там аналогичная, но сначала нужно будет устанавливать и настраивать сборки Apache, PHP, MySQ и т.д. Гораздо легче и удобнее установить wordpress на хостинг и начать зарабатывать деньги с первого созданного сайта.

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

Установка wordpress на хостинг: алгоритм

  1. Если вы всё ещё не скачали, то скачайте и распакуйте дистрибутив WordPress отсюда https://ru.wordpress.org/

При помощи клиента Total Commander создайте новое соединение, введите данные ФТП которые предоставил хостер и подключитесь к самому хостингу;

  1. Создайте базу данных для WordPress на хостинге так, чтобы ваш пользователь MySQL имел все права доступа и внесения изменений. Обычно последние шаги делаются через интерфейс хостинга;
  2. Найдите и переименуйте файл wp-config-sample.php файл в wp-config.php. Откройте wp-config.php в текстовом редакторе (Блокнот) и внесите изменения в соответствии с примером кода, который приведен ниже:
  3. Разместите файлы WordPress на вашем веб-сервере с помощью ФТП-клиента (например, Total Commander или filezilla) или через веб-интерфейс вашего хостинга:

§ Если вы хотите установить WordPress в корень вашего сайта (например, https://example.com/), перенесите все содержимое предварительно распакованного дистрибутива WordPress в корневую папку веб-сервера.

§ Если вы хотите установить WordPress в отдельную папку на вашем веб-сервере (например, https://example.com/blog/), переименуйте папку wordpress придав ей название папки, в которую вы хотите установить систему и перенесите её на веб-сервер. Например, если вы хотите установить WordPress в папку «blog» на веб-сервере, тогда вам необходимо переименовать папку «wordpress» в «blog» и перенести ее в корень веб-сервера.

5. Перейдите по ссылке wp-admin/install.php используя веб-браузер.

§ Если установка wordpress на хостинг происходила в корень веб-сервера, перейдите по ссылке: https://example.com/wp-admin/install.php

§ Если вы установили WordPress в собственно созданную вами папку на веб-сервере, например, blog, тогда перейдите по ссылке: https://example.com/blog/wp-admin/install.php

Установка wordpress на хостинг: на заметку

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

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

Внимание! Вся введенная вами информация на данном этапе установки может быть далее изменена в Административной панели.

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

Инструкция по работе с 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 – пошаговая инструкция для чайников

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

Что такое WordPress?

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

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

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

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

Чтобы открыть панель управления, перейдите по адресу вашсайт.ru/wp-login.php, введите свои учетные данные и войдите. После этого вас перекинет в консоль (это и есть админка). Если этого не произошло, и вас перебросило на главную страницу вашего сайта, то вы наверняка должны были заметить темную полоску вверху. Чтобы перейти в панель управления (ПУ), нажмите на соответствующую кнопку.

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

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

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

На ваш выбор доступны тысячи разных тем. Каждую из них при желании можно установить и опробовать. Обратите внимание на кнопку “Настроить”. Именно с ее помощью осуществляется первичная настройка шаблона для ВордПресс.

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

Если вы делаете блог, то все ваши посты обязательно должны быть сгруппированы по категориям. Иначе ваши читатели просто запутаются в огромном количестве разносортных постов. Чтобы создать их, перейдите в “Записи” – “Рубрики”.

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

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

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

Добавление записи

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

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

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

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

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

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

Обратите внимание, что при создании страницы у вас нет возможности выбрать рубрику. Вы также можете не публиковать ее сразу. Кнопка “Сохранить” позволит сделать черновик, чтобы вернуться к его редактированию позже.

Как добавить виджеты?

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

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

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

Заключение

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

Если вы хотите познать все аспекты практического использования этой платформы, то могу посоветовать курс Василия Блинова “Как создать блог”. В нем вы не только рассмотрите все эти вопросы более глубоко, но и научитесь использовать ВордПресс по-максимуму, да еще и получать от этого отдачу в виде денежных средств. Заинтересовало? Просто переходите по ссылке и записывайтесь, количество мест строго ограничено.

Мастер Йода рекомендует:  Онлайн радио для Android пошаговое руководство
Добавить комментарий