Лучшие редакторы кода для WordPress разработчиков

Дата публикации:Март 5, 2018

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

Что приходится делать при создании сайтов на WordPress? Не только редактировать PHP файлы. Нужно быть и программистом и WEB-дизайнером, иметь навыки работы с HTML, CSS и JavaScript, так как это обязательно для успешного WEB-программиста.

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

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

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

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

Предлагаю вам познакомиться с этими замечательными программами.

SublimeText

Sublime Text – это быстрый текстовый редактор с модным пользовательским интерфейсом. Он прекрасно поддерживает синтаксис HTML, CSS и JavaScript без дополнительных плагинов.

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

Запустим программу и перейдём в главное меню “Tools” -> “Install Package Control…”. Package Control – это пакет позволяющий управлять другими плагинами.

После этого можно загружать, устанавливать и удалять плагины. Для запуска Package Control переходим в главное меню “Preferences” -> “Package Control”.

Чтобы программа загрузила список доступных модулей, нужно выбрать из списка или ввести с клавиатуры команду “Install Package”.

Введём в строку поиска “WordPress” и таким образом отфильтруем плагины, специфичные для этой CMS.

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

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

Например, кликнем правой кнопкой мыши по функции и из контекстного меню выберем “WordPress Codex” -> “Search Selection”, чтобы просмотреть онлайн справку по ней.

Есть ещё несколько популярных расширений, на которые стоит обратить внимание, например:

  • WordPress snippets – предоставляет коллекцию сниппетов для программистов WordPress.
  • WordPress New Project Config – помогает создать и настроить новый проект по CMS WordPress.
  • Genesis – облегчит работу создателям тем для WordPress, которые используют дочерние темы Genesis.

 

Atom

Atom – это ещё один текстовый редактор со множеством продвинутых функций и красивым оформлением. Он позиционирует себя как IDE и успешно конкурирует с другими подобными программами, такими как Sublim Text и Rapid PHP.

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

Запускаем Atom и переходим в главное меню “File” -> “Settings”. В открывшейся вкладке настроек щёлкнем по пункту “Install”.

Теперь, чтобы найти новые пакеты, вводим ключевое слово “wordpress” в поле для поиска и жмём “Enter”. Можно также кликнуть по кнопке “Packages”.

В появившемся списке выберем для примера один из популярных пакетов – Autocomplete WordPress Hooks. Это расширение поможет разработчику обеспечивая автодополнение WordPress Actions и Filters.

Находим пакет в списке и нажимаем кнопку “Install”. Через минуту мы увидим, что пакет установлен.

Теперь проверяем функциональность добавленного модуля. Начинаем вводить название функции и жмём Ctrl + Space.

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

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

Например, можно установить следующие дополнения:

  • WordPress API – это дополнение значительно ускорит процесс разработки WordPress, предлагая полезные сниппеты.
  • WordPress Dictionary for Atom – добавляет сниппеты для всех WordPress функций, в том числе для Actions и Filters.

 

Rapid PHP

Rapid PHP – так же неплохой редактор с поддержкой PHP, HTML, CSS и JavaScript. Успешно совмещает функциональность настоящей IDE с высокой скоростью работы.

Не требователен к ресурсам, имеет встроенный PHP дебаггер, поддерживает HTML5, CSS3 и несколько фреймворков, в том числе и WordPress.

Для более высокой производительности работа с фреймворками отключена по умолчанию. Чтобы включить поддержку WordPress переходим в главное меню “Options” -> “Frameworks”.

В появившемся списке можно выбрать одну или несколько библиотек, с которыми предстоит работать. В данном случае выбираем WordPress и жмём “OK”.

На следующем шаге создадим проект, для чего переходим в главное меню и выбираем “Project” -> “New Project”.

Теперь вводим имя проекта и путь к файлам проекта. В данном примере укажем папку с установленной WordPress.

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

Rapid PHP предлагает программисту воспользоваться функцией автодополнения при нажатии клавиш Ctrl + Space.

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

