WordPress уроки

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

Так как мы собираемся напрямую подключаться к нашему дисковому пространству на хостинге, нам нужен удобный интерфейс доступа.Тип программ, который обеспечивает такой интерфейс, называется FTP-клиентом (от англ. File Transfer Protocol).

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

Как и в случае другого программного обеспечения (ПО), имеется множество разных FTP-клиентов и, опять же, спросите совета у ваших друзей и знакомых или воспользуйтесь Интернетом, чтобы выбрать оптимальный вариант. Я же могу порекомендовать вам воспользоваться бесплатной кроссплатформенной программой FileZilla.

Скачайте версию для своей операционной системы и откройте приложение. Затем откройте окно «Менеджер сайтов» (горячая клавиша для вызова CMD/CTRL+S или кликните на иконку в верхнем левом углу)

Чтобы успешно соединиться с веб-хостингом, заполните следующие поля:

• Адрес хоста;
• Имя пользователя;
• Пароль.

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

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

Если вы хотите, чтобы ваше подключение было безопасным, рекомендую вам выбрать опцию «TLS через FTP» в выпадающем списке «Шифрование». Вам будет предложено разрешить доступ с сертификатом безопасности при первом подключении.

РасширенныеДиректория по умолчаниюpublic_html

Функциональные возможности WordPress

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

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

• Обработка комментариев, в том числе включение, отключение и определение максимального количества на странице.

• Создание, удаление и редактирование публикаций (записей).

• Рубрикация, расстановка меток, использование формата RSS и поиск.

• Редактирование фото и других изображений онлайн (обрезка, масштабирование, поворот и т. д.).

• Добавление нестандартных опций при помощи многочисленных виджетов и плагинов.

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

• Обработка текстов во встроенном редакторе WYSIWYG, который работает и в html-режиме, и в визуальном. Аббревиатура расшифровывается как What You See Is What You Get, что в переводе означает «что ты видишь – это то, что ты получаешь».

• Написание для своего сайта адреса, использование человеко-понятного URL (ЧПУ), выбор из многочисленных форматов.

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

Порядок использования движка

Приступая к созданию сайта WordPress, не нужно предварительно покупать домен и хостинг. Вы получите все это бесплатно на самой площадке. Итак, начнем с главной страницы по адресу https://wordpress.com/ru/.

Главная страница Вордпресс
Главная страница WordPress

Если пролистать страницу, можно обнаружить перечень тарифных планов. «Вордпресс» действительно работает бесплатно, но есть и платные тарифы, которые позволяют получить определенные возможности дополнительно к базовому пакету. Так, оплачивая доступ по тарифу Premium, пользователь может интегрировать свой сайт с аналитической системой Google Analytics, а при покупке пакета Business или eCommerce для него открывается также доступ к базе плагинов, дополнительным инструментам SEO, резервному копированию сайта и другим опциям. Но если задаться такой целью, в сети вполне можно найти массу аналогичных сервисов бесплатно. Поэтому вопрос о том, есть ли смысл оплачивать тарифные планы, остается открытым.

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

Безусловно, подключить движок можно и другими способами. Если создается свой домен, то он устанавливается на хостинг-платформе вручную. Дальше в административной панели создаем аккаунт и заходим в консоль, используя «wp-admin».

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

Шаг 1: Выбрать WordPress в качестве платформы вашего сайта

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

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

Но хватит с техническими подробностями! Как я уже сказал, существует много видов CMS — более 100, как указано в Википедии.

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

WordPress используется более чем на 32% всех веб-сайтов. Опять же, это все сайты!

(Графики по визуализатору.)

Или, иначе говоря, примерно каждый третий веб-сайт, который вы посещаете, построен на WordPress.

Вот важные детали о WordPress:

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

Одно важное различие «WordPress», о котором мы здесь говорим — это «WordPress, программное обеспечение». Вы можете перейти на сайт WordPress.org

Есть также другой вариант WordPress — «WordPress, коммерческий сервис», который вы можете посетить перейдя на WordPress.com. Мы опишем различия между ними здесь.

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

Создание темы WordPress

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

Итак, приступим к созданию собственной темы. Для начала нам понадобится создать папку с названием темы в разделе /wp-content/themes/. Я назову её it-blog. Как я уже говорил, чтобы WordPress не выдавал ошибку, внутри этой папки необходимо создать файл стилей style.css. Теперь в панели администрирования в разделе Внешний вид → Темы появится наша тема, где её можно применить к сайту, нажав кнопку активировать. Название темы будет такое же, как и название её папки. На сайте теперь конечно же будет открываться только белая страница, так как тема ещё совсем пустая.

