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 — самый прибыльный проект за все время работы.
Всем успешной работы и творчества!
Источник
Загрузка...
