Storefront: обзор лучшей официальной темы WooCommerce • WP Best

Почему Storefront — лучшая тема для магазина

Storefront это простой, чистый, адаптивный, seo-оптимизированный,  бесплатный официальный шаблон от разработчиков WooCommerce.

WooCommerce самый популярный плагин для магазина, поэтому для него созданы сотни привлекательных и функциональных премиум тем.

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

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

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

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

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

Дочерняя тема для Storefront

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

Storefront можно скачать из репозитория WordPress, забив её имя в поиске, либо с сайта WooCommerce и установить из архива.

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

Возможно, вы захотите добавить демо данные в магазин, чтобы было с чего начать изменение внешнего вида. Файл для импорта демо находится в папке плагина woocommerce/sample-data, с названием sample-products.xml (или sample-products.csv)  в зависимости от инструмента импорта.

Storefront шаблоны

На сайте WooCommerce можно приобрести готовые шаблоны для Storefront разной тематики.

Рекомендую посмотреть все варианты (на текущий момент их 14). Цена недорогая, $39 за тему, т.е. не дороже чем заказывать ту же работу у фрилансера.

Storefront Themes WooCommerce

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

Помощник базовой настройки Storefront

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

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

Quick tour WooCommerce — WordPress

Менее чем за 5 минут, можно собрать демо сайт, готовый к изменениям.

Хочу отметить, все надписи на фронтенде и опции настроек на русском языке. Нет смысла о них рассказывать и перечислять.

Storefront — Demo на WordPress

Расширения для Storefront

Разработчики предлагают приобрести пакет расширений со скидкой за $69.

В этот пакет входят 7 платных расширений, единичная лицензия которых составляет $193. Приобретается обновление и поддержка на годовую подписку.

Storefront Powerpack

Дает возможность оформить практически любой элемент сайта через кастомайзер, — шрифт, цвет, фон, текст и прочее.

Storefront Parallax Hero

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

Storefront Product Hero

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

Storefront Mega Menus

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

Storefront Blog Customizer

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

Storefront Pricing Table

Таблица цен с настройками и просмотром через кастомайзер.

Storefront Reviews

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

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

Действительно, это мощный пакет расширений, отобранный маркетологами, который позволит собрать готовый интернет магазин в кратчайшие сроки и с небольшим техническим уровнем знаний, всего за $100 (включая готовую дочернюю тему для Storefront).

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

Bundles WooCommerce

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

Нет, они не дотягивают до данного премиум функционала .

Набор расширений Storefront поможет вам создать сайт с единым видом и управлением, тщательно протестированный, стабильный и производительный.

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

Поэтому Storefront это мой личный выбор как пользователя и как разработчика.

Если  есть вопросы по Storefront, задавайте, спрашивайте, пишите, буду рад предложить свою помощь.

Подписаться
Уведомление о
guest
2 Комментарий
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Наталья
Наталья
1 год назад

Добрый день! Совсем недолго занимаюсь созданием сайта с темой Storefront, в свое время создала дочернюю и работаю с ней. Но недавно поняла, что часть изменений все-таки успела внести в родительскую. Как теперь грамотно перенести эти сведения в дочернюю или в уже обновленную родительскую?
Нигде не могу найти архив темы 2.4.3, чтобы сверить измененные файлы с исходными. А я точно не помню, где были внесены изменения.

2
0
Оставьте комментарий.x
()
x
Пролистать наверх