WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru

Codelobster — IDE для WordPress проектов

Предлагаю познакомится с бесплатным редактором кодов PHP, HTML, CSS, JavaScript и д.р. - Codelobster PHP Edition. Впрочем бесплатный он условно, потому что в бесплатной версии возможности ограничены и есть lite и pro версии. Однако в бесплатной версии можно очень многое, а также у вас есть 30 дней триала для использования всех возможностей бесплатно.

Codelobster представляет из себя полноценную IDE. Т.е. в нем можно редактировать как отдельные файл, так и создавать проекты, например темы или плагины WordPress. Бесплатные возможности, которые представляет Лобстер позволяют создавать проекты и пользоваться базовым функционалом программы. Это гораздо удобнее, чем делать тоже самое в каком-нибудь блокноте вроде notepad++. Удобнее потому что, создав проект у вас появляется возможности: удобно работать со всем файлами проекта; искать и заменять что-либо по всем файлам; вы видите структуру файлов и удобно можете переключаться между ними; программа показывает возможные ошибки кода; появляется контекстная документация к функциям PHP, JS, WP; появляется удобный автокомплит функций, методов, свойств и переменных во всех языках и т.д... В общем, все, что обычно предлагает полноценная IDE.

codelobster2

Важные возможности и преимущества Codelobster

  • Подсветка смешанного кода, когда в одном файле смешиваются разные типы данных HTML, PHP, CSS стили и JavaScript. Цветовые схемы можно настроить, есть стили популярных IDE.

  • Хороший автокомплит для HTML (HTML5), PHP, CSS (CSS3) и JavaScript. В PHP распознается структура проекта и выпадает весь список методов в нужных местах.

  • HTML/CSS инспектор, что-то вроде FireBug. Это позволить удобно сопоставлять выделенные элементы страницы с кодом и CSS стилями.

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

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

  • SQL менеджер позволяет производить все необходимые действия с базой данных - добавлять, удалять, редактировать структуру и записи в таблицах, экспортировать данные, выполнять SQL запросы. Для SQL файлов работает подсветка и автодопленние.

  • Поддержка FTP позволяет работать напрямую с удаленным сервером и делать все необходимые изменения, с предварительным просмотром результата.

  • Опция портабле позволяет использовать редактор без предварительной установки.

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

  • Специальные плагины для работы с:
    • CMS: WordPress, Drupal, Joomla
    • PHP фреймворками: CakePHP, CodeIgniter, Symfony, Yii, Laravel
    • JavaScript библиотекой JQuery
    • Шаблонизатором Smarty, Twig

Немного про настройки

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

Переключение IDE в кодировку UTF-8

Для этого в верхнем меню зайдите в: Инструменты > Настройки > IDE > Основное

codelobster-ex-1

Включение автокомплита для WordPress

codelobster-ex-2

Настройка темы подсветки кода

Можно конечно использовать базовую подсветку, но наверное для многих будет привычнее видеть тему расцветки кода из notepad++. Изменить тему можно в: Верхнее меню > Инструменты > Настройки > Редактор > Цвета > Цветовая схема

codelobster-settings

Настройка FTP соединения для проекта

«Лобстер» позволяет использовать популярные системы управления версиями - VCS (Version Control System), поддерживаются: GIT, SVN, TortoiseSVN, Mercurial. Для их работы нужно установить соответствующую систему (программу контроля версий) на компьютер и указать путь до программы в настройках «Лобстера». Такую настройку вы сможете легко сделать сами, если умеете работать с VCS. Описывать это тут не буду.

А сейчас я приведу пример синхронизации файлов проекта с файлами на удаленном сервере через FTP. Для этого нужно создать FTP соединение в «Лобстере»:

codelobster-ftp

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

codelobster-ftp2

Готово, теперь при нажатии в проекте на кнопку "Выгрузить", вы быстро сможете обновлять файлы проекта на сервере.

Пример создания WordPress проекта

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

Этот пример показывает как создать проект сайта на WordPres. Для этого жмем в верхнем меню: Проект > Создать проект...codelobster-create-proj

Теперь указываем данные подключения к БД и данные создаваемого сайта:

codelobster-create-proj2 codelobster-create-proj3 codelobster-create-proj4

Проект создан и выглядит он теперь вот так:

codelobster-create-proj5

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

codelobster-wp-cools

И наконец, будут доступны преимущества любого проекта: удобное переключение между файлами, поиск чего либо по всему проекту и т.д.

Видео

Установка и настройка CodeLobster

Опрос

Каким IDE или текстовым редактором пользуетесь?

* На правах рекламы

26 комментов
Полезные 2 Все