Активация новой темы

Вы можете создать свое изображение темы, добавив файл screenshot.png в папку с темой, а в файле style.css установить название, описание, автора и другую информацию добавив в начало файла примерно такой текст:

/*
Theme Name: Progme
Version: 1.0
Description: Тема Bootstrap 4
Author: Progme
Author URI: https://it-blog.ru
*/

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

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

Оформление внешнего вида

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

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

1. В панели управления ищем раздел «Внешний вид» и выбираем пункт «Темы».

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

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

• фон и цветовую гамму (AMP);

• внешний вид заголовка;

• настройки выбранной темы;

• меню;

• отзывы;

• шрифты;

• оформление домашней страницы (статической или с последними публикациями);

• виджеты (можно добавлять и редактировать области с ними);

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

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

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

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

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

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

Как оформить внешний вид сайта

На движке WordPress предлагается множество различных тем. Большая часть из них – платные, но есть и пара десятков бесплатных. Темой называется готовое решение по оформлению ресурса (структура, навигация, дизайн, размещение различных элементов и т. д.). Каждый вебмастер может отредактировать выбранный вариант под свой проект (изменить изображения, шрифты, оформление отдельных элементов и т. д.). Расстраиваться из-за небольшого выбора бесплатных тем не стоит, так как в сети можно найти множество готовых решений от различных разработчиков. А вообще, как показывает практика, стандартных вариантов от «Вордпресса» хватает.

Итак, как изменить внешний вид сайта:

1. В консоли находим пункт «Внешний вид».
2. Жмем и выбираем подпункт «Темы».

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

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

1. Далее переходим в следующий подраздел раздела «Внешний вид» – «Настроить».
2. Здесь можно настроить основные параметры внешнего оформления ресурса:
   • свойства сайта (название, описание, логотип, фавикон, информация в футере);
   • цвета и фоновое изображение;
   • шрифты;
   • изображение заголовка;
   • меню;
   • параметры содержимого (настройка записей);
   • настройка CSS стилей (в бесплатной версии не работает);
   • виджеты (добавление и редактирование областей с виджетами);
   • настройка домашней страницы (выбор главной: последние записи или определенная статическая страница);
   • настройки темы;
   • отзывы;
   • AMP (настройка цветов дизайна).

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

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

Что необходимо изучить, чтобы работать с WordPress

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

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

• ISPmanager;

• Plesk;

• CPanel;

• Самописные варианты.

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

HTML и CSS

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

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

PHP

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

1. Дорабатывать исходные файлы темы.

2. Внедрять собственные пользовательские функции.

3. Использовать нестандартные методы решения некоторых задач.

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

Фреймворки

Часто в WordPress используются фреймворки вроде Bootstrap, jQuery, React и других. Зависит от специфики темы, которую применяете. jQuery вообще идет по умолчанию. Именно с помощью них можно реализовать такие вещи, как отслеживание отправки форм, адаптивную верстку, ajax-события.

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

Технологии WP

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

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

Как воспользоваться платформой

Для того чтобы начать пользоваться данной CMS, даже не нужно заранее покупать хостинг и домен. Сервис вам все предоставит бесплатно. Для начала переходим на главную страницу WordPress – https://ru.wordpress.com

Проскроллив немного вниз, можно сразу увидеть тарифы данной системы. Да, у WP есть и платные тарифы. И в зависимости от выбранного пакета вы получаете те или иные дополнительные возможности. Например, при оплате тарифного пакета «Business» сайт интегрируется с системой веб-аналитики Google Analytics. Но опять же, если хорошо «покопаться» в интернете, можно установить данный сервис самому бесплатно. Поэтому целесообразность покупки платных тарифов CMS WordPress остается под вопросом.

Итак, что делать дальше, чтобы создать свой собственный сайт:

Из множества платных вариантов WordPress всегда будет предлагать один бесплатный. Но он будет с дополнительной приставкой. В нашем случае – «news». В вашем – может быть любая другая. Плюс основное имя немного изменилось: добавилось «called» в начале. Так как у нас нет денег на покупку собственного домена, соглашаемся с этим вариантом. Если же вы не хотите подобных приставок, можете оплатить более понравившийся вариант. А еще более хорошим решением будет покупка собственного домена на какой-нибудь хостинг-платформе. Там, в отличие от предложений WP, домен в зоне .ru обойдется всего в 200 руб./год.

