Предварительный обзор: настройте все с помощью внешнего редактора

Upfront, объявленный его создателями «будущим WordPress», — это новый инструмент для создания веб-сайтов и редактирования контента, который был запущен в начале 2015 года WPMU DEV.

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

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

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

Предварительный обзор: что может сделать этот инструмент для создания сайтов

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

Затем эти дочерние темы служат основой вашего веб-сайта. На момент написания статьи на выбор было всего три дочерних темы : Fixer, Scribe и Spirit. Хотя в будущем будет добавлено больше дизайнов.

Все они хорошо выглядят и будут одинаково хорошо работать как отдельная тема без какой-либо настройки.

Редактирование с помощью перетаскивания во внешнем интерфейсе

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

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

Плавающие области, неограниченное количество элементов страницы

Когда дело доходит до создания пользовательских макетов страниц, Upfront использует регионы и элементы. Доступные элементы — 16 на момент написания статьи — можно перетаскивать на страницы вашего сайта. Вы можете не только перетаскивать элементы страницы, например изображения, на место, но и редактировать текст в строке .

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

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

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

Полная настраиваемость региона

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

Все изменения применяются в режиме реального времени . Нет необходимости обновлять страницу благодаря эффекту предварительного просмотра в реальном времени этого внешнего редактора.

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

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

Пользовательский внешний интерфейс и редактирование страниц

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

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

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

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

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

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

Предварительный обзор: пользовательский опыт

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

Нажав кнопку «Настроить тему с помощью Upfront» в интерфейсе вашего веб-сайта, вы запустите интерфейс редактирования.

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

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

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

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

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

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

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

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

Если вы хотите внести изменения в типографику своего веб-сайта , Upfront предлагает вам простой способ сделать это. Через панель настроек темы вы можете выбрать тип элемента, например Заголовок 2, а затем отредактировать используемый шрифт. Затем это применяется глобально на вашем сайте.

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

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

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

Цены

Предоплата может стать вашей, если вы присоединитесь к членскому клубу WPMU DEV. Это дает вам доступ к Upfront, а также к более чем 350 плагинам и другим темам. Членские взносы начинаются с 24,50 долларов в месяц при годовом плане и доходят до 99 долларов при ежемесячной оплате.

После регистрации и до тех пор, пока вы являетесь участником, вы получаете доступ к круглосуточному форуму поддержки и ежедневным сеансам чата. Чтобы получить полные варианты цен на Upfront, посетите веб-сайт WPMU DEV.

Заключение

WPMU DEV какое-то время молчал, когда дело дошло до выпуска новых тем WordPress. С выпуском Upfront легко понять, почему. С более чем двумя годами разработки и «потраченным более миллиона долларов» Upfront, безусловно, является важным проектом для команды разработчиков WPMU и, возможно, самого WordPress.

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

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

Выбор Upfront предполагает привязку себя к стороннему решению; и хотя было бы неплохо, если бы WordPress мог предлагать такие возможности редактирования — либо как часть ядра, либо через «официальное» дополнение, на данный момент существует Upfront.

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

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

Узнайте больше об Upfront или попробуйте демоверсию прямо сейчас

Отказ от ответственности: я пишу сообщения для блога WPMU DEV — создателей Upfront — на внештатной основе; однако все мнения в этой статье являются моими собственными и никак не зависят от этих отношений.