Руководство для начинающих по редактору тем WordPress + 5 бесплатных плагинов для редактора кода

Редактор тем WordPress — это простой текстовый редактор, расположенный на панели инструментов WordPress в разделе «Внешний вид» «Редактор».

Редактор тем WordPress позволяет вам изменять файлы темы WordPress из панели управления WordPress (область администратора).

Вы можете редактировать файлы активной темы или выбрать любую другую установленную тему в раскрывающемся меню « Выбрать тему для редактирования ».

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

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

Например, если вы напрямую модифицировали файл styles.php, ваши настройки поначалу будут работать нормально.

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

Как настроить темы WordPress?

Если вы хотите добавить к своим темам пользовательский CSS или Javascript, вы можете установить пользовательские плагины CSS/JavaScript.

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

Плагины Custom CSS и Custom javascript просты в использовании, и вы не потеряете свои изменения при обновлении тем.

Вы также можете использовать инструменты разработчика Chrome для редактирования тем. Прочтите, как редактировать темы WordPress с помощью Chrome Dev Tools.

Как добавить стрелку в меню без использования JavaScript или JQuery. Это пошаговое руководство для начинающих, чтобы узнать, как работает тема WordPress.

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

Настройте темы WordPress с помощью дочерних тем

Дочерняя тема — это лучший и рекомендуемый метод настройки любой темы WordPress. Вы можете сделать столько изменений, сколько захотите.

Например, мы используем сильно настраиваемую дочернюю тему в JustLearnWP. Родительская тема TwentySixteen, но наша дочерняя тема выглядит совершенно иначе.

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

Прочтите эту статью, чтобы узнать, почему дочерние темы важны.

Существует два способа создания дочерних тем. Использование плагинов дочерних тем или создание дочерних тем вручную.

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

Вы также можете настроить сайт WordPress локально на своем компьютере, используя WAMP Server и Bitnami Server. С локальным сайтом WordPress вы можете быстро и легко тестировать новые плагины, темы, и вам не нужно постоянное подключение к Интернету.

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

Плагины редактора тем WordPress

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

Вот несколько популярных плагинов редактора тем для WordPress.

1. Редактор WP

С более чем 100 000 активных установок это один из самых популярных плагинов для редактирования WordPress. Для этого требуется WordPress 3.0 или выше.

WP Editor заменит стандартные редакторы плагинов и тем, а также редактор страниц/сообщений на панели инструментов WordPress.

WP Editor использует интеграции CodeMirror и FancyBox для создания многофункциональной среды, WP Editor полностью перерабатывает стандартные возможности редактирования файлов WordPress.

Возможности редактора WP:

• КодЗеркало
• Подсветка активной линии
• Номера строк
• Перенос строки
• Восемь тем редактора с подсветкой синтаксиса
• Полноэкранное редактирование (ESC, F11)
• Текстовый поиск (CMD+F, CTRL+F)
• Индивидуальные настройки для каждого редактора
• FancyBox для просмотра изображений
• Файловый браузер AJAX
• Список разрешенных расширений
• Простой в использовании раздел настроек

Скачать WP-редактор

2. Расширенный редактор кода

Это еще один очень популярный плагин с более чем 100 000 активных установок.

Плагин Advanced Code Editor, включает подсветку синтаксиса в редакторах исходного кода интегрированных тем и плагинов и поддерживает PHP, HTML, CSS и JavaScript.

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

Расширенные функции редактора кода

• Smart Search (строка или регулярное выражение) и Search and Replace.
• Полноэкранный редактор, включающий 11 тем для редактора.
• Множественная отмена и повтор действий (редактор запоминает все изменения) и автозаполнение с более чем 3500 функциями WordPress.
• Протестировано и работает с IE8,9,10 FF3.6 и выше, Chrome 8 и выше.
• Ajax создает, удаляет, сохраняет файлы и папки.
• Кнопка загрузки файла, темы или плагина.
• Вывод/ввод комментариев и встроенная система контроля версий.

Скачать расширенный редактор кода

3. WPide

Это еще один бесплатный плагин с множеством дополнительных функций. Для WPide требуется WordPress 3.0 или выше.

По словам его разработчика, WPide — это редактор кода WordPress, долгосрочная цель которого — стать идеальной средой для кодирования / разработки тем и плагинов WordPress.

С помощью этого бесплатного плагина вы сможете редактировать любые файлы в вашем каталоге wp-content, а не только плагины и темы.

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

Вы также можете редактировать несколько параллельных файлов с помощью редактора с вкладками.

Текущие особенности:

• Нумерация строк, подсветка синтаксиса и поиск+замена
• Автозаполнение кода для функций WordPress и PHP вместе с описанием функции, аргументами и возвращаемым значением, где это применимо.
• Автоматическое резервное копирование каждого файла, который вы редактируете
• Используйте файловый браузер, чтобы переименовывать, удалять, загружать, архивировать и распаковывать файлы (например, вы можете загрузить заархивированную версию всей темы)
• Создание новых файлов и каталогов

Скачать WPide

4. Микротемер Лайт

Вы хотите настроить их, но ничего не знаете о HTML, CSS или PHP. Вы можете использовать бесплатный плагин Microthemer Lite для настройки тем.

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

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

Microthemer Lite — это бесплатная версия, предлагающая полные функции редактирования и такую ​​же поддержку клиентов, которую платят клиенты.

Бесплатная версия ограничивает вас редактированием/созданием 9 «селекторов», например

Название сайта.
Описание сайта.
Изображение или все изображения.
Ссылка или все ссылки.
Поле ввода поискового сайта.
Кнопка поиска по сайту.
Пост/страница.
Боковая панель.
Нижний колонтитул.

Или любые другие 9 элементов, которые вы выберете, это просто примеры.

Скачать Microthemer Lite

5. Редактор тем Solid Code

Этот бесплатный плагин добавит расширенный редактор тем с улучшенным древовидным представлением файлов и папок темы и некоторыми дополнительными функциями.

Особенности и основные моменты:

Просмотр любых файлов тем в древовидной структуре (включая подкаталоги)
Просмотр всех файлов (не только PHP и CSS)
Отредактируйте следующие расширения файлов: LESS, PHP, CSS, JS, XML, HTML, HTM, TXT, SQL.
Подсветка синтаксиса и номера строк
Загрузите ZIP-архив всей темы
Скачать отдельные файлы
Создавать и удалять файлы

Это все

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

Используете ли вы плагин WordPress Code Editor, поделитесь с нами своим любимым плагином. Добавьте свои комментарии ниже.