Обзор Themify Flow: бесплатный конструктор тем для WordPress с перетаскиванием
Опубликовано: 2015-06-29Flow — это бесплатный инструмент для создания тем WordPress от Themify. На данный момент Themify выпустила множество высококачественных тем для WordPress, а также впечатляющий инструмент для создания перетаскиваемых страниц в форме Builder.
Однако, хотя Builder — это инструмент для создания страниц, который позволяет вам создавать собственные макеты записей и страниц для вашего веб-сайта WordPress; Flow — это бесплатный инструмент, который позволяет создавать собственные шаблоны тем.
Это означает, что с помощью Flow у вас есть возможность настраивать эти области за пределами областей публикации и содержимого страницы. Это включает в себя: области заголовка, нижнего колонтитула и боковой панели. Flow позволяет создавать несколько шаблонов, а затем применять их к различным представлениям вашего веб-сайта.
Поэтому, если вам нравится идея создания пользовательских верхних и нижних колонтитулов и областей боковой панели для вашего веб-сайта WordPress, несмотря на внешний интерфейс перетаскивания , тогда Flow может быть именно тем инструментом, который вы ищете.
В этом обзоре мы дадим вам хороший обзор Flow, чтобы помочь вам решить, подходит ли этот инструмент для создания веб-сайтов WordPress для вашего следующего проекта. Мы также рассмотрим основные различия между Flow и инструментом Builder и объясним, как их можно использовать вместе на одном веб-сайте.
Функции потока: что может сделать эта тема Builder
Как упоминалось ранее, Flow — это бесплатная тема для WordPress, которая дает вам возможность настроить внешний вид вашего сайта. Области или регионы, которые можно настроить с помощью Flow , включают заголовок, боковую панель, нижний колонтитул, области содержимого.
Чтобы объяснить, как Flow и Builder — оба из Themify — могут использоваться для дополнения друг друга, Flow можно использовать для настройки внешнего вида темы; в то время как Builder используется для создания пользовательских макетов сообщений и страниц. Оба инструмента гармонично работают вместе на одном веб-сайте, что дает вам возможность полностью контролировать внешний вид всего вашего сайта WordPress.
Если вы хотите точно знать, на что способен Themify Builder, обязательно прочитайте наш практический обзор . Но пока давайте сосредоточимся на теме Flow для WordPress.
Создание пользовательских шаблонов тем
Установив тему Flow на свой веб-сайт, вы можете приступить к созданию пользовательских шаблонов . Эти шаблоны состоят из трех основных областей: области заголовка, боковой панели и нижнего колонтитула. Шаблоны также бывают трех типов: архив, отдельный пост и страница.
Каждый шаблон состоит из трех разных частей: заголовка, нижнего колонтитула и боковой панели. Все эти отдельные части шаблона можно использовать повторно .
Это означает, что часть шаблона может быть назначена одному или нескольким вашим шаблонам. Это позволяет вам создать одну часть заголовка, которая используется во всех ваших шаблонах, а также несколько частей нижнего колонтитула, которые используются только в определенных шаблонах.
Назначение шаблонов отдельным видам
В зависимости от типа созданного вами шаблона его можно назначить для определенных представлений на вашем веб-сайте.
Эти представления включают отдельные страницы категорий и тегов, определенные архивные страницы и определенные пользовательские таксономии. Вы также можете назначать шаблоны для определенных типов сообщений, сообщений из определенной категории и даже отдельных сообщений и страниц на вашем веб-сайте.
Создайте несколько шаблонов для нескольких представлений веб-сайта
Поскольку вы можете создать несколько шаблонов, вы можете затем использовать настройки шаблона, чтобы назначить эти шаблоны любому представлению вашего веб-сайта.
Например, вы можете легко создать собственный шаблон, а затем назначить его для просмотра домашней страницы вашего веб-сайта. Затем вы также можете создать собственный шаблон для отображения всех сообщений в вашем блоге, а также другой шаблон для просмотра отдельного сообщения.
Благодаря возможности создавать несколько шаблонов в сочетании с подробными настройками, которые контролируют, где они используются, вы действительно можете использовать Flow для создания полностью настроенного веб-сайта, который работает именно так, как вы хотите.
После того, как вы создали шаблон или часть шаблона, вы можете приступить к его настройке с помощью внешнего редактора.
Внешний интерфейс конструктора тем перетаскивания
Поскольку вся работа по дизайну выполняется через интерфейс перетаскивания, вам не нужны какие-либо знания в области кодирования , чтобы создать пользовательскую тему для своего веб-сайта, которую вы всегда хотели.
Это означает, что когда вы работаете над своими шаблонами пользовательских тем, вы можете перетаскивать доступные модули в свои пользовательские макеты. Щелчок по модулю открывает его для редактирования. Это позволяет вам добавлять контент, который вы хотите, в свой дизайн.
Однако стоит отметить, что Flow был полностью удобен для разработчиков . Это означает, что вы можете свободно кодировать пользовательские модули для своих шаблонов, добавлять собственные CSS и работать с фильтрами и хуками.
Несколько настраиваемых модулей
При работе через интерфейсный редактор модули Flow можно перетаскивать в макеты. Некоторые из предлагаемых модулей включают: логотип сайта, слоган сайта, меню, значок, области виджетов, отдельные виджеты, текст, видео, изображения и многое другое.
После того как вы добавили модуль в свой макет, вы можете настроить его в соответствии с его свойствами. Вы также можете добавить пользовательский CSS в любой модуль, над которым вы работаете, для более индивидуального вида.
Пользовательские темы потока
Тема Flow состоит из шаблонов, частей шаблона, глобального стиля, пользовательского CSS и сведений о теме. Flow позволяет создавать собственные темы с возможностью легко импортировать и экспортировать их для обмена между веб-сайтами WordPress.
Совместимость сторонних плагинов
Flow совместим с рядом популярных сторонних плагинов. Поскольку в этот список входят WooCommerce, BuddyPress и bbPress, не говоря уже о Builder, вы можете создавать собственные шаблоны для своей электронной коммерции, социальных сетей и дискуссионного контента.
Короче говоря , Flow позволяет вам создать собственную тему WordPress. Каждая тема включает в себя несколько шаблонов, которые можно назначать различным представлениям или сообщениям и страницам на вашем веб-сайте. Благодаря включенным модулям и интерфейсному редактору вам не нужны навыки программирования, чтобы создать собственную тему Flow.
Надеюсь, все это имеет смысл, поэтому давайте посмотрим, насколько прост в использовании конструктор тем Flow WordPress.
Themify Flow Review: пользовательский опыт
После активации бесплатной темы Flow вам будет показано пошаговое видео о фреймворке в действии, чтобы помочь вам начать работу как можно быстрее .
Настройки потока
Хотя вы можете приступить к разработке своей темы любым удобным для вас способом, лучше всего начать с настроек потока. Эта страница в административной области вашего веб-сайта дает вам возможность указать значок значка, добавить код верхнего и нижнего колонтитула, отключить адаптивный дизайн и управлять интеграцией Google Fonts.
После того, как вы настроили общие параметры, вы можете перейти к глобальному стилю для своей темы.
Глобальный стиль Flow
Глобальные настройки стиля позволяют настроить параметры для всей темы. Это охватывает общие настройки, такие как свойства тела, ссылки, текст и типографика, а также изображения.
Настройки можно настроить через боковую панель редактора . Это дает вам доступ к раскрывающимся меню и полям выбора для управления внешним видом вашей темы.