1. После того как мы определились с доменом ресурса, нам предлагают выбрать одну из платных версий. Но мы ведь не зря используем именно CMS WordPress. Поэтому жмем «Start with a free site» (бесплатно).

1. Готово! Сайт создан, остается только отредактировать его под свои нужды.

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

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

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

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

Как я пошагово готовил CMS WordPress для запуска своего блога:

• Зарегистрировал хостинг на Beget. Там же подобрал домен. К слову, чем короче домен в символах, тем лучше.
• Установил WordPress. Очень удобно это сделать именно на этом хостинге. Буквально нажатие одной кнопки, и через 3 минуты CMS была установлена без танцев с бубнами.
• После была выбрана и приобретена тема для WordPress от WPShop Reboot. Установка не заняла много времени, тем более есть подробные инструкции.
• Добавлены все необходимые бесплатные дополнения для WordPress: безопасности, seo, оптимизации кода, генерации ЧПУ, кеширования.
• Так как сайт информационный, то для экспертных статей был приобретен плагин Expert Review. В нем есть все необходимое: блок эксперта, лайки, плюсы и минусы, рейтинги, F.A.Q. Весьма хорошее дополнение для cms WP.
• Далее для удобства скачан и установлен специальный плагин перелинковки. Он тоже платный.
• Настроил цвета, рубрики, шрифты и другие важные параметры визуализации контента в ранее купленной теме.
• Начал писать статьи. Тут, конечно, надо знать, как писать. Для этого использую так называемый LSI-копирайтинг. Ведь задача простая – написать крутую и лучшую статью так, чтобы попасть в ТОП выдачи по запросу. Как результат – получить трафик. Ниже вы можете увидеть срез по позициям статей в выдаче Яндекса.

Позиции в поиске

Сайт на WordPress довольно молодой, ему всего чуть больше месяца. Результаты вы видите.

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

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

Вадим Сигналов
Владелец блога mrkblog.ru. Опыт в интернет-маркетинге и seo-оптимизации более 5 лет.

Подробнее

Да, написание текстов под поисковые системы требует определенных знаний и навыков. Это под силу любому, так как LSI-копирайтинг – это навык, а не дар. Статьи или посты по содержанию и стилистике в соцсетях отличаются от LSI, так как они не заточены под поисковики. Если у вас трудности с установкой или настройкой WordPress, и вы хотите действительно научиться писать статьи, которые попадут в ТОП выдачи поисковых систем, напишите мне, и мы это обсудим. Желаю вам успехов!

Спасибо, это полезно4

С ЭТИМ ИЩУТ:

seo простыми словамималоценные страницы в wordpress

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

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

WordPress.org – это приложение с открытым исходным кодом, написанное на PHP и MySQL. Вы можете скачать множество тем и плагинов с этой платформы. Другими словами, wordpress.org – это ваш источник тем и плагинов. Пользователи могут установить WordPress на свой хост, загрузив свои файлы с этого сайта. если кто-то хочет иметь веб-сайт WordPress, он должен использовать эту платформу.

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

Возможности Вордпресс

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

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

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

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

√ Советую, прочитайте мою статью — «Как Заработать на своем блоге в Интернете новичку»

Курсы WordPress: обзор программ

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

Курсы WordPress от Geekbrains

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

Бесплатное обучение WordPress от Geekbarins

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

Курсы от МГТУ им.Баумана

Знаменитая “Бауманка” разработала профессиональный курс по WordPress, изучать который можно как в очном формате, так и дистанционно. Курс разделён на несколько уровней: на первом этапе, как и в случае с курсом от GeekBrains, изучаются основы работы с WordPress, готовыми темами и плагинами.

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

Стоимость обучения: от 11 000 до 52 500 рублей.

Англоязычные курсы WordPress

На Западе, как это часто бывает, обучение WordPress развито гораздо лучше. И это не удивительно — репутация платформы там немного выше. Многие крупные компании не боятся использовать эту CMS в своих проектах. По данным портала W3techs.com из 1000 самых популярных сайтов в мире более трёхсот работает на WordPress.

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

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

Стоимость обучения: от $20 до $200