Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

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

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

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

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

Pofo - шаблон для креативного портфолио на WordPress 2018

Опубликовано: 01.09.2018

Ищете новую тему для вашего сайта WordPress?  Pofo - это тема, которая нацелена на творческие агентства, корпоративные сайты, сайты портфолио и блоги.

Тема интегрированная с WooCommerce, поставляется с 25 + великолепными демонстрационными сайтами и более 200 шаблонами WPBakery Page Builder (ранее известный как Visual Composer). Тема использует собственный WordPress настройщик для упрощения редактирования в реальном времени.

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

Что делает эта тема

Pofo – одна из тех тем, которые предлагают демоверсии практически для любой вариации. Фактически, Pofo предлагает  более 200 предварительно построенных шаблонов на выбор.  Эти шаблоны распространяются по 25 различным связующим демонстрационным сайтам. Таким образом, вы можете смешивать и сопоставлять шаблоны в рамках одного дизайна.

Помимо разнообразных стилей дизайна, Pofo предлагает:

Множество различных стилей заголовков, включая горизонтальную и вертикальную навигацию. Разнообразие стилей блога, включая красивую макетную карту. Поддержка WooCommerce. Связанный WPBakery Page Builder и Slider Revolution. Готовые одностраничные веб-страницы. Неограниченные пользовательские боковые панели. Значки шрифтов из библиотеки шрифтов Awesome, Themify или ET-line. Страницв/пост-уровень управления, чтобы легко контролировать, как отдельные элементы контента выглядят/работают. Поддержка Parallax и видео. Поддержка Mega-меню. Встроенные кнопки социальных сетей (функция, которая устраняет необходимость в плагине социальной рассылки). Совместимость с WPML для многоязычного сайта. Оптимизация SEO с помощью Google Schema. Стилизованные шаблоны записей для аудио, видео, галереи, слайдера, цитаты и т. п.

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

Смотрите также:

30+ лучших WordPress тем для профессиональных фотографов и любителей в 2018 году здесь .

Некоторые примеры из 25 + демо, которые вы получаете с Pofo

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

Этот демонстрационный сайт цифрового агентства современный и великолепно выглядит:

Также показателен минималистский вид этого шаблона для брендингового агентства:

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

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

Изучение панели инструментов темы Pofo

За исключением импорта демонстрационного контента, Pofo использует WordPress настройщик почти для всего.

Настройщик WordPress отлично подходит, потому что:

Легко «нащипать» необходимые элементы, не зная какой-либо код. Можно осуществлять предварительный просмотр сайта после каждого изменения, которое вы делаете.

Но давайте начнем с процесса импорта демо.

Как Pofo импортирует демо-контент

После установки включенного плагина  Pofo Addons  вы можете импортировать любой или весь демонстрационный контент, перейдя в  Appearance → Demo Import  :

Если вы выберете « Импортировать все демо-данные» , нужно только подождать, пока Pofo импортирует все данные.

Но если выберете один из конкретных вариантов, то сможете выбрать отдельные шаблоны и параметры, которые хотите импортировать:

Элементы настройки пользовательского элемента Pofo WordPress

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

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

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

А в разделе « Макет и контент » можно настроить макеты для всех типов записей/шаблонов на вашем сайте. Например, вот как выглядят параметры настройки одного макета записи:

Управление страницей/записью в Pofo

Помимо множества опций в WordPress настройщике, Pofo также добавляет новый мета-бокс в редактор WordPress, который позволяет управлять различными настройками на уровне запись /страница. Функциональность довольно глубокая. Вы можете контролировать:

Параметры боковой панели. Параметры заголовка. И другие параметры.

Они особенно полезны для обеспечения большей гибкости с включенным WPBakery Page Builder:

Использование WPBakery Page Builder для редактирования шаблонов

Чтобы редактировать 200+ отдельных шаблонов страниц, которые включает Pofo, нужно использовать включенный WPBakery Page Builder. Например, вот как выглядит редактирование включенного шаблона  About Me  с помощью редактора WPBakery Page Builder для внешнего интерфейса:

Если вы еще не знакомы с WPBakery Page Builder, это инструмент, который позволяет создавать/редактировать страницы с помощью перетаскивания и визуального редактора. Он не требует, чтобы вы знали и писали собственный HTML/CSS.

Тест производительности Pofo

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

Как работает Pofo? Чтобы проверить это, мы запустили домашнюю страницу демоверсии через инструменты разработчика Chrome, и на главной странице получили:

74 запроса 122 КБ переведено

Тем не менее, достойная часть этого идет от дизайна WPBakery Page Builder. Поэтому, если вы удалили ненужные элементы, то определенно получите это число. Например, когда мы тестировали обычную страницу WordPress, значения упали до:

60 запросов 33.8 KB передано

Сколько стоит тема Pofo?

Pofo доступен в ThemeForest за 59 долларов США, что довольно стандартно для тем ThemeForest. Учитывая, сколько демо/шаблонов вы получаете, а также тот факт, что получаете пожизненные обновления, цена определенно справедливая.

Вы также получаете 6 месяцев поддержки, а также  подробную письменную документацию и  видеоуроки .

Сморите также:

Все премиум шаблоны WordPress .

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

Шаблоны WPBakery Page Builder предоставляют большую гибкость, что приятно (особенно, если вы поклонник создания страницы WPBakery).

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

 

Источник:

rss