После работы с общими настройками вы можете перейти к другим параметрам. Сюда входят стили заголовков, стили форм, верхний и нижний колонтитулы, боковая панель и контейнеры макета. Вся эта настройка происходит вместе с предварительным просмотром вашей темы в реальном времени, когда вы работаете над ней.
Настройка шаблонов
После того, как вы настроили глобальные параметры для своего веб-сайта, вы можете приступить к редактированию отдельных шаблонов. Как и в случае с глобальными стилями, если вы работаете в режиме внешнего интерфейса, вы получаете доступ к боковой панели, полной настроек. Это меню дает вам возможность быстро переключиться в режим редактирования и приступить к настройке шаблона просматриваемой страницы.
Хотя вы также можете редактировать эти шаблоны из задней части вашего веб-сайта, делая это через переднюю часть, вы лучше понимаете, как они будут выглядеть для ваших посетителей во время работы.
Если вы просматриваете шаблон архива сообщений в блоге, а затем нажимаете ссылку «Редактировать используемый шаблон» в раскрывающемся меню, вы сможете настроить страницу архива сообщений в блоге. В качестве альтернативы, если вы просматриваете один пост и нажимаете ссылку «Редактировать используемый шаблон», этот шаблон открывается для редактирования.
Когда редактор активен, вы можете видеть различные части, составляющие шаблон , над которым вы работаете. В случае шаблона сообщения это включает в себя:
- заголовок
- нижний колонтитул
- боковая панель
- область содержимого
- следующий/предыдущий пост
- раздел комментариев
Нажав на любую из этих частей, вы сможете начать ее настройку.
После того, как вы выбрали деталь для настройки, у вас есть два основных способа сделать это. Это включает в себя редактирование макета и настройку стиля.
Редактирование макета части шаблона
Если вы нажмете значок редактирования , вы сможете получить доступ к макету детали, над которой вы работаете. Например, если вы редактируете область публикации, вы можете настроить ее содержимое и макет.
Это позволяет вам настраивать такие элементы, как размер избранного изображения и то, является ли это ссылкой на полную публикацию, стиль абзаца заголовка публикации, а также отображать полную публикацию или отрывок. Вы также можете легко изменить макет на многоколоночный, если хотите, а затем перетащить модули на место.
Как только вы будете довольны новым макетом и содержимым шаблона, вы можете обновить его, чтобы сохранить изменения.
Настройка стиля части шаблона
Помимо редактирования макета, другой доступный вам вариант — это настройка стиля части макета, над которой вы работаете. Опять же, если вы, например, редактируете макет отдельной публикации и хотите настроить область публикации, вы можете щелкнуть значок стиля , чтобы открыть панель стилей.
В зависимости от того, какую часть вашего сайта вы настраиваете, панель стилей может позволить вам установить фоновое изображение; настроить типографику; установить границы, отступы и поля; установить ширину и высоту; и многое другое.
Опять же, в зависимости от области вашего сайта, над которой вы работаете, панель стилей будет разделена на несколько разделов. При работе с областью содержимого публикации вы можете настроить стиль всего контейнера , область содержимого, эффекты ссылок и многое другое. Элементы управления для каждого параметра различаются, но обычно они охватывают шрифты, размеры, цвета, ширину и другие подобные элементы, связанные с внешним видом.
Поскольку панель стилей открывается во всплывающей боковой панели, я нашел интерфейс немного неудобным, когда дело дошло до поиска различных разделов, которые он включает. Хотя, если у вас большой монитор, все должно быть в порядке.
Тем не менее, благодаря боковой панели вы получаете предварительный просмотр ваших изменений в реальном времени по мере их внесения. Когда вы будете довольны своими настройками, вы можете сохранить их, чтобы вернуться на главный экран редактора.
Затем вы можете перейти к следующей части темы, которую хотите отредактировать, например к боковой панели, верхнему или нижнему колонтитулу. Каждый раз, когда вы выбираете часть для редактирования, вы получаете возможность добавить к ней модули. Сюда входят глобальные модули , такие как логотип сайта, слоган сайта, меню и виджеты.
Есть также модули контента на выбор. Опять же, их можно добавить в макет, а затем настроить с помощью собственного контента. После того, как вы перетащите модуль на макет, сразу же отобразятся настройки модуля , что позволит вам быстро добавить пользовательский контент.
После того, как вы закончите свой индивидуальный дизайн, вы можете сохранить его, чтобы сделать его доступным для использования на своем веб-сайте. Доступ к этим шаблонам и управление ими можно получить из административной области Flow на вашем веб-сайте.
На странице администрирования шаблонов вы можете быстро продублировать их, чтобы использовать в качестве основы для нового шаблона. Вы также можете открыть их для редактирования в интерфейсе пользователя. Кроме того, с Flow вы можете редактировать их через панель управления, если хотите.
Помимо организации модулей, используемых в шаблоне, вы можете быстро определить, какие части шаблона будут отображаться в каждой из различных областей дизайна вашей страницы.
Эти части шаблона охватывают области заголовка, нижнего колонтитула и боковой панели вашего шаблона. Ваш веб-сайт может иметь одну версию каждой части, такой как заголовок, который используется глобально на вашем веб-сайте. Однако вы также можете создать несколько версий каждой части, например две разные боковые панели, а затем применить их к разным шаблонам вашего веб-сайта.
Все шаблоны, их отдельные части, глобальные стили и пользовательский CSS объединяются в одну тему Flow. Затем эти темы Flow можно экспортировать для использования на других веб-сайтах.
В целом, Flow позволяет вам создать собственную тему WordPress, которая включает в себя несколько пользовательских шаблонов, назначенных определенным частям вашего веб-сайта.
Заключение по обзору потока
Некоторая терминология Flow может немного сбивать с толку. Тем не менее, пользовательский интерфейс очень прост , и как только вы установили, что темы Flow состоят из шаблонов, которые, в свою очередь, состоят из частей шаблона, вы можете быстро приступить к созданию собственной пользовательской темы WordPress.
Внешний интерфейс, редактор перетаскивания очень прост в использовании. Хотя время от времени происходит много всего, чем больше ваш монитор, тем проще вам будет его использовать.
Если вы ищете способ создать собственные области заголовка, боковой панели и нижнего колонтитула для вашего веб-сайта WordPress, Themify Flow, безусловно, дает вам возможность сделать это. Если вы затем объедините его с плагином Builder — также от Themify — вы также сможете создавать собственные макеты и дизайны для своих отдельных сообщений и страниц.
В заключение, Flow — это мощный инструмент для создания тем WordPress, который позволяет вам добавлять в свои шаблоны хороший выбор модулей и пользовательских виджетов. Это позволяет вам создать персонализированный веб-сайт WordPress. Кроме того, поскольку это бесплатно, ничто не мешает вам создать собственный веб-сайт WordPress уже сегодня.