Если в процессе работы вам понадобится воспользоваться онлайн справкой по какой-либо PHP функции, достаточно установить курсор на её название и нажать клавишу F1. Страница со справкой будет отображаться в установленном в системе браузере.

CodeLobster

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

Имеет редактор PHP, HTML, CSS и JavaScript с автодополнением и автозавершением.

Позволяет работать с базами данных непосредственно из среды IDE, редактировать PHP файлы на локальном компьютере и на удалённом сервере с помощь FTP.

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

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

Например, чтобы создать проект, переходим в главное меню “Project” -> “Create Project…”.

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

Выбираем “Create Empty WordPress Site”, вводим название и указываем расположение директории для установки. Затем запускается мастер создания сайта на WordPress.

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

После нажатия кнопки “Finish” будет установлен актуальный дистрибутив WordPress и создан новый проект, можно сразу приступить к работе.

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

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

Чтобы воспользоваться автодополнением, просто начните вводить название функции и нажмите Ctrl + Space.

CodeLobster включает плагин WordPress в своей профессиональной версии. Что позволяет разработчику быстро начать работу с этой CMS, так как дополнительной установки не требуется.

PhpStorm

PhpStorm – это PHP IDE со множеством удобных функций для веб-разработчика. Эта среда программирования построена на платформе IntelliJ IDEA и унаследовала все возможности родительской платформы.

Для WordPress программистов в дистрибутиве поставляется специальный плагин интеграции IDE с WordPress.

Чтобы начать работать, нужно зарегистрировать WordPress в программе. Запускаем PhpStorm и переходим в главное меню “File” -> “Settings…”.

В настройках находим раздел “Languages & Frameworks” и выбираем пункт “PHP”. Затем во вкладке “Include Path” нажимаем кнопку со знаком плюс и указываем путь к установленной CMS.

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

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

В окне настроек программы переходим “Editor” -> “Code Style” -> “PHP”.

Кликаем по ссылке “Set from…” и из выпадающего списка выбираем пункт “Predefined Style” -> “WordPress”.

Чтобы сохранить настройки жмём “OK”.

Теперь рассмотрим создание нового проекта. В главном меню нужно выбрать пункт “File” -> “New Project…”.

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

Выбираем расположение проекта в папке с WordPress. После чего нажимаем “Create” – таким образом мы создаём проект на основе уже существующих исходных файлов.

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

Чтобы использовать автодополнение, начинаем вводить имя функции и нажимаем Ctrl + Space.

Достаточно установить курсор на имя функции и нажать Ctrl + Q для получения динамической справки по этой функции.

IDE поддерживает WordPress Actions и Filters. При нажатии Ctrl + Space можно быстро получить динамическую подсказку по существующим параметрам.

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

Что же выбрать? Простой и легковесный текстовый редактор, например Rapid PHP, или сложную IDE, такую как PhpStorm?

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

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

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

  1. vovasik says:

    CodeLobster, Rapid PHP – господь милостивый

  2. director says:

    VS Code

    по минимальному потреблению ресурсов, интуитивности, удобству, кол-ву бесплатных расширений
    конкурентов нет

    • wordpress из коробки не подхватывет большие файлы с трудом открывает рефакторинга нормального нет да и подстветка синтаксиса могла быть получше, не говоря уже о том что там как то визуал студио затисался и microsoft что само по себе вызывает не приятные эмоции как и бесплтаные расширения которые нормально не работают )) лучше уже заплатить $15 за подписку на нормальную IDE рассово правильную и я не на CodeLobster намекаю

  3. рб says:

    Sublime Text для линукс, Notepad++ для винды.

  4. Пробовал Атом и Брекетс адобовский – оба показались очень сырыми, много багов, постоянно падают. В итоге уже года три разрабатываю в Visual Studio Code – на мой взгляд, самый удобный, стабильный редактор.

  5. Kowalski says:

    Как ни крути, но постоянно возвращаюсь к Notepad++

  6. Надежда says:

    Подскажите, пожалуйста, есть ли возможность создать проект сайта на WordPress в Notepad++, чтобы отображалась вся файловая структура, как в CodeLobster?

  7. Надежда says:

    Роман, спасибо за наводку!

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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