Полезное

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

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

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

Но эта открытость имеет свою цену: вы можете легко потратить столько много времени на настройку конкретного сайта, что попросту переоцените свои шансы и даже потеряете деньги.

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

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

Инструменты дизайна

Темы и фреймворки

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

#1: Theme Check

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

#2: Underscores

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

#3: Avada

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

#4: What WordPress Theme Is That

Онлайн-инструмент, который распознает темы и плагины любого сайта WordPress. Все, что вам нужно сделать, это ввести URL, и инструмент скажет вам, какие темы и плагины использует интересующий вас сайт.

#5: Creative Market

Creative Market содержит более 3700 различных тем WordPress, каждая из которых совместима с GPL. Вы можете найти идеальную тему здесь или получить идеи для создания своей собственной.

#6: StudioPress

Тематическая студия и торговая площадка. Они также продают фреймворк Genesis, который считается одним из лучших на рынке.

#7: Theme Inspector

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

#8: WP Rollback

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

Элементы

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

#9: IcoMoon

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

#10: Font Awesome

Центр с открытым исходным кодом для шрифтов и иконок. Вы можете использовать их в качестве шаблона для разработки собственных пользовательских шрифтов или просто использовать как есть.

#11: Thrive Architect

В Thrive Architect много инструментов для конвертации, таких как таймеры обратного отсчета и отзывы дизайнеров.

#12: Sketch

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

#13: Unsplash

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

#14: uilang

Простой UI-ориентированный язык программирования для манипулирования CSS-классами. Он позволяет создавать пользовательские компоненты пользовательского интерфейса, которые реагируют на нажатие кнопки, переключателя или вкладки.

#15: Attachments

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

#16: Google Fonts

Этот каталог почти 900 различных веб-шрифтов с открытым исходным кодом доступен для поиска по типу и языку. Использование собственного шрифта может придать вашим сайтам уникальный внешний вид.

#17: Dimensions

Нужно узнать точный макет сайта? Это расширение Chrome измеряет расстояния между элементами на сайте, отслеживая движения мыши.

#18: MeasureIt

Как и Dimensions, это расширение Firefox может помочь вам определить размеры страницы. Он рисует линейку на вашем экране, чтобы указать вам в пикселях ширину, высоту или выравнивание элементов страницы.

#19: Thrive Clever Widgets

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

#20: Add Admin CSS

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

#21: Cookie Consent

Плагин, который создает страницу политики cookie, связанную с панелью уведомлений о согласии cookie. Это делает соблюдение ЕС быстрым и простым.

#22: NextGEN Gallery

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

#23: Dynamik Website Builder

Дочерняя тема Genesis, которая добавляет сотни инструментов стилей на вашу панель WordPress, устраняя необходимость кодировать эти элементы.

#24: Infogram

Плагин для создания интерактивных и полностью отзывчивых диаграмм, инфографики и карт. Если вы разрабатываете сайты, которые сильно зависят от данных, это может стать огромной экономией времени.

#25: WhatFont Chrome Extension

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

#26: Advanced iFrame

Плагин, который позволяет использовать шорткод ‘[advanced_iframe]’ для включения веб-страниц через iframe; он доступен как в бесплатных, так и в pro-версиях. Вы также можете изменить результирующий кадр, чтобы создать только правильный вид.

Оптимизация и маркетинг

Поисковая оптимизация (SEO) помогает гарантировать, что ваши красивые сайты получают много трафика, а маркетинговые инструменты заставляют посетителей нажимать кнопку «купить».

#27: Thrive Headline Optimizer

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

#28: AB Press Optimizer

Плагин, который интегрирует A/B-тестирование для различных элементов сайтов WordPress. A/B-тестирование крайне важно для улучшения посещаемости сайта и привлечения правильных посетителей.

#29: Thrive Ultimatum

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

#30: Yoast SEO

