Хорошую тему под WP можно создать разными способами и с разным инструментарием. Настоящему Гуру кроме блокнота и фотошопа ничего не нужно, но большинству из нас все же не обойтись без хороших виртуальных помощников. В этом посте расскажу Вам о тех программах, плагинах и онлайн сервисах, которые мне помогают в разработке тем.
Плагины для разработчика тем под WordPress:
- Свежеустановленная версия WordPress. (без комментариев)
- WordPress Importer — плагин для импорта демо записей. Можно установить через «Инструменты» — «Импорт», ссылка «WordPress». Нужен в том числе и для того, чтобы загрузить ю Юнит текст.
- Theme Unit Test (Юнит текст) — Это файл экспорта с дефолтными (стандартными) данными, служащий для того, чтобы убедиться в правильном отображении постов, рубрик и тд. Своего рода Lorem ipsum, созданный специально для WP. Настоятельно рекомендую устанавливать именно эти данные в том случае, если Вы пишите тему под репозиторий Вордпреса, поскольку модераторы будут проверять Вашу тему на соответствие ряду правил, в том числе и с использованием данных Unit Test.
- Theme Check — плагин просканирует Вашу тему на наличие ошибок и недостающих элементов. Последние версии плагина переведены на русский.
- Log Deprecated Notices — простой и полезный плагин, который выявляет устаревшие функции ядра, которые использует тема, а также функции, которые в скором времени будут упразднены.
- Debug Bar — добавит в правый верхний угол админкни раздел отладки.
Программы для разработчика тем под WordPress:
- Visual Studio Code — лучший редактор с подсветкой кода. Прекрасно работает в сочетании с GitHub и Composer.
- GitHub — даже если сейчас вы не понимание нафига она надо, поверьте, надо. В сочетании Visual Studio Code и Composer, даже если вы работаете один, скорость разработки и внесения изменений в код будет кратно выше, благодаря подсветке правок и сравнении версий.
- Notepad++ — менее функциональный аналог Visual Studio Code.
- Фотошоп — как ни крути, а макеты где-то нужно нарезать))
- Браузеры Хром, Мозила, Опера, IE.
Плюшки-финтифлюшки:
- Иконочный шрифт Font Awesome. Можно, конечно использовать еще IcoMoon, но мне ближе первый
- Animate.css — различные эффекты при прокрутке, появлении, наведении и тп. Блоки прыгают, выскакивают, крутятся. Хорошая библиотека, чтобы не изобретать велосипед. Разумеется, что не панацея — в некоторых случаях можно и самому дописать пару штук.
- Bootstrap — использую крайне редко (когда клиент попросит) по причине того, что не люблю в код тянуть лишнее.
- jQuery chained — легкий скрипт для создания зависимых списков select. Из минусов — пока не работает с чекбоксами, впрочем, время экономит в любом случае и вести пару киллобайт.
Онлайн сервисы для разработки шаблонов:
- quirktools.com — инструмент для проверки отображения сайта на разных устройствах. Главным образом применяю для проверки адаптивной верстки в довесок к FireBug-у браузера.
- browserling.com — при помощи скриншотов покажет, как выглядит сайт на разных устройствах и в разных браузерах
- Тестирование регулярных выражений с подсветкой выборки. Чаще требуется при разработке плагинов, но бывает надобится и для тем:
easyregexp.ru — хорош по js и php регуляркам;
regexr.com — по работает только с js регулярками, но обладает более наглядной подсветкой кода.
regex101.com — также неплохо справляется с тестированием регулярок, в том числе и для notepad++. - codepen.io — проверить работу отдельных кусков кода онлайн, а также найти готовые решения от лучших разработчиков в мире — вот чем ценен этот сайт!
- color.adobe.com - онлайн сервис определения контрастности. Удобно при составлении цветовых схем для сайта.
- atuin.ru - генератор оттенков.
Онлайн сервисы для оформления кода:
highlight.hohli.com - данный сайт позволяет красиво оформить код и подготовить его к вставки в блог.
dumpz.org - еще один аналогичный сайт.
Также весьма полезны
И еще два сайта про которые я хотел рассказать. Напрямую к разработке тем они не относятся, но вот при ведении проекта под ключ, когда приходится иметь дело с копирайтерами и текстами — могут понадобиться:
content-watch.ru — проверка уникальности текста онлайн.
text.ru — сервис для подсчета знаков в тексте онлайн.
На этом пожалуй все. В следующей теме я представлю Вам про подборку плагинов, которые время от времени применяю для решения тех или иных задач.
