Уроки по WordPress

Инструменты для разработки качественной темы под WordPress

Хорошую тему под WP можно создать разными способами и с разным инструментарием. Настоящему Гуру кроме блокнота и фотошопа ничего не нужно, но большинству из нас все же не обойтись без хороших виртуальных помощников. В этом посте расскажу Вам о тех программах, плагинах и онлайн сервисах, которые мне помогают в разработке тем.

Плагины для разработчика тем под WordPress:

  1. Свежеустановленная версия WordPress. (без комментариев)
  2. WordPress Importer — плагин для импорта демо записей. Можно установить через «Инструменты» — «Импорт», ссылка «WordPress». Нужен в том числе и для того, чтобы загрузить ю Юнит текст.
  3. Theme Unit Test (Юнит текст) — Это файл экспорта с дефолтными (стандартными) данными, служащий для того, чтобы убедиться в правильном отображении постов, рубрик и тд. Своего рода Lorem ipsum, созданный специально для WP. Настоятельно рекомендую устанавливать именно эти данные в том случае, если Вы пишите тему под репозиторий Вордпреса, поскольку модераторы будут проверять Вашу тему на соответствие ряду правил, в том числе и с использованием данных Unit Test.
  4. Theme Check — плагин просканирует Вашу тему на наличие ошибок и недостающих элементов. Последние версии плагина переведены на русский.
  5. Log Deprecated Notices — простой и полезный плагин, который выявляет устаревшие функции ядра, которые использует тема, а также функции, которые в скором времени будут упразднены.
  6. Debug Bar — добавит в правый верхний угол админкни раздел отладки.

Программы для разработчика тем под WordPress:

  1. Notepad++ — лучший редактор с подсветкой кода.
  2. Фотошоп — как ни крути, а макеты где-то нужно нарезать))
  3. Браузеры Хром, Мозила, Опера, IE.

Плюшки-финтифлюшки:

  1. Иконочный шрифт Font Awesome. Можно, конечно использовать еще IcoMoon, но мне ближе первый
  2. Animate.css — различные эффекты при прокрутке, появлении, наведении и тп. Блоки прыгают, выскакивают, крутятся. Хорошая библиотека, чтобы не изобретать велосипед. Разумеется, что не панацея — в некоторых случаях можно и самому дописать пару штук.
  3. Bootstrap — использую крайне редко (когда клиент попросит) по причине того, что не люблю в код тянуть лишнее.
  4. jQuery chained — легкий скрипт для создания зависимых списков select. Из минусов — пока не работает с чекбоксами, впрочем, время экономит в любом случае и вести пару киллобайт.

Онлайн сервисы для разработки шаблонов:

  1. quirktools.com — инструмент для проверки отображения сайта на разных устройствах. Главным образом применяю для проверки адаптивной верстки в довесок к FireBug-у браузера.
  2. browserling.com — при помощи скриншотов покажет, как выглядит сайт на разных устройствах и в разных браузерах
  3. csstemplater.com — Генератор html+css структуры шаблона. Если на скорую руку нужно составить скелет сайта — советую использовать . Лишнего в код не тащит. А минут 10-15 сэкономит точно))
  4. Тестирование регулярных выражений с подсветкой выборки. Чаще требуется при разработке плагинов, но бывает надобится и для тем:
    easyregexp.ru — хорош по js и php регуляркам;
    regexr.com — по работает только с js регулярками, но обладает более наглядной подсветкой кода.
    regex101.com — также неплохо справляется с тестированием регулярок, в том числе и для notepad++.
  5. codepen.io — проверить работу отдельных кусков кода онлайн, а также найти готовые решения от лучших разработчиков в мире — вот чем ценен этот сайт!

Онлайн сервисы для оформления кода:

highlight.hohli.com — данный сайт позволяет красиво оформить код и подготовить его к вставки в блог.

dumpz.org — еще один аналогичный сайт.

Также весьма полезны

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

content-watch.ru — проверка уникальности текста онлайн.
vipkontent.ru — сервис для подсчета знаков в тексте онлайн.

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


2017-02-02 | | 1 Комментарий |

Альтернативный заголовок изображения

Комментарии к посту «Инструменты для разработки качественной темы под WordPress»

  1. Наталья | в 13:40

    А еще Developer plugin является чрезвычайно полезным инструментом, который помогает улучшить темы и плагины.

Добавить комментарий

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