Этот популярный плагин помогает управлять заголовками страниц, мета-описаниями и ключевыми словами, а также в целом оптимизировать ваши сайты. Обратная связь Yoast SEO указывает на области, которые нуждаются в улучшении, чтобы вы могли видеть, что вам нужно делать по-другому в будущем.

#31: Thrive Leads

Плагин, который может обеспечить выполнение широкого спектра задач по генерации потенциальных возможностей на вашем сайте WordPress — от выборочных форм с помощью перетаскивания до тестирования A/B.

#32: Google XML Sitemaps

Упростите для Google и других поисковых систем сканирование ваших сайтов, установив XML-карту сайта. Этот бесплатный плагин генерирует одну из них для вас автоматически.

#33: Google Analytics для WordPress

Плагин, который подключает Google Analytics к вашему сайту и отображает панель аналитики в WordPress; он поставляется как в бесплатной, так и в платной версиях.

Инструменты разработки

Интегрированная среда разработки (IDE)

Любая разработка программного обеспечения становится намного проще, если у вас есть правильная интегрированная среда разработки (IDE). Вот некоторые из лучших вариантов для разработчиков WordPress.

#34: PhpStorm

Надежная IDE, которая может автоматически определять, является ли ваш проект сайтом WordPress и ускоряет работу вместе с полномасштабным завершением кода для встроенных функций WordPress. Он поддерживает PHP, JavaScript, HTML и CSS.

#35: Aptana

Эта IDE с открытым исходным кодом поддерживает HTML, CSS, JavaScript, PHP и Ruby. Хотя она не предназначена специально для WordPress, она является хорошим выбором для написания веб-приложений с надежным отладчиком и встроенным браузером предварительного просмотра.

#36: AceIDE

Он включает в себя общие функции IDE, такие как завершение кода, поиск и замена, а также подсветка синтаксиса.

Кодирование

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

#37: WP-CLI

Интерфейс командной строки, который позволяет вам делать практически все, что вы можете делать в админке WordPress, и несколько вещей, которые вы не можете.

#38: GenerateWP

Пакет веб-инструментов берет ваш ввод и превращает его в допустимые фрагменты кода WordPress различных типов. Большинство инструментов бесплатны для использования, но некоторые требуют премиального членства.

#39: Freelancer DevKit

Плагин для создания дочерних тем, который также предоставляет интерфейс «рoint-and-click» для адаптивного дизайна. Все больше и больше посетителей используют мобильные телефоны и планшеты при просмотре страниц, поэтому адаптивный дизайн является важным компонентом для любого сайта.

#40: Advanced Custom Fields

Плагин, который позволяет добавлять пользовательские поля на экраны редактирования WordPress; он поставляется как в бесплатной, так и в pro-версии. Возможность добавлять и удалять поля по желанию может значительно ускорить разработку шаблонов.

#41: Coda 2

Текстовый редактор с мощным интегрированным управлением файлами и несколькими утилитами, включая валидатор HTML и встроенный отладчик.

#42: Genesis Extender Plugin

Если вы используете платформу Genesis, рассмотрите возможность добавления этого плагина: он включает в себя различные пользовательские инструменты кодирования, в том числе внешний CSS-компоновщик.

#43: Monster Widget

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

#44: WordPress Plugin Boilerplate

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

#45: Bedrock

Еще один шаблон, Bedrock, изменяет стандартную структуру установочного файла WordPress для упрощения настройки и повышения безопасности. Он включает в себя Composer и менеджер зависимостей PHP.

#46: Advanced CSS Editor

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

Отладка

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

#47: Chrome DevTools

Это дополнение для браузера Chrome позволяет редактировать любую страницу на лету. В комплект также входит отладчик.

#48: Firebug

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

#49- #57: Debug Bar

Добавьте меню отладки в панель администратора WordPress, любезно предоставленное этим плагином. Вы можете дополнительно улучшить панель отладки, установив следующие плагины: Debug Bar Console, Debug Bar Shortcodes, Debug Bar Constants, Debug Bar Post Types, Debug Bar Cron, Debug Bar Actions and Filters Add On, Debug Bar Transients и Debug Bar Remote Requests.

