Обзор Themify Flow: бесплатный конструктор тем для WordPress с перетаскиванием

Опубликовано: 2015-06-29

Flow — это бесплатный инструмент для создания тем WordPress от Themify. На данный момент Themify выпустила множество высококачественных тем для WordPress, а также впечатляющий инструмент для создания перетаскиваемых страниц в форме Builder.

Однако, хотя Builder — это инструмент для создания страниц, который позволяет вам создавать собственные макеты записей и страниц для вашего веб-сайта WordPress; Flow — это бесплатный инструмент, который позволяет создавать собственные шаблоны тем.

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

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

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

Themify Flow Обзор

Функции потока: что может сделать эта тема Builder

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

Чтобы объяснить, как Flow и Builder — оба из Themify — могут использоваться для дополнения друг друга, Flow можно использовать для настройки внешнего вида темы; в то время как Builder используется для создания пользовательских макетов сообщений и страниц. Оба инструмента гармонично работают вместе на одном веб-сайте, что дает вам возможность полностью контролировать внешний вид всего вашего сайта WordPress.

Если вы хотите точно знать, на что способен Themify Builder, обязательно прочитайте наш практический обзор . Но пока давайте сосредоточимся на теме Flow для WordPress.

Части обзора Themify Flow

Создание пользовательских шаблонов тем

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

Параметры шаблона обзора Themify Flow

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

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

Назначение шаблонов отдельным видам

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

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

Themify Flow Review Назначение шаблона

Создайте несколько шаблонов для нескольких представлений веб-сайта

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

Themify Flow Review Назначить странице

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

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

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

Внешний интерфейс конструктора тем перетаскивания

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

Пользовательский интерфейс Themify Flow Review

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

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

Несколько настраиваемых модулей

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

Модули Themify Flow Review

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

Пользовательские темы потока

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

Совместимость сторонних плагинов

Flow совместим с рядом популярных сторонних плагинов. Поскольку в этот список входят WooCommerce, BuddyPress и bbPress, не говоря уже о Builder, вы можете создавать собственные шаблоны для своей электронной коммерции, социальных сетей и дискуссионного контента.

Themify Flow Обзор WooCommerce

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

Надеюсь, все это имеет смысл, поэтому давайте посмотрим, насколько прост в использовании конструктор тем Flow WordPress.

Themify Flow Review: пользовательский опыт

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

Настройки потока

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

Настройки просмотра Themify Flow

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

Глобальный стиль Flow

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

Глобальные стили Themify Flow

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

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

Настройка шаблонов

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

Меню просмотра Themify Flow

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

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

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

  • заголовок
  • нижний колонтитул
  • боковая панель
  • область содержимого
  • следующий/предыдущий пост
  • раздел комментариев

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

Themify Flow Review Редактировать отдельный пост

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

Редактирование макета части шаблона

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

Одно сообщение Themify Flow Review

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

Колонки Themify Flow Review

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

Настройка стиля части шаблона

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

Панель стилей Themify Flow Review

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

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

Интерфейс панели стилей Themify Flow Review

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

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

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

Модули перетаскивания Themify Flow Review

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

Настройки модуля Themify Flow Review

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

Администратор шаблонов обзора Themify Flow

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

Обзор Themify Flow Back End Builder

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

Области шаблона просмотра Themify Flow

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

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

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

Заключение по обзору потока

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

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

Если вы ищете способ создать собственные области заголовка, боковой панели и нижнего колонтитула для вашего веб-сайта WordPress, Themify Flow, безусловно, дает вам возможность сделать это. Если вы затем объедините его с плагином Builder — также от Themify — вы также сможете создавать собственные макеты и дизайны для своих отдельных сообщений и страниц.

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

Попробуйте Themify Flow