На рисунке - Pinegrow Web Editor v 2.71 (2016 г., март). Интерфейс и справка на англ. языке. Вес 138 Мб. Цены: Pinegrow Web Editor - 49 долл. Pinegrow Web Editor Pro - 99 долл. Или: Ежемесячная подписка: 8 и 12 долл. в месяц соответственно. Работает в Windows (32 бит), Mac и Linux. Имеется онлайн-версия Pinegrow Web Editor (с 2023 г) Подробнее. Автор: Pinegrow Pte. Ltd (Сингапур) Последние версии программы: Pinegrow Web Editor 7 (2022 г, декабрь).- Новое Pinegrow Web Editor 7.1 (2023 г, январь).- Новое Pinegrow Web Editor 7.2 (2023 г, февраль) - Новое Pinegrow Web Editor 7.3 (2023 г, март). Улучшение производительности, ИИ-помощник на основе чата, инспектор дерева классов для Tailwind CSS и другое. Pinegrow Web Editor 7.4 (2023 г, апрель) Новое: Инспектор деревьев CSS,
бета-версия
Экспорт theme.json с темами WordPress И другое Pinegrow Web Editor 7.5 (2023 г, май) Новое: Действие Block Condition для
WordPress, включая три интерактивных руководства. Интеграция Visual Studio Code HTML-элемент собственного диалога Исправления ошибок и многое другое Pinegrow Web Editor 7.6 (2023 г, июль) Новое: Плагин Pinegrow WordPress 1.0.12, конвертер тем 2.0, гибридные блоки и др.
Pinegrow Web Editor 7.7 (2023 г, сентябрь) Новое: Пагин WordPress 1.0.14, обновления Tailwind CSS и Bootstrap, улучшенными блоками WordPress и исправлениями ошибок.
Pinegrow Web Editor 7.8 (2023 г, ноябрь) Вышли последние версии приложений
Pinegrow: Pinegrow Web Editor 7.8, плагин Pinegrow для WordPress 1.0.16
и Theme Converter 2.2. Публикуйте статические HTML-проекты в Netlify.
Совместимость блоков с WordPress 6.4. Используйте атрибуты блоков в
категориях показа WooCommerce. И другое
Pinegrow Web Editor 7.9 (2023 г, декабрь) Новое: улучшенный AI Assistant,
новый редактор таблиц стилей CSS, автоматическая настройка шаблонов,
преобразование изображений в HTM, редактор таблиц стилей CSS на основе
дерева и многое другое.
Pinegrow Web Editor 7.93 (2024 г, март). Вес 538 Мб. Новое: Поиск и детализация переменных CSS. Улучшения WordPress: И другое.
Назначение программы - создание веб-сайтов, в том числе создание сайтов для разных экранов. Работа со страницами HTML, темами WordPress, Bootstrap или Foundation. В редакторе возможно создавать веб-страницы визуально или путем написания кода. При этом окно редактирования может занимать или дизайн, или код, или окно делится на две части - дизайн и код (как показано на рисунке выше). Все открытые страницы располагаются одна под другой (как в многостраничном документе в текстовом редакторе). Для перехода по страницам используется полоса прокрутки, а не строка открытых документов, как обычно. Интерфейс программы отличается от привычного интерфейса большинства веб-редакторов. На левой панели есть несколько вкладок: LIB (Library - библиотека) PROP (Properties - свойства), CSS (работа с CSS) и другие. В зависимости от задачи открывается та или иная вкладка. Вкладка LIB (библиотека) содержит список элементов, которые можно вставить на веб-страницу. Фактический список элементов в группе Lib зависит от используемых расширений. Например, плагин Pinegrow Web Editor для Bootstrap добавляет компоненты Bootstrap к группе Lib. Вы можете также добавить собственные элементы HTML5 в библиотеку. Из элементов - текст (в т.ч. заголовки), ссылки, закладки (якоря), изображения, таблицы, различные кнопки, списки, веб-формы, различные навигационные панели, медиа, JavaScript и др. Вкладка PROP служит для определения свойств вставленного объекта (элемента страницы). Панель справа (Outline tree) - полезный инструмент, содержит схему всего кода страницы в виде дерева. Отражается код области HEAD и BODY. Элемент на страницу вставляется перетаскиванием. Его можно отпустить как на страницу (в режиме визуального редактирования - дизайна), так и на правую панель в нужное место в коде. Элементы можно дублировать, удалять, перемещать. Выделив любой элемент на странице (в режиме дизайна), можно отредактировать его код. Ориентация на странице сделана просто - выделив элемент в режиме дизайна, его место в коде будет показано на правой панели в коде (в "дереве тегов"). И наоборот, щелкнув по фрагменту кода на правой панели, будет выделен соответствующий элемент в окне редактирования. Редактор создает сайты для экранов разных размеров, применяя при этом "отзывчивое расположение" (Creating responsive layouts) и контрольные точки.. Сохранение страницы - сохранит файл HTML, и также создаст все другие активы, которые являются частью страницы. Например, у страниц Bootstrap есть различный Bootstrap CSS, JavaScript и файлы шрифта. Из авторской характеристики: Создавайте сайты с нуля или редактируйте существующие проекты. В Pinegrow есть все, что вам нужно для создания веб-сайтов: инструменты для редактирования HTML, стили, инструменты для создания рамок, библиотеки компонентов и многое другое. Быстрое создание макета страницы - используйте библиотеку элементов. Вы можете создавать дубликаты страницы, создать и сравнить несколько вариантов макета. Используйте переменные и функции CSS. Используйте математические выражения и функции, такие как светлые и темные, для создания дизайнов. Настройте вид объектов, стилизовав элементы с помощью правил CSS. Редактируйте правила с помощью визуального редактора или пишите код напрямую. Создайте страницы сайта для разных размерах экрана. Используйте Pinegrow в качестве CMS для ваших статических HTML-страниц. Используйте шаблоны онлайн - откройте демо-шаблон из Интернета и начните настраивать его с вашими изображениями и прочим содержанием. Совместная работа - используйте стандартные инструменты контроля версий, такие как Git, для управления вашим кодом и совместной работы над проектами с членами вашей команды. У Pinegrow Web Editor есть уникальные особенности, такие как редактирование многократных страниц одновременно, полный диапазон компонентов Bootstrap и Foundation. Нет никаких предварительных просмотров. Вы можете отредактировать и проверить свою страницу одновременно, даже если Вы используете динамические элементы JavaScript. У Pinegrow Web Editor есть полная поддержка Bootstrap и Foundation. Компоненты перетаскиваются на страницу и настраивают их свойства через UI. Pinegrow автоматически устанавливает признаки, добавляет классы или даже регулирует код HTML. Создание темы WordPress - откройте или создайте страницу HTML в Pinegrow Web Editor. Добавьте действия WordPress к элементам HTML и установите их параметры. Экспортируйте тему WordPress. Pinegrow Web Editor производит код PHP и др. Многостраничное редактирование Отредактируйте страницы визуально и через код одновременно. Изменения, сделанные через визуальный UI, будут немедленно отражены в кодовом представлении. Код редактируется, даже если он создан во внешнем редакторе кода. Сильный редактор CSS - отредактируйте правила CSS визуально или через код. Добавьте переменные и выражения, чтобы создать легко настраиваемые темы. Используйте менеджера Stylesheet. Сделайте свои страницы отзывчивыми - добавьте свои контрольные точки или позвольте PG обнаруживать их, анализируя stylesheets. Используйте многостраничное редактирование, чтобы отредактировать страницу для использования на разных экранах. Быстро постройте вебсайты с блоками - используйте коллекцию готовых блоков вебсайта. Блоки перетаскиваются на страницу, настраивается содержание, разрабатываются правила CSS, если Вы хотите - и Ваш вебсайт создан. Вы можете даже создать полностью настраиваемые темы WordPress с блоками. Отредактируйте любую страницу из сети - только введите URL и начните редактировать отдаленную страницу: измените расположение, отредактируйте текст и изображения, измените правила CSS. После этого сохраните измененный HTML и файлы CSS на Ваш компьютер. Используйте Pinegrow Web Editor совместно с Вашим любимым редактором кода, с умным обновлением (обновляется не вся страница, а только то, что изменено). Отредактируйте шаблоны HTML PHP - щелкните два раза на любом элементе, который содержит блоки PHP, чтобы отредактировать код. Дополнительно в Pinegrow Web Editor Pro Цена программы 74,25 долл. В расширенной версии редактора Pinegrow Web Editor Pro имеются дополнительные функции - работа с проектом сайта, создание Master pages (шаблона для других страниц сайта), умные компоненты - Smart components (содержат редактируемые области), дополнительные возможности при работе с библиотекой и др. Дополнительно в Pinegrow Web Editor Pro with WordPress Цена программы 111,76 долл. (9574 руб) Pinegrow также является идеальным инструментом для создания готовых тем WordPress. Возьмите любую страницу HTML и превратите ее в тему WordPress, назначив функции WordPress отдельным элементам на странице. Pinegrow экспортирует стандартные файлы PHP WordPress. Синхронизация Pinegrow с Atom и VSCode, редактирование тегов на стороне сервера, использование готовых блоков, открытие страниц из Интернета и многое другое. Используйте Pinegrow в качестве CMS для ваших статических HTML-страниц. Заключение: Работа в Pinegrow Web Editor над страницей в визуальном режиме менее удобна, чем в хорошем визуальном редакторе. Работа с кодом также не имеет особых преимуществ по сравнению с работой в хорошем редакторе кода. Но это характерно не только для Pinegrow Web Editor, но для всех комбинированных редакторов. Единственная ценность комбинированных редакторов - это возможность работать как визуально, так и редактировать код. Этой ценностью в полной мере и обладает Pinegrow Web Editor. Новое в Pinegrow Web Editor v 2.9 Осуществлена совместная работа с
редактором кода Atom.
Все изменения синхронизируются между Atom и Pinegrow в то время
как Вы печатаете,
не имея необходимость сохранять изменения. И элементы, отобранные в
Pinegrow, выдвинуты на первый план в Атоме, и наоборот. Поэтому Вы
можете создавать код тогда, когда это легче сделать в Atom, и использовать инструменты Пинегроw, чтобы
работать со структурой HTML,
Новое в Pinegrow Web Editor v 3.0 Просмотр и редактирование
нескольких видов одной и той же страницы (для
рабочего стола, для мобильного телефона) Все изменения вносятся в
базовую страницу и синхронизируются между всеми видами. Подробнее (видео)
Pinegrow Web Editor v 3 имеет абсолютно новый редактор CSS с визуальными элементами управления для большинства свойств CSS, в том числе: тени, преобразования, переходы и адаптируемых блоков. Абсолютно новый редактор CSS/САСС/LESS с богатыми визуальными элементами управления, мощный редактор списка CSS, Переработанный пользовательский интерфейс , Редактирование нескольких элементов одновременно. Точное и интеллектуальное перетаскивание, Редактируемое дерево документа и многое другое. Новое в Pinegrow Web Editor v 4.0 Теперь вы можете использовать
новый браузер изображений, чтобы включить
почти 500.000 бесплатных изображений высокого качества от Unsplash.com
в ваших проектах. Требуется
регистрация на сайте.
WordPress навигация и разбиение на страницы теперь поддерживает Bootstrap 4 и CSS. Визуальный редактор включает в себя элементы управления для объекта подгонки и объекта позиции. Новое в Pinegrow Web Editor v 4.6 Значительно улучшен Theme
Builder (редактор тем Wordpress).
До сих пор большие знания о WordPress не требовалось, чтобы использовать Pinegrow. Это больше не так. С новыми Smart Actions для WordPress вы можете сразу начать создавать темы WordPress - и узнать о том, как WordPress работает на этом пути. Smart Actions также экономят время для профессионалов WordPress. Набор из 14 Smart Actions WordPress позволяет создавать даже сложные поведения, такие как пользовательские поля WP_Queries и Customizer, всего за пару кликов. Подробнее о новом конструкторе WordPress Подробнее о Theme Builder Создание WordPress темы без PHP кодирования (видео) Новое в Pinegrow Web Editor v 4.8 и 4.9 Визуальный контроль градиентов
CSS и библиотека предустановок градиентов
Улучшенный редактор визуальных CSS-таблиц Bootstrap 4.1.3 Автоматическое сохранение файла CSS при изменении исходного файла SASS или LESS за пределами Pinegrow Визуальный редактор CSS сетки. Редактор CSS сетки может помочь Вам с: Редактирование макета сетки Управление именованными областями и именованными дорожками Перемещение и изменение размера элементов сетки Удаление элементов непосредственно в сетку Адаптивность макетов сетки. Подробнее о создании CSS-сетки. Создание резервных копий для старых браузеров Starter Theme 2-это готовый к использованию проект Pinegrow, который Вы можете использовать в качестве отправной точки для создания пользовательских тем WordPress. Несколько шаблонов Элементы управления настройщика Интеграция WooCommerce и многое другое. Устранение ошибок Новое в Pinegrow Web Editor v 5.0 Внимание на отдельные элементы в
отрыве от остальной части
страницы
Умная обработка встроенных стилей Легко скрыть таблицы стилей и их правила в активной панели стилей Перетащите изображения, таблицы стилей и скрипты из панели проекта на страницу Фильтр отображения панели дерева для элементов со встроенными стилями, ссылками, текстами, компонентами и действиями WP И другое. Новое в Pinegrow Web Editor v 5.3 Pinegrow Web Editor v 5.3 (2019
г, март). Вес 313 Мб.
Цены: Pinegrow Web Editor - 49 долл. Pinegrow Web Editor
Pro - 99 долл., Pinegrow Pro with WordPress - 63 долл.
Цена для студентов Pinegrow Web Editor Standard 25 долл., Pinegrow Web Editor Pro 49 долл. Новое: Плавающие окна с помощью редактора CSS Grid, инструмент «Назначить классы», настройка автозапуска Bootstrap Carousel, Bootstrap 4.3.1 и др. Новое в Pinegrow Web Editor v 5.4 Переработанное контекстное меню
элемента. Действия копирования и
вставки (главные страницы, компоненты, действия WordPress ...) между
элементами. Встроенный компилятор SASS теперь корректно обрабатывает
сложные структуры SASS.
Есть несколько новых возможностей WordPress Theme Builder: Умное меню стало умнее, оно использует вашу HTML-разметку для отображения пунктов меню и выясняет, какой класс используется для маркировки текущего элемента. Идентификатор поля секции Customizer теперь можно использовать в качестве префикса для вложенных полей Customizer. Использование функции ""Pinegrow Snapshots" позволяют делать статические снимки HTML динамических веб-приложений, которые затем используются для стилизации, создания прототипов и совместной работы. Эти снимки HTML можно использовать для разработки и создания прототипов веб-приложений, а также в качестве основы для совместной работы дизайнеров, разработчиков, маркетологов, специалистов по продажам, авторов копий и остальной части вашей команды. Вы можете использовать моментальные снимки, пока ваше приложение работает в браузере. И неважно, как ваше приложение построено (React, Vue, Node.js, Rails, PHP, ASP, WordPress ...). Как используются снимки? Сделайте один или несколько снимков Откройте свой веб-сайт или приложение в "Pinegrow Snapshots", перейдите к любому экрану или состоянию и сохраните его как статический снимок HTML. Текущее состояние приложения будет записано не в виде изображения, а в виде статического HTML-файла. Отредактировать снимок - откройте снимок HTML в Pinegrow Web Editor или аналогичном инструменте и отредактируйте его содержимое, структуру HTML и стили CSS. Поделитесь работой со своей командой, чтобы собрать отзывы, используя коммуникационную платформу вашей команды. Новое в Pinegrow Web Editor v 5.8 (2019 г, октябрь) Цены: Pinegrow Web Editor Standard - 3201 руб. Pinegrow Web Editor Pro - 5467 руб, Pinegrow Pro with WordPress - 9734 руб. Новое в Pinegrow Web Editor v 5.95 (2020 г, апрель). Новое: Использование
блоков Froala Design в Pinegrow. Расширенные слайды с прокруткой.
Улучшено управление таблицей стилей по умолчанию. Поддержка активации в
централизованной среде развертывания, такой как лаборатории и рабочие
места. Исправление ошибок.
....................................................... Новое в Pinegrow Web Editor v 7 (2022 г, декабрь). Новая панель инструментов
Отображение документов на удаленном веб-сайте во время их редактирования Кнопка «Быстрая вставка» на панели инструментов Вкладки размера носителя в визуальном редакторе CSS Отзывчивое взаимодействие Улучшения WordPress и многое другое. Новое в Pinegrow Web Editor v 7.1 (2023 г, январь). Сохранение последних занятий в
проекте — с функцией «Очистить недавний список»
Вкладки размера мультимедиа CSS в редакторе Visual CSS и Tailwind CSS указывают, какой размер имеет стиль Добавлено свойство CSS соотношения сторон. Улучшения WordPress И больше Интерактивное руководство по созданию первого блока WordPress теперь доступно и в веб-редакторе И другое. Новое в Pinegrow Web Editor 7.2 (2023 г, февраль).. Добавлен важный новый инструмент
— AI Assistant (помощник) для
преобразования HTML и CSS, вставки новых элементов, создания целых страниц, создания вариантов существующих элементов и многое другое. Помощник включен во все выпуски Pinegrow Кроме этого - исправления ошибок. Расширение (плагин) Pinegrow для WordPress (Pinegrow WP Plugin) Расширеие Pinegrow WP Plugin
предназначено для создания проектов для WordPress.
Добавлено в декабре 2022 г. Pinegrow WP Plugin позволяет: Создавать собственные блоки Gutenberga для любого сайта
WordPress.
Создавать целые темы WordPress. Иметь собственный визуальный веб-редактор для создания проектов HTML и CSS в браузере, аналогичный Pinegrow Online. Плагины и темы, созданные с
помощью Pinegrow, не требуют запуска Pinegrow.
Плагин Pinegrow доступен в двух версиях: бесплатной и PRO. Бесплатная версия подходит для создания простых блоков Гутенберга для существующих сайтов WordPress. Версия PRO предоставляет вашему браузеру все возможности Pinegrow, в том числе: создание целых тем, блоков с подблоками. Обычная цена версии PRO составляет 49 долларов США в год. Цена применения версии PRO для неограниченного количества сайтов - 199 долларов США в год.. Установить Pinegrow WP Plugin Авторская справка в Интернете Авторское обучение (видео + текст - англ. язык) Скачать Pinegrow Web Editor Примечания:
1. Срок испытания до покупки - 7 дней. 2. Имеется расширение для редактора - AnimatorPro (19 долл) - Посмотреть Другие программы этого автора: Pinegrow
Theme Converter
Pinegrow Theme Converter v 1.1 (2019 г). Интерфейс на англ. языке. Вес 351 Мб. Цена 99 долл. Работает в Windows, Mac, Linux. Автор: Pinegrow Pte. Ltd (Сингапур) Назначение программы - создание тем (шаблонов) для WordPress. Pinegrow Theme Converter преобразует статические проекты HTML в динамические темы WordPress. Подробнее о Pinegrow Theme Converter Pinegrow Snapshots Pinegrow Snapshots. Цена 20 лолл. Работает в Windows, Mac, Linux. Назначение программы - создание статических снимков HTML динамических веб-приложений. Снимки можно использовать для совместной работы, стилизации и создания прототипов. Откройте свое приложение в Pinegrow Snapshots, перейдите к любому экрану или состоянию и сохраните его как статический снимок HTML. Обратите внимание, что снимки не являются изображениями. Это статические HTML-представления о состоянии веб-приложения. Подробнее (англ. язык) Скачать Pinegrow Snapshots Pinegrow Online Pinegrow Online - это облачная версия веб-редактора Pinegrow, работающая в вашем браузере. Он имеет большинство функций своего настольного брата, включая поддержку Bootstrap 5, Tailwind CSS и простых HTML-проектов, панель дизайна, библиотеку блоков, стили CSS, редактор CSS Grid, взаимодействия, встроенный редактор кода Monaco и многое другое. Pinegrow Online в настоящее время находится в стадии закрытого бета-тестирования. Тем не менее, вы можете использовать его прямо сейчас, без учетной записи, и все, что вы создаете, сохраняется в хранилище браузера на вашем компьютере. Вы также можете скачать свои проекты, если для этого не используются взаимодействия. На этом этапе (2021 г, с сентября) мы будем использовать Pinegrow Online для обмена нашими шаблонами (Дизайн недели и другими), примерами проектов и учебными пособиями. Вы увидите онлайн-проекты, встроенные в качестве примеров на нашем форуме и включенные в информационный бюллетень. Мы будем постепенно открывать платформу для общественности и пользователей, находящихся на борту, поэтапно, чтобы обеспечить соответствующее масштабирование нашей инфраструктуры. Чтобы попасть в список ожидания для учетной записи, зарегистрируйтесь. Страница Pinegrow Online Вернуться к обзору Последнее обновление: март
2024
г.
|