#58: Query Monitor

Плагин, который добавляет удобную для разработчика панель инструментов в WordPress для мониторинга запросов к базе данных и аналогичных действий. Это особенно полезно для отладки AJAX и REST API.

#59: Advanced Cron Manager

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

#60: User Switching

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

#61: Log Deprecated Notices

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

#62: WordPress Log Viewer

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

Тестирование

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

#63: RTL Tester

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

#64: Duplicator

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

#65: FakerPress

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

#66: Reset WP

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

#67: Export Database

Бесплатный плагин, который экспортирует базу данных WordPress, в виде SQL или ZIP, одним нажатием кнопки.

Локальные и виртуальные серверы

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

#68: InstantWP

Среда разработки WordPress с открытым исходным кодом для Windows и MacOS. Она включает в себя встроенный терминал SSH и веб-менеджер файлов.

#69: XAMPP

Среда разработки PHP с открытым исходным кодом для Windows, MacOS и Linux. Поскольку она поддерживает PHP и MySQL, в ней есть все необходимое для запуска WordPress с вашего компьютера или ноутбука.

#70: WampServer

Среда веб-разработки Windows для разработчиков, использующих Apache2, PHP и MySQL. Она похожа на XAMPP, но работает только на машинах Windows.

#71: MAMP

Локальная серверная среда, разработанная для MacOS, которая поставляется в бесплатной и платной версиях. Работает на компьютерах с Windows, но, вероятно, лучше для разработчиков, которые используют Mac.

#72: DesktopServer

Позволяет быстро создавать несколько виртуальных серверов для Windows и MacOS; поставляется в бесплатных и платных версиях.

#73: Varying Vagrant Vagrants (VVV)

Виртуальная машина Vagrant с открытым исходным кодом, предназначенная для разработки на WordPress; она работает в Windows, MacOS и Linux.

#74: Trellis

Как и VVV, Trellis — это виртуальная машина с открытым исходным кодом; однако она имеет немного другой набор функций. Например, Trellis поддерживает PHP 7.2, но не phpMyAdmin, а VVV делает наоборот.

Инструменты управления

Сотрудничество

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

#75: Slack

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

#76: WP Project Manager

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

#77: Trello

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

#78: Kanban Boards for WordPress

Если вы хотите встроить совместную работу в сам WordPress, рассмотрите этот плагин; он добавляет доски Канбан на вашу панель WordPress.

#79: Asana

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

#80: Project Panorama

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

Производительность

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

#81: Airtable

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

#82: Time Doctor

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

#83: Toggl

Простой, но бесплатный трекер времени, который может интегрироваться с WordPress через расширение для браузера. Как и Time Doctor, вы можете использовать Toggl, чтобы выяснить, насколько плодотворной является ваша работа.

Администрирование

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

#84: GoDaddy Pro Sites

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

#85: Adminimize

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

#86. Shake

Онлайн-инструмент для создания, подписания и отправки юридически обязательных соглашений. Базовая версия бесплатна, но вы должны быть платным участником LegalShield, чтобы получить доступ к премиальным функциям.

#87: Carbon Fields

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

#88: Co-Authors Plus

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

#89: Dobby

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

#90: ManageWP Worker

Плагин, позволяющий вам управлять несколькими сайтами WordPress с одной панели. Основные функции (включая базовую службу резервного копирования) бесплатны; премиум-функции стоят дополнительно.

Заключение

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

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

После того, как выбрали инструмент из этой группы, вы можете подождать, пока у вас не появится еще немного свободного времени, чтобы перейти к следующей по важности категории и так далее. Это поможет вам свести к минимуму время, которое вы тратите на «инструментальный серфинг», чтобы оно не мешало вашему оплачиваемому времени. И как только вы изучите все эти инструменты, вы можете обнаружить, что ваш новый проект WordPress — самый прибыльный проект за все время работы.

Всем успешной работы и творчества!

Источник

 

  • 4194