Рекомендуемые вспомогательные средства для создания веб-сайтов (скриншоты, работа с изображениями, программы для ведения записей и т.д.)

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

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

​I. Заметки и инструменты для планирования мыслей​

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

1. Понятие​
   • ​Используется.​ ​универсальный. С его помощью вы можете составлять планы проектов, записывать списки дел, создавать базу знаний и даже планировать календарь содержания и структуру страниц всего сайта.
   • Плюсы.Модульный дизайн и исключительная гибкость позволяют создать практически любую систему управления, которая вам нужна. Бесплатная версия уже очень мощная.
   • Советы начинающим.Используйте его, чтобы нарисовать свойМозговая карта структуры сайтаиСписок содержимого страниц。
2. ​XMind / MindMeister​
   • ​Используется.​ ​Инструменты для составления карт ума. Предназначенный для планирования визуализации, он является отличным инструментом для определения категорий разделов сайта и логической взаимосвязи страниц.
   • Плюсы.Интуитивно понятные изображения помогут вам и другим быстро понять общую архитектуру сайта.
   • Альтернативы.Бумага и ручка. Самый примитивный, но и самый эффективный способ.

​II. Дизайн и инструменты обработки изображений​

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

1. ​Canva​
   • Используется.​ ​Находка для начинающих дизайнеров. Легко создавайте профессиональные баннеры для сайтов, изображения для социальных сетей, тематические изображения для статей, логотипы и многое другое с помощью перетаскивания без каких-либо основ дизайна.
   • Плюсы.Массивное количество шаблонов и материалов (иконки, изображения, шрифты), значительно снижающих порог проектирования. Для использования достаточно бесплатной версии.
   • Сцена из жизни.Создайте красивое изображение обложки для каждой записи в блоге.
2. Figma​
   • ​Используется.​ ​Более профессиональные инструменты для проектирования интерфейсов. Если у вас есть более конкретные идеи относительно макета вашего сайта, вы можете начать с рисования простого каркаса или прототипа с помощью Figma.
   • Плюсы.Мощная система совместной работы позволяет очень точно контролировать размер, интервал и многое другое. Бесплатно.
   • Советы начинающим.С его помощью можно просто спланировать расположение досок на главной странице.
3. Snipaste​
   • Используется.​ ​Самый мощный инструмент для создания скриншотовЭто не просто создание скриншотов. Это не просто создание скриншотов, это “приклеивание” их на переднюю часть экрана, чтобы вы могли легко настроить их или сделать по ним код.
   • Плюсы.Маленький, быстрый, без рекламы, с продуманными функциями (например, выбор цвета, функция аннотирования).Настоятельно рекомендуем!​
4. ​TinyPNG / Squoosh​
   • Используется.​ ​Инструменты для сжатия изображений. Его использование для сжатия размеров изображений перед загрузкой в медиатеку WordPress может значительно улучшить скорость загрузки вашего сайта.
   • Плюсы.Интеллектуальное сжатие, которое значительно уменьшает размер файла при едва заметной невооруженным глазом потере качества.Важнейшие шаги для SEO и удобства пользователей.​

​III. Средства разработки и отладки​

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

1. ​FileZilla​
   • Используется.​ ​Инструмент FTP-клиента. Когда вам нужно вручную загрузить инсталляторы WordPress, файлы тем или изменить основные файлы сайта (такие как wp-config.php), когда придет время использовать его для подключения к вашему серверу.
   • Зачем это нужно.Хотя большую часть этой работы можно выполнить в фоновом режиме, FTP - единственный способ спасти свою жизнь в случае возникновения проблем (например, белого экрана, вызванного неправильным кодом в файле functions.php темы).
   • Плюсы.Бесплатный, с открытым исходным кодом и стабильный.
2. Инструменты для разработчиков браузеров​
   • Используется.​ ​Сайт “Микроскоп”.. В браузере (Chrome/Firefox) нажмите кнопку F12чтобы открыть его. Вы можете просматривать HTML-структуру страницы, стили CSS и изменять эффект предварительного просмотра в режиме реального времени.
   • Приложение для новичков.Если вам нужно узнать цвет, шрифт или отступ от элемента, используйте его, чтобы увидеть это напрямую. Лучший инструмент для изучения и отладки CSS.
3. Код Visual Studio​
   • Используется.​ ​Кодовый редактор. Если вы хотите попытаться изменить код темы (например, CSS или PHP файлы) в будущем, то это 编辑 оборудование, которое предпочитают разработчики во всем мире.
   • Плюсы.Бесплатный, мощный, с огромным количеством плагинов, расширяющих его функциональность. Даже если вы не пишете код, вы можете использовать его для элегантного 编辑 текстовых файлов.

​IV. Содержание и средства повышения эффективности​

1. Grammarly​
   • Используется.​ ​Проверка грамматики и орфографии английского языка. Если вам нужно написать контент на английском языке, это поможет вам избежать мелких ошибок и сделать статью более профессиональной.
   • Плюсы.Повсеместная проверка в виде плагина для браузера.
2. Todoist или Microsoft To Do​
   • Используется.​ ​Инструменты управления задачами. Создание сайта - это проект, и разбивать его на мелкие задачи (например, покупка доменного имени, установка темы, написание страницы о нас) и выполнять их одну за другой гораздо приятнее и меньше шансов не успеть.
   • Плюсы.Простой в использовании и синхронизированный с несколькими платформами.

​Резюме и советы для начинающих​

Не обязательно устанавливать все инструменты сразу. Рекомендуется выбирать их постепенно, в зависимости от текущего этапа:

• Этап планирования.​ ​ПонятиевозможноXMind+бумага и карандаш。
• ​Этап разработки и создания контента.​ ​Canva(Составление карты) +Snipaste(Скриншоты) +TinyPNG(сжатое изображение).
• Фаза разработки и развертывания.​ ​FileZilla(Передача файлов) +Инструменты разработчика Chrome(см. эффект).
• Полный компаньон.​ ​Панель закладок браузера(Сохраните бэкенд WordPress, бэкенд хостинг-провайдера, бэкенд домена и другие важные ссылки).

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