Как стать WordPress разработчиком
Приветствую!
Хотите стать WordPress разработчиком, но не знаете, с чего начать? Я знаю. И с радостью поделюсь информацией. Сожму свой 4-летний опыт разработки сайтов на WordPress и помогу вам составить дорожную карту. Интересно? Продолжайте читать. И подписаться не забудьте.
А это вообще актуально?
Еще как! WordPress — это самая популярная система управления контента. На сегодняшний день в сети есть масса информации о работе с ней и разработке сайтов с помощью нее. Сообщество разработчиков WordPress огромно, в него входят люди из всех стран мира. Так что ответ на любой вопрос вы всегда найдете.
Стоп, но это же движок для блога?
Так оно и было много лет назад, но ситуация уже давно изменилась. Существует масса расширений, которые могут превратить блог в сайт высокой сложности. Здесь нет ограничений. Миллионы доступных тем и плагинов помогут сделать это.
Блог — это та базовая функциональность, которая идет из коробки. Только вам решать, во что это в итоге превратится. Подход мне нравится. Благодаря этому только что установленный сайт на WordPress весит очень мало и быстро работает. CMS не имеет на борту ничего лишнего, от чего хотелось бы избавиться. Установка занимает меньше минуты. Вспоминаю, как около получаса ждал завершения установки 1С Битрикс, прости Господи.
Под капотом WordPress есть несколько крутых фишек. Например, REST API. По сути, ваш сайт может стать сервером для мобильных приложений или каких-нибудь сервисов с помощью использования REST-запросов. Это существенно расширяет спектр задач, которые могут быть решены с помощью WordPress.
Ну и последний, киллер-факт. WordPress популярен, но насколько?
Каждый третий сайт в интернете работает на WordPress. 3 из 5 сайтов, использующих CMS, используют WordPress. Откуда информация? С самого авторитетного сайта в интернете, пожалуй, W3C.
Я думаю, смог убедить вас, что вы выбрали достаточно перспективный вектор развития в разработке сайтов.
Ну а теперь перейдем к самой дорожной карте. Я предполагаю, что вы вообще не знакомы с разработкой сайтов и WordPress. Предполагаю, что вы абсолютный новичок в этой нише, но полны энтузиазма и решимости стать хорошим WordPress разработчиком. Запаситесь терпением и свободным временем, учиться придется много!
И вот еще, если не знаете английский, то бегом его учить. Нельзя сегодня быть разработчиком без знания английского! Даже не пытайтесь спорить, просто начинайте изучать язык.
Шаг 1. Знакомство с WordPress
В первую очередь, познакомьтесь с системой управления контентом с позиции обычного пользователя. Посмотрите админку, попробуйте разные функции, изучите продукт.
Но прежде всего WordPress необходимо установить. Скачайте его с официального сайта. Он, кстати, бесплатен.
Запомните следующее правило: скачивайте дистрибутив WordPress только с официального сайта. Почему? А чтобы быть уверенным, что код не имеет чьих-то внедрений, ведущих к угрозам безопасности.
Для работы WordPress необходимо использовать хостинг, либо развернуть локальный сервер. Я рекомендую остановиться на хостинге, т.к. локальный сервер в работе вам придется использовать не часто, только для специфических задач. К тому же, размещая разрабатываемый сайт на хостинге, вы можете показывать клиенту прогресс в реальном времени, просто дав ему ссылку.
Для наших задач вполне подойдет Beget. Сам хостинг платный, но первые 30 дней денег не требуется — дается время, чтобы освоиться и убедиться в качестве услуг. Если все устроит (а так и должно быть, этот сайт как раз хостится на Beget, меня все устраивает), то в месяц содержание сайта будет стоить от 115 рублей. Символические деньги в наше время. Кстати, у вас будет возможность хостить сразу два сайта. Например, личный сайт и технический, на котором вы ведете разработку для клиентов.
Итак, вот список того, что вы должны знать и понимать на этом шаге:
- Хостинг и работа с ним, например Beget.
- Использование FTP-клиентов, например, FileZilla.
- Использование баз данных MySQL. Создание, удаление. Первое знакомство с phpMyAdmin.
- Установка WordPress на хостинг. Хотя Beget и позволяет установить WordPress одним кликом из панели управления хостингом, но попробуйте сделать это вручную.
- Админка WordPress.
- Редактор постов Gutenberg.
- Установка тем для WordPress.
- Установка плагинов для WordPress.
На данном этапе у вас должен быть установлен дефолтный WordPress сайт. Создайте несколько постов на нем, оформите по своему вкусу. Найдите какую-нибудь бесплатную тему. Добавьте несколько плагинов для расширения функциональности. Экспериментируйте и не бойтесь совершать ошибки. Вы учитесь! Если что, WordPress всегда можно установить заново.
Шаг 2. HTML и CSS, JavaScript
Окей, пора на время отодвинуть WordPress в сторонку и научиться писать простой код. Программированием это еще назвать нельзя, но это основа, без которой дальше двигаться невозможно.
Найдите какой-нибудь курс/книгу/учебник по HTML и CSS. Изучайте информацию и применяйте полученные знания на практике.
Я бы посоветовал следующие источники:
- Марк Пиллигрим. Погружение в HTML 5
- HTML Academy
- WebReference
- Дэвид Макфарланд. Большая книга CSS3
- Эрик Майер. CSS. Каскадные таблицы стилей. Подробное руководство
- Уроки CSS
- DevTips
Освоились? Окей! На десерт приготовьтесь изучить JavaScript. Без него на ваших сайтах не будет интерактивности. Это стоит сделатть хотя бы ради того, чтобы уметь использовать технологию AJAX (помогает делать обновление элементов страницы без перезагрузки).
Используйте следующие источники:
- Дэвид Флэнаган. JavaScript. Подробное руководство
- Современный учебник JavaScript
Научитесь верстке. Найдите какой-нибудь макет посадочной страницы и попробуйте сверстать его. Знаний HTML и CSS для этого будет достаточно. А с помощью JavaScript добавьте интерактивности. Например, для плавного перемещения к определенной секции посадочной страницы при нажатии на ссылку или для открытия всплывающего окна. Вариантов может быть масса. Придумайте свои!
Шаг 3. Page Builders
База у вас уже есть. Вы можете сами верстать страницы. Но есть альтернатива. И про нее было бы неправильно не упомянуть. Это использование конструкторов страниц, так называемых Page Builders.
Это плагины, которые расширяют возможности и интерфейс при создании страниц. Что-то похожее вы уже видели, когда работали с Gutenberg.
Идея для всех Page Builders общая — предоставить визуальные инструменты для создания страниц с помощью настраиваемых блоков/модулей. По сути, чтобы сделать простую веб-страницу, знания кода и не требуется. Вообще. Знаю несколько людей, которые так и работают. Но это примитивный уровень, мы же с вами хотим стать настоящими WordPress разработчиками, которые и тему, и плагин написать могут при необходимости.
Но знать о существовании и уметь применять конструкторы страниц необходимо. Ваши клиенты часто не будут знакомы даже с HTML и CSS, появится необходимость предоставить визуальные инструменты для изменения содержимого на сайте. Вот здесь Page Builders будут как нельзя кстати.
Вот некоторые из них. Жирным выделил те, что наиболее популярны:
- Divi Builder
- Elementor
- WP Backery (бывший Visual Composer)
- Thrive Architect
Шаг 4. Веб-дизайн
Этот этап опционален, но я все же рекомендую не пропускать его. На личном опыте убедился, что это необходимо. Сейчас вот закрываю пробелы. Да и просто это прикольно и интересно. Творчество, как оно есть.
Вам нужно научиться самим создавать дизайн для сайтов. Выработать свой вкус. Заказчики часто ищут WordPress разработчиков, которые помимо всего прочего могут создать годный макет и имеют «eye for design». Но бывает по-разному.
У кого-то уже есть свой дизайнер, а кто-то хочет найти разработчика, который сможет взять эту работу на себя. Если вы планируете создавать сайты под ключ, то без умения дизайнить вам не обойтись. Здесь много плюсов. Самые очевидные из них — глубокое понимание проекта клиента и создание продукта, максимально отвечающего его запросам, а также более высокий средний чек за работу.
Рекомендую присмотреться к Adobe XD. Это классная программа, позволяющая проектировать интерфейсы. К тому же и бесплатная. Работает на разных платформах. Пожалуй, одна из топовых на рынке. Ну как этим можно не пользоваться?
Вот вам уроки по Adobe XD. Осваивайтесь.
Как только научитесь пользоваться программой, найдите несколько видео на YouTube по созданию макетов для сайта. Вдохновляйтесь и пробуйте сделать что-нибудь свое. Как только у вас получится дизайн сайта, который будет не стыдно показать заказчику, переходите к следующему шагу. Ну или сверстайте его, чтобы еще лучше закрепить навыки в HTML / CSS / JavaScript.
Шаг 5. PHP и разработка расширений для WordPress
Еще здесь? Отлично! Начинается самое интересное — программирование. Здесь вам потребуется изучить язык PHP, который позволяет генерировать динамические веб-страницы. В общем, на нем WordPress написан. И на нем пишутся расширения для этой CMS, темы и плагины.
Используйте следующие источники:
- Дмитрий Котеров, Игорь Симдянов. PHP 7
Разумеется, в процессе обучения пишите программы на PHP, знакомьтесь с языком и запоминайте лучшие практики.
Освоились? Здорово! Настало время познакомиться с WordPress Codex. Это официальная документация для разработчиков, в которой описано, как все работает и устроено, и как создавать свои расширения для CMS.
Создайте свою тему
Начните с создания своей темы. Познакомьтесь с дочерними темами и научитесь их использовать. Помните, вы изучали HTML, CSS, делали макеты сайтов в Adobe XD и верстали их? Теперь пришло время превратить вашу верстку в работающую WordPress тему.
Используйте информацию из WordPress Codex, ищите уроки на YouTube, в интернете. В общем, впитывайте все, что поможет вам написать свою тему.
Написали тему и она работает, получилось интегрировать с WordPress? Поздравляю! Двигаемся дальше.
Создайте свой плагин
Подумайте над тем, какую функциональность вы бы хотели видеть у себя на сайте? Советую начать с чего-нибудь простого, например, с создания плагина для подсчета рейтинга постов. Допустим, пользователь может поставить «лайк», либо «дизлайк». Плагин определяет процент пользователей, которым пост понравился и в соответствии с этим выводит рейтинг. Довольно просто, правда? Попробуйте реализовать!
Информации в интернете по созданию плагинов полно, но я рекомендую начать с изучения соответствующей темы в WordPress Codex. Думаю, разберетесь.
Впрочем, в будущем у меня есть идея создать несколько курсов для WordPress разработчиков:
- Базовый курс по WordPress
- Курс по созданию тем
- Курс по созданию плагинов
Ну а пока я еще этого не сделал, можете задавать свои вопросы в комментариях, если что-то вам будет непонятно. С радостью на них отвечу!
Вот и все! Если прошли весь этот путь и практиковались на каждом шаге, то можете считать себя WordPress разработчиком. Теперь вы можете создать совершенно любой сайт для своего клиента. Начиная от проектирования дизайна до создания плагинов, добавляющих специфичную функциональность. У меня на этот путь ушло около 3-4 лет. И я продолжаю учиться. А сколько он времени займет у вас?
И да, ребят. Быстро и легко не бывает. Вам придется потрудиться, но это того стоит. Желаю удачи на пути становления WordPress разработчиком и погружения в эту интересную и огромную нишу!
