Как создавать темы для WooCommerce WordPress

Содержание материала:

ТОП-10 WooCommerce шаблонов Интернет-магазина на WordPress

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

Этому способствует возникновение новых инструментов и способов создания сайтов.

Если ещё 10 лет назад создание сайта без знаний программирования казалось нереальным, то сегодня благодаря множеству CMS и конструкторов сайтов возможно создать сайт самостоятельно, причём его качество ничем не будет отличаться от того, что вам могут предложить профессиональные разработчики и веб-студии.

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

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

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

Но не стоит расслабляться, т.к. выбор шаблона для сайта — занятие далеко не из лёгких, скорее — наоборот. Всё из-за того, что на сегодняшний день их настолько много, что глаза попросту разбегаются — так бы все и купил �� Но, вам потребуется всего один. И выбрать его я сегодня вам и помогу ��

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

Поэтому сегодня вас будет ждать 10 самых лучших тем для WooCommerce Интернет-магазина на WordPress. От вас же потребуется вдумчивое чтение, ведро попкорна и клики на ссылку «Узнать больше» под изображением понравившегося ВП шаблона для просмотра демо и его покупки.

Woostroid — многоцелевой WooCommerce шаблон магазина

Woostroid — это популярный Вордпресс шаблон, созданный специально для онлайн продаж.

Данная WP тема может представить в сети следующие бизнес ниши:

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

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

  • магазин аксессуаров
  • магазин косметики.

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

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

Отдельного внимания заслуживает WYSIWYG редактор, который идёт в комплекте с данной WooCommerce темой. Благодаря ему вы, как создатель web-сайта, сможете видеть как будет выглядеть проект после его публикации прямо на этапе строительства.

Помимо данных плюшек Woostroid содержит в своём комплекте следующие премиум плагины WordPress, цена которых уже включена в стоимость данной ВП темы:

  • JetMenu — свеженький плагин для создания красочных меню любой сложности;
  • JetElements — плагин, который содержит сотни стильных UI компонентов, способных обогатить любой дизайн;
  • JetWooBuilder — eCommerce плагин для Вордпресс, который состоит из многочисленных функций и элементов, разработанных специально для онлайн продаж.

UNIQLO — минималистичная WooCommerce тема

Uniqlo — это минималистичный шаблон сайта WordPress, построенный на базе популярного frontend фреймворка Twitter Bootstrap, позволяющий делать адаптивную вёрстку без лишних телодвижений программиста.

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

Помимо этого, среди примечательных особенностей данной WordPress темы можно выделить следующие:

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

Что касается готовых страниц, то внутри данного WooCommerce шаблона пользователь найдет такие, как:

  • Главная страница,
  • Продукты,
  • Распродажа,
  • Наша команда,
  • Блог,
  • Галерея,
  • Контакты,
  • Магазин,
  • Вишлист и т.д.

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

Также внутри Uniqlo доступна опция Newsletter Subscription, которая позволяет пользователю делиться с аудиторией любыми новостями. Благодаря автоматической рассылке, владелец сайта может рассказать своим постоянным покупателям о скидках, акциях, новых поступлениях и специальных предложениях.

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

Открыв демо версию шаблона, вы также увидите портативное hamburger menu. Очередным плюсом этой опции является то, что встроенное в Uniqlo меню является sticky, то есть, ‘липким’. Оно остается вверху странички, когда посетитель скролит продукцию, так что вашим покупателям не придется проделывать весь путь обратно к хедеру для того, чтобы открыть другую вкладку.

Jka — красочный WP шаблон WooCommerce магазина

Шаблон Jka имеет 5 различных вариантов главной страницы вашего WordPress Интернет-магазина. Что же касается остальных страниц, то данная WooCommerce тема содержит следующие:

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

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

  • Top Products, который доступен как в меню, так и на главной странице, расскажет посетителю о ваших популярных товарах;
  • Arrivals покажет гостям сайта новую продукцию. Для пробуждения интереса у покупателей можно использовать баннер и различные call-to-action кнопки;
  • Featured Products содержит произвольные товары, на которые вы хотите обратить внимание клиентов в первую очередь.

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

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

Makeup Guru — элегантный шаблон сайта на WooCommerce

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

  • косметика и уход за собой;
  • аксессуары;
  • ювелирные изделия и пр.

Рассматриваемая нами WooCommerce тема является WPML-ready и позволяет воспользоваться потрясающими визуальными эффектами при реализации дизайна.

Внутри шаблона вы найдете Parallax scrolling элементы и блоки, позволяющие добавлять 3D-графику в качестве фона. И, самое главное, — данные элементы реализованы в Makeup Guru таким образом, что их наличие не заставит ваш сайт тормозить, а клиентов подолгу ожидать загрузку страницы.

А это — один из важнейших китериев с точки зрения поисковых систем, поэтому можно смело утверждать, что с данным WP WooCommerce шаблоном ваш Интернет-магазин будет иметь высокие позиции в поисковой выдаче и презентабельный внешний вид одновременно.

Также Makeup Guru укомплектован интерактивной контактной формой и чатом, работающем в режиме реального времени.

TeaHouse — уютная WooCommerce тема Интернет-магазина

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

  • магазин здорового питания;
  • органические товары;
  • чайная лавка.

TeaHouse содержит целых два вида меню для комфортной навигации по сайту: sticky (или «липкое») MegaMenu для основных секций и выпадающее hamburger menu для категорий товаров.

Благодаря данной теме WooCommerce онлайн-магазина вы сможете привлекать внимание клиентов к своим товарам с помощью следующих визуальных элементов:

  • движущиеся баннеры;
  • CTA (call-to-action) кнопки;
  • блок New Arrivals;
  • Smart Product/Grid List для впечатляющего промо продукции;
  • лейблы со скидкой и акциями, которые будут отображаться в углу товара;
  • блок с портфолио и отзывами клиентов;
  • секция From the Blog, позволяющая встраивать на любую страницу посты из блога.

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

Hypernova — стильный WooCommerce шаблон магазина

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

  • оборудование;
  • посуду;
  • мебель;
  • декоративные товары;
  • технику.

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

Благодаря тому, что Hypernova прошел все необходимые проверки качества кода и производительности, включая Google Page Speed Insights и GTmetrix, его смело можно назвать SEO-ready темой для WooCommerce интернет-магазина на все 100%.

Кроме перечисленных возможностей данный WordPress eCommerce шаблон содержит следующие премиум-плагины для максимальной кастомизации дизайна вашего сайта:

  • Compare & Wishlist — плагин для создания удобной навигации;
  • Cherry Sidebars — плагин для создания кастомных сайдбаров, их редактирования и добавления к уже существующим слоям;
  • MegaMenu;
  • Newsletter popup — плагин для электронной подписки и рассылки почты;
  • Moto Press Slider — плагин для выигрышной презентации контента;
  • Quick Contact Form.

К тому же, тема Hypernova поставляется с интегрированными Google шрифтами и картами.

Naturio — мощный WooCommerce шаблон для WordPress

Переходя к следующему шаблону для сайта Вордпресс, предлагаю сразу же взглянуть на его возможности. Как и все представленные в данном обзоре продукты, Naturio является WPML-ready и SEO-friendly темой, но на этом список ее преимуществ не заканчивается.

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

В данной WooCommerce теме вы найдёте следующие плагины для создания успешного веб-сайта:

  • WooCommerce package — eCommerce плагин, в котором есть буквально все опции для запуска онлайн-магазина;
  • Cherry Popups — must-have плагин для информирования клиентов о новых товарах и акциях через email рассылку;
  • WooCommerce AJAX Filter — плагин, который поможет вам построить комфортную навигацию и облегчить поиск нужных товаров;
  • WordPress Social Login — еще один полезный плагин, который поможет клиентам исключить скучный процесс регистрации и войти на веб-сайт при помощи их аккаунтов в популярных социальных сетях;
  • MegaMenu плагин построения меню;
  • WooCommerce Compare & Wishlist плагин;
  • WooCommerce Quick View — плагин для быстрого просмотра товара, который также работает на базе AJAX технологии,
  • Elementor Page Builder (WP Live Customizer) — незаменимый редактор для контента с технологией drag-and-drop и live preview, etc.

Теперь немного поговорим о презентации вашей продукции. Особого внимания заслуживает функция под названием Products Carousel Widget. Она поможет владельцу сайта создавать красочные карусели с использованием изображений товаров магазина. Также, работая с Naturio, вы получаете:

  • Product Badges для идентификации различных товаров;
  • умное разделение продуктов на категории и подкатегории с использованием фотографий;
  • баннеры с CTA кнопками;
  • бесплатные тематические снимки в высоком разрешении;
  • колонку Latest From Blog, где будут отображаться свежие публикации;
  • Our Clients Testimonials — раздел на главной странице магазина, где будут показаны отзывы ваших клиентов;
  • необычные анимации, появляющиеся во время загрузки страницы и многое другое.

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

Digita — адаптивный WooCommerce шаблон электроники

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

Дня начала рассмотрим меню. В пакете их два. Sticky меню включает в себя основную навигацию (вроде страниц home, shop, blog, etc.) и всегда остается вверху странички. Более того, это меню также было создано при помощи плагина MegaMenu, что позволяет включить в него такие опции как умная сортировка контента.

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

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

Работая с представленной темой WordPress WooCommerce, вам будут доступны следующие группировки товаров:

  • Top Products для лучших товаров, среди которых возможно разделение на секции вроде новые поступления, бестселлеры или специальное предложение;
  • секция Latest News для постов из блога;
  • список брендов;
  • Hand Pick Products — на 100% кастомизированная строка, куда пользователь может добавить любую продукцию;
  • Top Categories.

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

В пакете Digita содержится впечатляющее количество виджетов, 10 стилей для блога и несколько вариаций для галереи и портфолио. Также здесь вы найдёте Progress Bars, счетчики и Testimonials.

PowerZone — WooCommerce шаблон строительных работ

Откровенно говоря, функционал темы PowerZone мало отличается от комплектации представленных выше WooCommerce шаблонов интернет магазинов. Разве что демо-контентом, посвящённым строительным работам, и набором плагинов, среди которых вы найдёте следующие:

  • MegaMenu plugin;
  • Social Login для WP;
  • WooCommerce pack;
  • WPML;
  • Elementor Page Builder;
  • AJAX Filters;
  • Cherry Plugins и т.д. и т.п.

Также, остановив свой выбор на PowerZone, вы получите следующие следующие плюшки:

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

Arts-n-crafts — творческий WooCommerce шаблон

Завершить сегодняшнюю подборку я решил шаблоном для eCommerce проекта — Arts-n-crafts, который великолепно подойдёт людям, продающим вещи, сделанные собственными руками.

Содержащийся в данной WooCommerce теме Интернет-магазина демо-контент отлично сочетается со следующими товарами:

Внутри темы вы найдёте множество must-have элементов для Интернет-магазинов, многие из которых вам уже знакомы из описаний предыдущих тем для WooCommerce Интернет-магазинов:

  • миниатюрное hamburger menu;
  • креативные лого и шрифты;
  • необычные иконки;
  • стили для футеров, хедеров, постов и шоукейса изображений;
  • возможность отфильтровать продукцию по ее цене, цвету, новизне и т.д.;
  • рейтинг товаров;
  • AJAX-based элементы;
  • Related Products.

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

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

Десятки часов программирования и вёрстки, дни работы дизайнеров и SEO-специалистов — всё это для того, чтобы вы могли создать Интернет-магазин самостоятельно нажатием одной кнопки для установки шаблона на свой WordPress сайт.

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

Надеюсь, что сегодняшняя статья позволила вам подобрать подходящий WooCommerce шаблон для вашего WordPress Интернет-магазина и быть в тренде.

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

Там уж точно есть из чего выбрать ��

На этом сегодня всё. Делитесь в комментариях, на каком варианте для своего WooCommerce магазина вы остановились и почему.

Также не стесняйтесь задавать любые интересующие вас вопросы относительно использования и выбора шаблонов, с радостью вас проконсультирую ��

P.S.: если вам нужен сайт либо необходимо внести правки на существующий, но для этого нет времени и желания, могу предложить свои услуги.

Более 5 лет опыта профессиональной разработки сайтов. Работа с PHP, OpenCart, WordPress, Laravel, Yii, MySQL, PostgreSQL, JavaScript, React, Angular и другими технологиями web-разработки.

Опыт разработки проектов различного уровня: лендинги, корпоративные сайты, Интернет-магазины, CRM, порталы. В том числе поддержка и разработка HighLoad проектов. Присылайте ваши заявки на email [email protected]

И с друзьями не забудьте поделиться ��

Как создавать темы для WooCommerce WordPress

Это главная страница руководства по созданию тем (шаблонов) для WordPress. Основная информация взята из официального руководства и из личного опыта.

Чтобы сразу посмотреть общий принцип создания темы, перейдите к части учебника: Создание самой простой темы

Что такое тема?

Тема WordPress — это набор css, js, php файлов, которые в связке с WordPress и плагинами выводят информацию из базы данных на экран в красивом и удобном виде (дизайне). Ну или в некрасивом и неудобном, тут смотря какую тему выбрать. В других движка тему еще называют «шаблоном», но в WordPress принято говорить именно тема — theme, а не шаблон — template. Хотя и то и другое по сути одно и тоже.

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

Необходимые файлы

Чтобы создать тему необходимы лишь два файла:

  1. index.php — главный файл темы, отвечает за вывод содержимого
  2. style.css — главный файл стилей, отвечает за css стили

Но ни одна тема по факту не состоит всего из двух файлов. Их больше: PHP, языковые файлы, файл CSS и JS, текстовые файлы. Тему начинают с двух файлов, а затем, чтобы было удобнее, её расширяют, добавляя такие файлы как:

  • header.php — отвечает за вывод шапки
  • footer.php — отвечает за вывод подвала
  • sidebar.php — отвечает за вывод боковой панели
  • page.php — отвечает за вывод отдельной страницы (записи)
  • и т.д. смотрите полный список.
Топ-пост этого месяца:  Что такое лендинг и для чего он нужен в интернете

Возможности темы

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

Таким образом, тема может:

  • Отвечать за вывод содержимого сайта под разные типы устройств: мониторы и смартфоны. Такие темы называются адаптивные. Также темы могут быть фиксированные, одноколоночные, двухколоночные и т.п.;
  • Тема может выводить любое содержимое;
  • Может указать, какой контент будет отображаться для разных пользователей;
  • Может использовать любые элементы дизайна (картинки, видео).

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

Чем тема отличается от плагина?

С точки зрения кода, можно сказать, ничем — в теме можно создать полноценный плагин. А вот с точки зрения логики — всем! Задача плагина, добавить что-то новое на сайт, например добавить опрос. Задача темы — вывод содержимого, в том числе, этого опроса.

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

Никогда не добавляйте функциональность в саму тему, если только на это нет веских причин. Если это сделать, то при смене темы функциональность потеряется в месте с ней. Например, в вашей теме есть крутая фотогалерея. И если поменять тему, то эта крутая фотогалерея потеряется.

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

Где скачивать темы?

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

Есть и другие источники, но там темы обычно платные. Например, темы можно скачать на: Creative Market.

Старт

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

Этот раздел в процессе разработки. И вообще, я его начал писать и забросил, неинтересное занятие получается. Будет время, желание продолжу.

WooCommerce WordPress — Как создать магазин

Хотите открыть собственный интернет-магазин? Мы решили сделать полное руководство по созданию магазина с помощью WooCommerce WordPress.

С чего начать интернет-магазин на WordPress?

Для открытия интернет-магазина вам необходимо:

Выбрать домен и хостинг

Домен — это адрес вашего будущего интернет-магазина.

А хостинг — это место на сервере, где располагается ваш сайт.

Советы по выбору домена и хостинга вы можете прочитать в нашей статье « Как сделать сайт на WordPress » .

Установить WordPress

Посмотрите наше видео « Как установить WordPress » .

После того, как вы установили WordPress, его нужно правильно настроить.

На сайте есть отдельная статья « Как настроить WordPress» .

Подключить SSL сертификат

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

UPD: А с 1 июля 2020 наличие HTTPS в адресе сайта обязательно. Иначе ваш сайт будет помечаться как ОПАСНЫЙ

Если у сайта нет SSL сертификата (т.е. адрес сайта начинается с http://), Google также понижает его в выдаче.

Установить WooCommerce

Существуют 2 популярные платформы eCommerce:

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

Shopify делает все за вас.

Но у платформы есть значительные минусы:

  • высокая стоимость
  • невозможность переноса сайта с этой платформы.

Вот, почему мы советуем использовать WooCommerce.

Как установить WooCommerce WordPress

Как и все плагины WordPress, его сначала нужно установить.

Вы также можете посмотреть видео:)

А вот первый способ. Самый простой.

Перейдите в панели администратора в Плагины — Добавить новый.

Просто нажмите «Установить», а потом — «Активировать».

На экране появится новое окно запуска настройки WooCommerce.

Интернет-магазин — это особый вид сайта. И ему нужны определенные страницы для правильной работы.

Первый шаг мастера WooCommerce заключается в создании этих страниц: (они будут доступны в панели администратора WooCommerce — Настройки)

«Основные» — все о вашем магазине (адрес, налоги, валюта и пр.)

«Товары» — это страница, где будут отображаться ваши товары.

«Доставка» — способы доставки.

«Платежи» — здесь все про способы оплаты.

«Аккаунты» — это страница профиля для зарегистрированных клиентов. Они смогут просматривать свои прошлые заказы и управлять другими настройками.

Все, что вам нужно сделать на этом этапе мастера WooCommerce, нажать кнопку «Продолжить».

WooCommerce создаст эти страницы для вас.

Теперь перейдем к мастеру WooCommerce.

Настройка магазина

Здесь вы должны настроить местоположение магазина, вид валюты.

Способы оплаты (рекомендуется PayPal)

WooCommerce WordPress предлагает несколько готовых вариантов оплаты:

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

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

После всех настроек нажмите «Продолжить».

Способы доставки

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

В следующем пункте вам предложат установить плагин JetPack и получить дополнительный функционал:

Вы можете пропустить этот шаг.

Далее на экране появится окно подтверждения — настройка WooCommerce завершена.

Как добавить продукты

Чтобы добавить первый товар в ваш магазин, перейдите в панель администратора WooCommerce — Товары — Добавить новый.

Перед вами появится классический экран редактирования WordPress.

1. Наименование товара

2. Основное описание продукта

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

В принципе, все, что вы сочтете нужным.

3. Главный раздел данных продукта

Здесь вы можете установить тип продукта, который добавляете. Можно ли его скачать, виртуальный ли это продукт (услуги также считаются виртуальными).

В раздела есть дополнительные вкладки для различных параметров продукта:

  • Основные. Здесь вы можете установить цены (базовая и цена распродажи).
  • Запасы. WooCommerce позволяет задавать артикул, указывать наличие и управлять запасами.
  • Доставка. Указание веса, размеров и стоимость доставки.
  • Сопутствующие товары. Апсейл — товар, который вы можете порекомендовать покупателю. Кроссел — товар, который вы рекламируете уже в корзине, основываясь на добавленном.
  • Атрибуты. Здесь можно задать атрибуты товара. Например, если вы продаете рубашки, здесь можно установить альтернативные цвета.
  • Дополнительно. Дополнительные настройки: примечание к покупке (будет отправлено покупателю после завершения покупки), меню заказа (можно упорядочить позиции в заказе), отзывы.

4. Краткое описание

Это текст, который отображается на странице товара под названием.

5. Категории товара

Установите их для группировки похожих. Например, «шляпы». Принцип работы такой же, как и со стандартными категориями.

6. Метки товара

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

7. Изображение товара

Основная фотография вашего товара.

8. Галерея продуктов

Дополнительные фото товара, чтобы продемонстрировать какие-либо детали.

Более того, при первом открытии этой панели WooCommerce отобразит некоторые полезные подсказки, чтобы объяснить, в чем цель заполнения каждого поля.

Когда вы закончите настройку всего вышеперечисленного, нажмите кнопку «Опубликовать».

И ваш первый товар будет добавлен на сайт.

После добавления в базу товаров раздел «Все товары» в панели администратора должен выглядеть примерно так:

Выбор темы для интернет-магазина

По умолчанию WooCommerce работает с любой темой WordPress.

Тема предлагает готовое решения для вашего магазина: цветовое оформление, количество колонок с товарами, сайдбар, меню и прочее.

Кроме того, вы можете использовать специальные премиум темы, оптимизированные для WooCommerce. Они поставляются с, как правило, сразу несколькими готовыми вариантами магазина.

Их можно найти на биржах тем:

Вот несколько советов по выбору темы для магазина WooCommerce WordPress:

Простой дизайн

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

Если любое из действий вызовет вопросы, вряд ли он что-то купит.

Центральный блок главной страницы

Он должен привлекать внимание посетителей сразу же, как тот попадает на сайт.

Для этого вы можете использовать слайдер с фото ваших товаров или, например, видео.

Наличие сайдбара

Здесь можно расположить удобное меню для перехода по разделам. А также фото новинок вашего магазина или виджет с действующими акциями.

Адаптивный дизайн

Ваш сайт должен работать на мобильных устройствах так же хорошо, как и на ПК.

Если это не так, вы потеряете клиента.

Хорошая навигация

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

Еще вам может быть полезна статья «Как выбрать тему WordPress».

Как расширить функционал магазина WooCommerce WordPress

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

Плагины – это приложения, которые расширяют функционал.

На сайте вы найдете полезные статьи:

Надеюсь, вам понравилась статья и теперь вы сами сможете создать магазин, используя WooCommerce WordPress.

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

30 популярных WordPress шаблонов с поддержкой WooCommerce

�� Лучшие премиум-темы для Вордпресс от топовых разработчиков мира

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

Для данной публикации я отобрал 30 наиболее популярных шаблонов, которые работают на базе WordPress. Все из них были разработаны одним из ведущих производителей популярных веб-дизайн решений — компанией TemplateMonster. Коллекция готовых шаблонов для блогов, бизнес сайтов и интернет-магазинов насчитывает более 26 тысяч единиц. Коллекция WooCommerce шаблонов состоит из более чем 300 профессиональных решений для различных тематик. Для данной подборки были отобраны 30 наиболее популярных продуктов с наибольшим количеством загрузок.

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

Также, все 30 шаблонов содержат детальную документацию и бесплатную техническую поддержку 24/7. Если же вам понадобится помощь фрилансера либо веб-дизайн студии, то вы всегда можете найти наиболее подходящую команду специалистов в каталоге веб-студий от TemplateMonster.

Woostroid — универсальный WooCommerce шаблон

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

Hypernova — Адаптивный WooCommerce шаблон

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

Sportware — Адаптивный WooCommerce шаблон для магазина спорттоваров

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

Organica — Адаптивный WooCommerce шаблон для магазина косметики

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

Hardwire — WooCommerce шаблон для магазина домашнего оборудования

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

Style Factory — WooCommerce шаблон для магазина косметики

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

Agrilloc — Адаптивный WooCommerce шаблон для магазина фруктов

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

Chef Plaza — Адаптивный WooCommerce шаблон для магазина вина

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

Walden — Адаптивный WooCommerce шаблон на тему домашнего декора

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

Techlab — Адаптивный WooCommerce шаблон для магазина электроники

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

Fashion Gaze — Адаптивный WooCommerce шаблон для магазина модной одежды

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

Talisman — Адаптивный WooCommerce шаблон для магазина подарков

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

Sportlans — Адаптивный WooCommerce шаблон для магазин спорттоваров

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

Fleek — Адаптивный WooCommerce шаблон для проекта о моде

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

Mohican — Адаптивный WooCommerce шаблон для магазина мужской одежды

Шаблон содержит GPL лицензию, которая позволяет его устанавливать на неограниченное количество интернет-ресурсов без дополнительных инвестиций. С ним можно открыть магазин одежды для мужчин, модных аксессуаров, канцелярских товаров и веб-порталы различных других тематик. Он прост в установке и использовании. Поддержка плагина WPML обеспечит высокое качество перевода текстов, размещенных на вашем сайте.

kNox — Адаптивный WooCommerce шаблон для магазина электроники

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

Arden — Адаптивный WooCommerce шаблон для магазина вина

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

Helios — Адаптивный WooCommerce шаблон на тему солнечной энергии

Шаблон построен таким образом, что у интернет-пользователей не останется ни малейшего сомнения в профессионализме проекта, который он представляет. Загрузка страниц происходит практически молниеносно, подтверждением чему является высокая оценка Google Pagespeed (85+ баллов). Все страницы шаблона оптимизированы согласно последним требованиям поисковых систем.

Greenville — Адаптивный WooCommerce шаблон для магазина еды

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

Timberline — Адаптивный WooCommerce шаблон для мебельного магазина

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

Bellatoi — Адаптивный WooCommerce шаблон для магазина белья

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

Grannali — Адаптивный WooCommerce шаблон для магазина обуви

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

SmartHouse — Адаптивный WooCommerce шаблон для магазина электроники

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

POSH — Адаптивный WooCommerce шаблон для магазина одежды

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

Boutique — Адаптивный WooCommerce шаблон для магазина одежды

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

Адаптивный WooCommerce шаблон для магазина сумок

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

Jewello — Адаптивный WooCommerce шаблон для ювелирного магазина

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

Coffeera — Адаптивный WooCommerce шаблон для магазина кофе

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

Electronics Store WooCommerce Theme — Адаптивный WooCommerce шаблон для магазина электроники

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

Fairy Style — WooCommerce шаблон для магазина одежды и аксесуаров

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

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

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

Подпишитесь на рассылку
Один раз в месяц все новые материалы в одном письме

200 бесплатных наборов кистей для Фотошопа
373

Как в Фотошопе сменить русский язык на английский
201

25 лучших шаблонов для создания интернет-магазина на OpenCart
186

Как быстро удалить все исходящие заявки в друзья во Вконтакте
158

Как открыть *.CDR в Adobe Illustrator
152

Топ-пост этого месяца:  Как в CMS Joomla установить русский язык

Как быстро наполнить сайт на WordPress с помощью плагина WP All Import
149

5 лучших книг по Вордпресс на русском языке
147

10 рекомендуемых книг-бестселлеров по PHP
129

Как отправить большое видео в Ватсап
128

20 лучших шаблонов Вордпресс для сферы услуг
119

Как скачать приватное видео из фейсбука
111

Как импортировать большую базу данных MySQL в обход ограничений phpMyAdmin
95

Установка временнОй зоны в PHP
92

Как включить мультисайт и создать сеть сайтов на Вордпресс
86

Как использовать Media Query в JavaScript
85

10 бесплатных шаблонов лендингов в PSD
66

20 лучших Вордпресс шаблонов для образовательных сайтов
65

Как разрешить загрузку SVG и других форматов файлов в Вордпресс?
61

20 лучших шаблонов Вордпресс для веб-студий и маркетинговых агентств
59

10 лучших Вордпресс шаблонов для турфирм, турагентств и туроператоров
58

Woocommerce шаблоны — полный разбор

Ссылка на эту страницу:

Встроить HTML код видео:

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

Что такое шаблон woocommerce?

Страницы в woocommerce делятся на несколько основных типов:

  1. Страница типа товар.
  2. Страница типа архив товаров.
  3. Страница типа корзина.
  4. Страница типа оформление товара.
  5. Страница типа спасибо.
  6. Страница типа письмо (email).

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

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

На скриншоте показано, как выглядят файлы и папки шаблонов на сервере.

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

Как редактировать Woocommerce шаблоны

Плейлист Артема Абрамовича c его youtube-канала WPRUSe полностью ответит на все ваши вопросы о редактировании и изменении шаблонов Woocommerce.

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

wordpress woocommerce шаблоны — как внедрить HTML в woocommerce

Следующий плейлист объяснит вам как технично трансформировать шаблон HTML в шаблон woocommerce.

Шаблоны писем woocommerce

Часто владельцы интернет-магазинов интересуются, как создать свой шаблон для email писем в Woocommerce.

Этот плейлист направлен на решение данной задачи.

Woocommerce шаблон категории — как настраивать

Из следующих видео вам станут ясны все детали о категориях в woocommerce.

Шаблоны страниц woocommerce — установка шаблонов

Следующее видео продемонстрирует как установить шаблоны страниц woocommerce.

Дополнительно

Полезная подборка видео по теме.

Галерея по теме шаблонов Woocommerce

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

Весь курс
https://www.youtube.com/watch?v=IRxOu5XZh2s&list=PLzFj4L-LMRzsaNrS00le_wWsZed7PTu2F

Ссылки из видео
Сайт с гайдами по визуализации хуков
https://businessbloomer.com/

Создание дочерней темы
Видео https://www.youtube.com/watch?v=cpTUIM18K28
Готовая тема под Сторфронт https://github.com/artikus11/storefront-child-theme
Плагин для быстрого создания дочерней темы
https://ru.wordpress.org/plugins/child-theme-configurator/

Пустой плагин
https://wpruse.ru/my-plugins/pustoj-plagin/

Подготовка сайта под поисковое продвижение «Сеоподготовка» http://bit.ly/2lR3t6Z
Сайт медленно загружается? Смотри «Оптимизация скорости» http://bit.ly/2meDFm0
Как натянуть хтмл на вордпресс? Смотри подробный сериал «HTML2WP» http://bit.ly/2meta22
Смотри обзоры бесплатных и премиум http://bit.ly/2lClXFH
Не знаешь как выглядит сайт со стороны? Смотри видеокритику и записывайся http://bit.ly/2mjVrks
Пишем разные решения. Кодим понемногу http://bit.ly/2l6EE2E

Темы и разработчики
Купить тему Divi http://bit.ly/ET_Divi
Купить разработки WP-Puzzle http://bit.ly/wp-puzzle
Купить тему и плагины ElegantThemes http://bit.ly/ArtElegantThemes

Хостинги
Быстрый хостинг Fozzy http://bit.ly/fozzyhost купон на скидку 10% wpruse
Доступный хостинг Beget http://bit.ly/BeGetArt
Хороший хостинг EuroByte http://bit.ly/EuroByte

Поддержать канал
http://wpruse.ru/?p=1079

*********************************************************************
Контакты
Страница VK: https://vk.com/artikus13
Группа про WordPress https://vk.com/wpruse
Канал на YouTube: https://www.youtube.com/c/wpruseru
Блог о разном http://artabr.ru/
Блог в поддержку канала http://wpruse.ru/

Как изменять WooCommerce. Эпизод #1. Введение: файлы, хуки, фильтры

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

Весь курс
https://www.youtube.com/watch?v=IRxOu5XZh2s&list=PLzFj4L-LMRzsaNrS00le_wWsZed7PTu2F

Ссылки из видео
Сайт с гайдами по визуализации хуков
https://businessbloomer.com/

Создание дочерней темы
Видео https://www.youtube.com/watch?v=cpTUIM18K28
Готовая тема под Сторфронт https://github.com/artikus11/storefront-child-theme
Плагин для быстрого создания дочерней темы
https://ru.wordpress.org/plugins/child-theme-configurator/

Пустой плагин
https://wpruse.ru/my-plugins/pustoj-plagin/

Подготовка сайта под поисковое продвижение «Сеоподготовка» http://bit.ly/2lR3t6Z
Сайт медленно загружается? Смотри «Оптимизация скорости» http://bit.ly/2meDFm0
Как натянуть хтмл на вордпресс? Смотри подробный сериал «HTML2WP» http://bit.ly/2meta22
Смотри обзоры бесплатных и премиум http://bit.ly/2lClXFH
Не знаешь как выглядит сайт со стороны? Смотри видеокритику и записывайся http://bit.ly/2mjVrks
Пишем разные решения. Кодим понемногу http://bit.ly/2l6EE2E

Темы и разработчики
Купить тему Divi http://bit.ly/ET_Divi
Купить разработки WP-Puzzle http://bit.ly/wp-puzzle
Купить тему и плагины ElegantThemes http://bit.ly/ArtElegantThemes

Хостинги
Быстрый хостинг Fozzy http://bit.ly/fozzyhost купон на скидку 10% wpruse
Доступный хостинг Beget http://bit.ly/BeGetArt
Хороший хостинг EuroByte http://bit.ly/EuroByte

Поддержать канал
http://wpruse.ru/?p=1079

*********************************************************************
Контакты
Страница VK: https://vk.com/artikus13
Группа про WordPress https://vk.com/wpruse
Канал на YouTube: https://www.youtube.com/c/wpruseru
Блог о разном http://artabr.ru/
Блог в поддержку канала http://wpruse.ru/

Как изменять WooCommerce. Эпизод #2. Страница товара

Новый курс по WooCommerce. Теоретические выкладки, о структуре файлов WooCommerce и о том, как правильно изменять WooCommerce через хуки.
Это второй эпизод. Разбираем из каких фалов состоит страница товара в WooCommerce. Что а чем подключается и как это правильно подключать и переподключать

Весь курс
https://www.youtube.com/watch?v=IRxOu5XZh2s&list=PLzFj4L-LMRzsaNrS00le_wWsZed7PTu2F

Ссылки из видео
Сайт с гайдами по визуализации хуков
https://businessbloomer.com/

Создание дочерней темы
Видео https://www.youtube.com/edit?o=U&v > Готовая тема под Сторфронт https://github.com/artikus11/storefront-child-theme
Плагин для быстрого создания дочерней темы
https://ru.wordpress.org/plugins/child-theme-configurator/

Пустой плагин
https://wpruse.ru/my-plugins/pustoj-plagin/

Подготовка сайта под поисковое продвижение «Сеоподготовка» http://bit.ly/2lR3t6Z
Сайт медленно загружается? Смотри «Оптимизация скорости» http://bit.ly/2meDFm0
Как натянуть хтмл на вордпресс? Смотри подробный сериал «HTML2WP» http://bit.ly/2meta22
Смотри обзоры бесплатных и премиум http://bit.ly/2lClXFH
Не знаешь как выглядит сайт со стороны? Смотри видеокритику и записывайся http://bit.ly/2mjVrks
Пишем разные решения. Кодим понемногу http://bit.ly/2l6EE2E

Темы и разработчики
Купить тему Divi http://bit.ly/ET_Divi
Купить разработки WP-Puzzle http://bit.ly/wp-puzzle
Купить тему и плагины ElegantThemes http://bit.ly/ArtElegantThemes

Хостинги
Быстрый хостинг Fozzy http://bit.ly/fozzyhost купон на скидку 10% wpruse
Доступный хостинг Beget http://bit.ly/BeGetArt
Хороший хостинг EuroByte http://bit.ly/EuroByte

Поддержать канал
http://wpruse.ru/?p=1079

*********************************************************************
Контакты
Страница VK: https://vk.com/artikus13
Группа про WordPress https://vk.com/wpruse
Канал на YouTube: https://www.youtube.com/c/wpruseru
Блог о разном http://artabr.ru/
Блог в поддержку канала http://wpruse.ru/

Как изменять WooCommerce. Эпизод #3. Страница архивов

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

Весь курс
https://www.youtube.com/watch?v=IRxOu5XZh2s&list=PLzFj4L-LMRzsaNrS00le_wWsZed7PTu2F

Ссылки из видео

Сайт с гайдами по визуализации хуков
https://businessbloomer.com/

Хендбук по структуре файлов WordPress
https://developer.wordpress.org/themes/basics/template-hierarchy/

Плагин визуализации хуков
https://ru.wordpress.org/plugins/woo-visual-hook-guide/

Плагин для изменения количества постов на странице
https://ru.wordpress.org/plugins/woocommerce-products-per-page/

Создание дочерней темы
Видео https://www.youtube.com/edit?o=U&v >
Готовая тема под Сторфронт https://github.com/artikus11/storefront-child-theme

Плагин для быстрого создания дочерней темы
https://ru.wordpress.org/plugins/child-theme-configurator/

Пустой плагин
https://wpruse.ru/my-plugins/pustoj-plagin/

Подготовка сайта под поисковое продвижение «Сеоподготовка» http://bit.ly/2lR3t6Z
Сайт медленно загружается? Смотри «Оптимизация скорости» http://bit.ly/2meDFm0
Как натянуть хтмл на вордпресс? Смотри подробный сериал «HTML2WP» http://bit.ly/2meta22
Смотри обзоры бесплатных и премиум http://bit.ly/2lClXFH
Не знаешь как выглядит сайт со стороны? Смотри видеокритику и записывайся http://bit.ly/2mjVrks
Пишем разные решения. Кодим понемногу http://bit.ly/2l6EE2E

Темы и разработчики
Купить тему Divi http://bit.ly/ET_Divi
Купить разработки WP-Puzzle http://bit.ly/wp-puzzle
Купить тему и плагины ElegantThemes http://bit.ly/ArtElegantThemes

Хостинги
Быстрый хостинг Fozzy http://bit.ly/fozzyhost купон на скидку 10% wpruse
Доступный хостинг Beget http://bit.ly/BeGetArt
Хороший хостинг EuroByte http://bit.ly/EuroByte

Поддержать канал
http://wpruse.ru/?p=1079

*********************************************************************
Контакты
Страница VK: https://vk.com/artikus13
Группа про WordPress https://vk.com/wpruse
Канал на YouTube: https://www.youtube.com/c/wpruseru
Блог о разном http://artabr.ru/
Блог в поддержку канала http://wpruse.ru/

Как изменять WooCommerce. Эпизод #4. Страница корзины

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

Весь курс
https://www.youtube.com/watch?v=IRxOu5XZh2s&list=PLzFj4L-LMRzsaNrS00le_wWsZed7PTu2F

Ссылки из видео

Хуки Yoast
https://yoast.com/wordpress/plugins/seo/api/

Сниппеты от Рудольфо
https://businessbloomer.com/woocommerce-automatically-update-cart-quantity-change/
https://businessbloomer.com/woocommerce-display-categories-product-name-cart/

Создание дочерней темы
Видео https://www.youtube.com/edit?o=U&v >
Готовая тема под Сторфронт https://github.com/artikus11/storefront-child-theme

Плагин для быстрого создания дочерней темы
https://ru.wordpress.org/plugins/child-theme-configurator/

Пустой плагин
https://wpruse.ru/my-plugins/pustoj-plagin/

Подготовка сайта под поисковое продвижение «Сеоподготовка» http://bit.ly/2lR3t6Z
Сайт медленно загружается? Смотри «Оптимизация скорости» http://bit.ly/2meDFm0
Как натянуть хтмл на вордпресс? Смотри подробный сериал «HTML2WP» http://bit.ly/2meta22
Смотри обзоры бесплатных и премиум http://bit.ly/2lClXFH
Не знаешь как выглядит сайт со стороны? Смотри видеокритику и записывайся http://bit.ly/2mjVrks
Пишем разные решения. Кодим понемногу http://bit.ly/2l6EE2E

Темы и разработчики
Купить тему Divi http://bit.ly/ET_Divi
Купить разработки WP-Puzzle http://bit.ly/wp-puzzle
Купить тему и плагины ElegantThemes http://bit.ly/ArtElegantThemes

Хостинги
Быстрый хостинг Fozzy http://bit.ly/fozzyhost купон на скидку 10% wpruse
Доступный хостинг Beget http://bit.ly/BeGetArt
Хороший хостинг EuroByte http://bit.ly/EuroByte

Поддержать канал
http://wpruse.ru/?p=1079

*********************************************************************
Контакты
Страница VK: https://vk.com/artikus13
Группа про WordPress https://vk.com/wpruse
Канал на YouTube: https://www.youtube.com/c/wpruseru
Блог о разном http://artabr.ru/
Блог в поддержку канала http://wpruse.ru/

Как изменять WooCommerce. Эпизод #5. Страница оформления заказа

Новый курс по WooCommerce. Теоретические выкладки, о структуре файлов WooCommerce и о том, как правильно изменять WooCommerce через хуки.
Это пятый эпизод. Разбираем из каких файлов состоит страница оформления заказа в WooCommerce, что за чем подключается и как это можно изменять
Заодно показываю, как можно отключать/включать поля в форме, как объединить корзину и страницу оформления заказа, и как выводить разные поля в зависимости от способа доставки

Весь курс
https://www.youtube.com/watch?v=IRxOu5XZh2s&list=PLzFj4L-LMRzsaNrS00le_wWsZed7PTu2F

Приходите на стримы с Денису, мы там плагины переводим)
https://www.youtube.com/channel/UCLkgL32ycnfl1hs0nJJD6Og

Ссылки из видео

Кастомизация страницы оформления заказа
https://docs.woocommerce.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/

Статья Миши Рудрастых
https://rudrastyh.com/woocommerce/checkout-fields.html

Статья управления заказами
https://www.skyverge.com/blog/processing-woocommerce-payments-customer/

Готовая тема под Сторфронт https://github.com/artikus11/storefront-child-theme

Плагин для быстрого создания дочерней темы
https://ru.wordpress.org/plugins/child-theme-configurator/

Пустой плагин
https://wpruse.ru/my-plugins/pustoj-plagin/

Подготовка сайта под поисковое продвижение «Сеоподготовка» http://bit.ly/2lR3t6Z
Сайт медленно загружается? Смотри «Оптимизация скорости» http://bit.ly/2meDFm0
Как натянуть хтмл на вордпресс? Смотри подробный сериал «HTML2WP» http://bit.ly/2meta22
Смотри обзоры бесплатных и премиум http://bit.ly/2lClXFH
Не знаешь как выглядит сайт со стороны? Смотри видеокритику и записывайся http://bit.ly/2mjVrks
Пишем разные решения. Кодим понемногу http://bit.ly/2l6EE2E

Темы и разработчики
Купить тему Divi http://bit.ly/ET_Divi
Купить разработки WP-Puzzle http://bit.ly/wp-puzzle
Купить тему и плагины ElegantThemes http://bit.ly/ArtElegantThemes

Хостинги
Быстрый хостинг Fozzy http://bit.ly/fozzyhost купон на скидку 10% wpruse
Доступный хостинг Beget http://bit.ly/BeGetArt
Хороший хостинг EuroByte http://bit.ly/EuroByte

Поддержать канал
http://wpruse.ru/?p=1079

*********************************************************************
Контакты
Страница VK: https://vk.com/artikus13
Группа про WordPress https://vk.com/wpruse
Канал на YouTube: https://www.youtube.com/c/wpruseru
Блог о разном http://artabr.ru/
Блог в поддержку канала http://wpruse.ru/

Как изменять WooCommerce. Эпизод #6. Страница Спасибо

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

Весь курс
https://www.youtube.com/watch?v=IRxOu5XZh2s&list=PLzFj4L-LMRzsaNrS00le_wWsZed7PTu2F

Приходите на стримы с Денису, мы там плагины переводим)
https://www.youtube.com/channel/UCLkgL32ycnfl1hs0nJJD6Og

Ссылки из видео

Кастомизация страницы Спасибо
https://businessbloomer.com/resolved-woocommerce-redirect-custom-thank-page/
https://businessbloomer.com/woocommerce-add-conversion-tracking-code-thank-page/
https://businessbloomer.com/woocommerce-add-text-thank-page/
https://www.tychesoftwares.com/how-to-customize-the-woocommerce-thank-you-page/

Статьи Миши Рудрастых
https://rudrastyh.com/woocommerce/cross-sell-with-coupon.html
https://rudrastyh.com/woocommerce/thank-you-page.html

Готовая тема под Сторфронт https://github.com/artikus11/storefront-child-theme

Плагин для быстрого создания дочерней темы
https://ru.wordpress.org/plugins/child-theme-configurator/

Пустой плагин
https://wpruse.ru/my-plugins/pustoj-plagin/

Подготовка сайта под поисковое продвижение «Сеоподготовка» http://bit.ly/2lR3t6Z
Сайт медленно загружается? Смотри «Оптимизация скорости» http://bit.ly/2meDFm0
Как натянуть хтмл на вордпресс? Смотри подробный сериал «HTML2WP» http://bit.ly/2meta22
Смотри обзоры бесплатных и премиум http://bit.ly/2lClXFH
Не знаешь как выглядит сайт со стороны? Смотри видеокритику и записывайся http://bit.ly/2mjVrks
Пишем разные решения. Кодим понемногу http://bit.ly/2l6EE2E

Темы и разработчики
Купить тему Divi http://bit.ly/ET_Divi
Купить разработки WP-Puzzle http://bit.ly/wp-puzzle
Купить тему и плагины ElegantThemes http://bit.ly/ArtElegantThemes

Хостинги
Быстрый хостинг Fozzy http://bit.ly/fozzyhost купон на скидку 10% wpruse
Доступный хостинг Beget http://bit.ly/BeGetArt
Хороший хостинг EuroByte http://bit.ly/EuroByte

Поддержать канал
http://wpruse.ru/?p=1079

*********************************************************************
Контакты
Страница VK: https://vk.com/artikus13
Группа про WordPress https://vk.com/wpruse
Канал на YouTube: https://www.youtube.com/c/wpruseru
Блог о разном http://artabr.ru/
Блог в поддержку канала http://wpruse.ru/

Как изменять WooCommerce. Эпизод #7. Шаблон писем/Emails

Новый курс по WooCommerce. Теоретические выкладки, о структуре файлов WooCommerce и о том, как правильно изменять WooCommerce через хуки.
Это седьмой эпизод. Разбираем из каких файлов состоит шаблон писем в WooCommerce

Весь курс
https://www.youtube.com/watch?v=IRxOu5XZh2s&list=PLzFj4L-LMRzsaNrS00le_wWsZed7PTu2F

Приходите на стримы с Денису, мы там плагины переводим)
https://www.youtube.com/channel/UCLkgL32ycnfl1hs0nJJD6Og

Ссылки на примеры
https://businessbloomer.com/tag/emails/
https://docs.woocommerce.com/document/email-faq/
https://www.sellwithwp.com/customizing-woocommerce-order-emails/
https://usersinsights.com/woocommerce-send-custom-email/
https://www.cloudways.com/blog/how-to-customize-woocommerce-order-emails/
https://github.com/skyverge/woocommerce-expedited-order-email

Плагины для кастомизации
https://ru.wordpress.org/plugins/email-customizer-woocommerce/
https://wordpress.org/plugins/decorator-woocommerce-email-customizer/
https://wordpress.org/plugins/yith-woocommerce-email-templates/

Готовая тема под Сторфронт https://github.com/artikus11/storefront-child-theme

Плагин для быстрого создания дочерней темы
https://ru.wordpress.org/plugins/child-theme-configurator/

Пустой плагин
https://wpruse.ru/my-plugins/pustoj-plagin/

Подготовка сайта под поисковое продвижение «Сеоподготовка» http://bit.ly/2lR3t6Z
Сайт медленно загружается? Смотри «Оптимизация скорости» http://bit.ly/2meDFm0
Как натянуть хтмл на вордпресс? Смотри подробный сериал «HTML2WP» http://bit.ly/2meta22
Смотри обзоры бесплатных и премиум http://bit.ly/2lClXFH
Не знаешь как выглядит сайт со стороны? Смотри видеокритику и записывайся http://bit.ly/2mjVrks
Пишем разные решения. Кодим понемногу http://bit.ly/2l6EE2E

Темы и разработчики
Купить тему Divi http://bit.ly/ET_Divi
Купить разработки WP-Puzzle http://bit.ly/wp-puzzle
Купить тему и плагины ElegantThemes http://bit.ly/ArtElegantThemes

Хостинги
Быстрый хостинг Fozzy http://bit.ly/fozzyhost купон на скидку 10% wpruse
Доступный хостинг Beget http://bit.ly/BeGetArt
Хороший хостинг EuroByte http://bit.ly/EuroByte

Поддержать канал
http://wpruse.ru/?p=1079

*********************************************************************
Контакты
Страница VK: https://vk.com/artikus13
Группа про WordPress https://vk.com/wpruse
Канал на YouTube: https://www.youtube.com/c/wpruseru
Блог о разном http://artabr.ru/
Блог в поддержку канала http://wpruse.ru/

Тема Storefront. Как использовать, изменять и настраивать

Тема Storefront от разработчиков WooCommerce. Разбираемся как тема устроена, как ее изменять и как настраивать

Содержание
Введение 0:34
Настройки 2:13
Как работает 8:47
Создаем дочернюю тему 12:00
Переключение меню в верхний бар 14:22
Почему не работает remove_action 15:24
Кнопка Заказаь в шапке 20:13
Изменение копирайта в подвале 22:25
Вывод меню в подвале 27:14
Изменение главной страницы 30:39
————
Поддержать канал
https://wpruse.ru/r/donat/
https://wpruse.ru/r/donatalert/

————
Рекомендую

Хостинги
Fozzy https://wpruse.ru/r/fozzy/
SprintHost https://wpruse.ru/r/sprinthost/
Евробайт https://wpruse.ru/r/eurobyte/

Темы
Divi https://wpruse.ru/r/divi/
SalesZone https://wpruse.ru/?p=2666
GridLove https://wpruse.ru/r/gridlove/
RelinPro https://wpruse.ru/r/relinpro/
SimplePuzzle https://wpruse.ru/r/simplepuzzle/
Nitro https://wpruse.ru/r/nitro/
Root https://wpruse.ru/r/tema-root/

Магазины
ElegantThemes http://bit.ly/ArtElegantThemes
TemplateMonster http://bit.ly/TM_wpruse
WPPuzzle https://wpruse.ru/r/wp-puzzle/
ThemeForest https://wpruse.ru/r/themeforest/
Premmerce https://wpruse.ru/r/premmerce/
WPShop https://wpruse.ru/r/wpshop/
CrocoBlock https://wpruse.ru/r/crocoblocks/

Рассылки
SendPlus http://bit.ly/sendpulseart
MailerLite http://www.mailerlite.com/a/covvxdhuza

Подготовка сайта под поисковое продвижение «Сеоподготовка»
https://www.youtube.com/playlist?list=PLzFj4L-LMRzuS0FxkiMltvBScTiwAcJOj
Оптимизация скорости
http://bit.ly/2meDFm0
Натяжка на WordPress #html2wp
https://www.youtube.com/playlist?list=PLzFj4L-LMRzszss1UVC3xwzV_mC6TTyYp
Натяжка на WordPress #html2woo
https://www.youtube.com/playlist?list=PLzFj4L-LMRzt5BsX_ho5rt5hCc5ynnReu
Правильное изменение WooCommerce
https://www.youtube.com/playlist?list=PLzFj4L-LMRzsaNrS00le_wWsZed7PTu2F
Смотри обзоры пермиум тем
https://www.youtube.com/playlist?list=PLzFj4L-LMRzujC9zY7JsTB_n2WSQlZ0be

Как изменять WooCommerce. Эпизод #8. Произвольные поля в товарах

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

Статьи
https://wpruse.ru/woocommerce/custom-fields-in-products/
https://wpruse.ru/woocommerce/custom-fields-in-variations/

Весь курс
https://www.youtube.com/watch?v=IRxOu5XZh2s&list=PLzFj4L-LMRzsaNrS00le_wWsZed7PTu2F

Содержание
—-
Теория — 0:44
Практика. Создание, сохранение и вывод полей — 6:53
Произвольная вкладка — 20:45
Добавление в заказ и емайлы — 33:23

Как сверстать тему для WordPress

Введение

Добавление темы

Для начала в папке themes создадим папку нашего шаблона «whitesquare». В ней будет находиться папка images и два необходимых пустых файла index.php и style.css.

Следующим шагом нужно добавить скриншот нашей темы. Сохраните изображение главной страницы из psd макета размером 880х660 в папку темы whitesquare с именем screenshot.png.

После этого мы уже можем использовать нашу тему. Зайдите в панель администратора по адресу http:///wp-admin, а затем в управление темами (Appearance -> Themes). В списке уже должна появиться наша тема whitesquare. Наведитесь на тему и нажмите «Activate».

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

Предварительный осмотр

Если посмотреть на макет, то можно увидеть, что наша страница состоит из шапки и футера, которые повторяются на всех страницах. Также на всех страницах, кроме главной, есть сайдбар слева. Для того чтобы руководство было более универсальным, давайте страницы главного меню оформим как «страницы WordPress» (page), а страницы подменю как «посты блога WordPress» (post) с комментариями. Главную же страницу сделаем как отдельную страницу (front-page) с собственной разметкой. Здесь надо отметить, что, несмотря на то, что страницы WordPress могут быть реализованы двумя способами (как страницы или как посты) в базе данных они различаются только типом, однако при создании шаблонов они обрабатываются немного по-разному. В этом вы сможете убедиться чуть ниже.

Структура страниц

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

Давайте начнем со структуры страниц. Прежде чем добавлять страницы, нужно сначала зайти в настройки и указать стиль ссылок: Settings -> Permalink settings -> Post name. Это позволит сделать ссылки в виде «http://site_name/page_name».

Добавление страниц осуществляется через панель администратора: Pages -> Add new. Для каждой страницы в области Page Attributes в поле Order укажите цифрой порядок страницы в главном меню.

После добавления, список страниц должен выглядеть вот так:

Когда все страницы будут добавлены, нужно указать, что страница Home будет главной. Для этого зайдите в меню Settings -> Reading и в поле Front page displays укажите: A static page -> Home.

Header.php и Footer.php

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

Внутри тега head мы установили кодировку, указанную в WordPress, заголовок страницы и pingback (для связи с другими сайтами). В последней строке вызываем команду wp_head(), которая добавляет заголовки WordPress. Также открываем блок «wrapper».

Кроме этого, нам нужно подключить css и js файлы. В текущих версиях wordpress это делается не прямым текстом в header.php, а через подключение в специальных функциях. Для этого откройте файл functions.php внутри нашей темы и добавьте в него следующий код:

В функции enqueue_styles мы зарегистрировали и подключили нужные стили, а затем указали вордпрессу, что эта функция является подключением стилей. Аналогично и для js файла, который требуется для отображения html5 тегов в старых браузерах.

Футер аналогично шапке — содержит общий код, который встречается в конце всех страниц сайта. Давайте запишем его содержимое в файл footer.php.

Здесь мы закрываем открытые блоки и вызываем wp_footer(), чтобы добавить скрипты футера WordPress.

Шаблон страницы

Следующим шагом, нам нужно сделать шаблон обычной страницы WordPress.
Создайте в папке темы файл page.php и добавьте в него следующий код:

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

Теперь нужно стилизовать получившуюся страницу. Сохраните фоны в файлы images/bg.png и images /h1-bg.png. Далее добавьте немного базовых стилей в файл style.css:

В результате должна получиться вот такая картина:

Логотип

После того, как мы закончили с каркасом основной страницы, приступим к ее наполнению. Начнем с логотипа. Сохраните изображение логотипа в images/logo.png. В шаблон шапки, в файле header.php вставьте разметку для логотипа:

Форма поиска

WordPress позволяет достаточно гибко сохранять блоки кода в отдельные файлы, а затем использовать их в нескольких разных местах. Рассмотрим пример на нашей форме поиска.
В папке темы создайте новый файл searchform.php и сохраните в него код формы поиска:

А в файл стилей запишите стили для формы:

Всё, что осталось сделать – это подключить searchform.php внутри header.php.

Навигация

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

После этого, в панели администрирования в пукте меню Appearance появится подпункт Menus, в котором нужно нажать на ссылку Create new menu, ввести имя меню «top-menu», выделить страницы из левой колонки и добавить их в меню кнопкой Add to menu.

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

Функция wp_nav_menu отобразит меню с именем «top-menu» и css классом «top-menu».

После этого меню уже появится на страницах но без стилей. Стилизуем его:

Футер

Теперь приступаем к самой сложной части нашего шаблона. Давайте нарежем изображения и сохраним их в в папку images

images/footer-logo.png – логотип футера
images/social.png – спрайты больших иконок
images/social-small.png – спрайты маленьких иконок

Далее делаем вёрстку в файле footer.php:

И прописываем стили в style.css:

В итоге главная страница сайта должна выглядеть вот так:

Главная страница

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

WordPress позволяет задавать разные шаблоны для разных страниц. Такой шаблон должен храниться в файле page-<название страницы>.php. Если шаблон не найден, то будет подключаться шаблон по умолчанию page.php.

Для главной страницы создайте новый файл front-page.php в папке темы. Добавьте в него следующий код:

Он отличается от кода page.php только тем, что в нем нет заголовка страницы.

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

Прежде, чем добавить контент главной страницы – необходимо нарезать все изображения этой страницы и добавить их в библиотеку WordPress через меню Media -> Library. Назовём эти изображения так:

home-1.png
home-2.png
home-3.png
home-4.png
home-5.png
clients-1.png
clients-2.png
clients-3.png
clients-4.png
clients-5.png
clients-6.png
clients-7.png

Далее, перейдите в панели администратора к форме редактирования главной страницы Pages -> Home -> Edit Page и в поле text введите содержимое страницы:

Не забудьте поправить пути до картинок. Они зависят от даты добавления.

Теперь осталось стилизовать данный код.

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

После этого, главная страница должна отобразиться правильно.

Сайдбар

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

Топ-пост этого месяца:  Входящие сообщения с рекламы в ВК как настроить, что это

Для этого создайте файл sidebar.php и поместите в него следующий код:

Здесь верстка состоит из двух частей: отображение навигации подменю и блок карты офисов. Для полноты картины в качестве подменю предлагаем показать список всех постов на сайте. Подменю создается аналогично тому, как мы создавали меню. При создании подменю в разделе админки Appearance -> Menus создадим новое меню с именем aside-menu. Чтобы добавить в него посты, кликните наверху в Screen options и отметьте галочкой Show on screen: Posts. Блок карты особых вопросов не вызывает.

После того, как блок сайдбара готов, нужно его подключить для всех подстраниц в файле page.php:

Далее нам нужно добавить стили для вёрстки:

Ну и в заключение, добавьте несколько постов в наш блог. Делается это в панели администратора на вкладке Posts -> Add New. Мы добавили точно такие же названия, как были в psd макете.

Страница About us

Теперь, когда у нас готов шаблон для внутренних страниц, давайте наполним содержимым страницу About us. По той же схеме, как мы наполняли главную страницу – подготовьте изображения и добавьте их в в медиа библиотеку. Назовите изображения вот так:

about-1.png
about-2.png
team-Nobriga.jpg
team-Pittsley.jpg
team-Rousselle.jpg
team-Shoff.jpg
team-Simser.jpg
team-Tondrea.jpg
team-Venuti.jpg
team-Wollman.jpg

Далее перейдите в редактирование страницы в панели администратора и добавьте код:

И стили в style.css:

Шаблон поста

После предыдущих действий, на нашем сайте уже доступны все страницы, кроме страниц с постами. За отображение одиночных постов отвечает шаблон single.php. Создайте его со следующим содержимым:

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

Страница поиска

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

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

Страница архива

В WordPress помимо одиночных постов существуют страницы, на которых отображаются списки постов. Это могут быть категории, сортировка по дате, автору или по ключевым словам. В нашем макете такого функционала нет, но добавить его обязательно нужно, так как мы создаем шаблон, который может использоваться с разным контентом. Для каждого из указанных списков, существуют свои шаблоны, однако если они не найдены, WordPress пытается найти общий файл archive.php. Мы этим воспользуемся и создадим его. Поскольку его содержимое ничем не будет отличаться от содержимого обычной страницы – просто скопируйте page.php в archive.php.

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

Заключение

На этом создание шаблона WordPress закончено. Готовый проект можно скачать здесь.

Бесплатные WooCommerce шаблоны

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

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

Каждый из этих шаблонов адаптирован для SEO и хорошо отображается на мобильных устройствах

Бесплатные WooCommerce темы

Onedew — бесплатный wordpress woocommerce шаблон

Onedew — одностраничная тема для WordPress, которая подходит для создания не сложных одностраничных сайтов. Тема имеет слайдер, настройки для цветов и шрифтов и поддержку WooCommerce.

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

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

XClean — бесплатная WooCommerce тема

XClean — бесплатная WordPress тема для создания WooCommerce сайтов. Данный шаблон хорошо подходит для создания минималистического интернет магазина. Шаблон оптимизирован для отображения на всех устройствах.

Giga Store — бесплатный шаблон для WooCommerce

Giga Store — красивая отзывчивая тема WordPress WooCommerce, идеально подходящая для любого магазина . Тема имеет минималистский стиль и мобильный дизайн. Тема поддерживает плагины WooCommerce и YITH WooCommerce Wishlist плагины.

Тема включает неограниченные параметры настройки цвета домашней страницы, фона, 6 блоков с множеством опций (слайдер, вкладки WooCommerce, пользовательский баннер, отзывы, последние продукты, блог) — вы можете сортировать / отключать эти блоки с помощью простого редактора страниц.

Envo Store — бесплатный шаблон для WooCommerce

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

Easy Commerce — WordPress тема для интернет магазина

Easy Commerce — простая, но современная WordPress тема для интернет магазина. Данная тема имеет слайдер для отображения товаров, 4 варианта дизайна для страниц и отзывчивый дизайн

Shopper — бесплатная WooCommerce тема

Shoppper — бесплатная WordPress WooCommerce тема, которая поможет увеличить ваши продажи и может служить основой для интернет магазина.

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

Hestia — многоцелевая бесплатная WordPress тема

Featured Lite — лучший бесплатный шаблон для woocommerce

WordPress тема FeaturedLite специально разработана для корпоративных / бизнес-сайтов. Тема имеет возможность установки в 1 клик, что делает ее более удобной для пользователя и помогает создавать профессиональный веб-сайт для бизнеса, магазина или личного блога.

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

Prevalent — бесплатный шаблон интернет магазина на woocommerce

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

Данная тема совместима с WooCommerce, что делает ее удобной для создания интернет магазина. Кроме того данная тема совместима со множеством популярных плагинов для WordPress, таких как Contact form 7 и Elementor

Belise Lite — бесплатная тема для woocommerce

Belise Lite — бесплатная WordPress тема для создания сайтов ресторанов. Тема является совместимой с WooCommerce, поэтому с ее помощью вы можете настроить онлайн-магазин за считанные минуты.

Данная тема оптимизирована для SEO и быстрой загрузки, имеет настройки для цветов и фона.

WP Corporate — бесплатный woocommerce шаблон для бизнеса

WP Corporate — это современная WordPress тема, разработанная специально для корпоративных, деловых и творческих сайтов. Это отзывчивая тема с мощными функциями и множеством вариантов для настройки.

WP Corporate полностью оптимизирована для SEO, имеет 2 варианта дизайна — широкий и узкий, слайдер, 3 варианта для меню, страница для отображения портфолио, отзывов клиентов и блога

Dobrovoi Master

10 Минималистичных тем Woocommerce WordPress

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

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

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

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

1. iOne

Начнём обзор с замечательной темы IOne, в пакете которой предлагается множество чистых макетов домашней страницы и расширенные навигационные функции. Вертикальные мега-меню создаваемые с помощью плагина Clever Mega Menus, отлично подходят для магазинов с большим количеством категорий. Наличие корзины для покупок на AJAX означает, что клиентам не нужно будет покидать текущую страницу при добавлении товара в корзину.

С темой IOne вы также получите продвинутый механизм фильтрации продукта. Интеграция с Instagram позволит отображать фотографии пользователей на вашем сайте. В пакет темы входит копия Visual Composer и дочерняя тема.

2. WizeStore

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

Visual Composer позволит вам создавать сложные макеты страниц без знания кода, также для продуктивной работы доступно множество специальных коротких кодов (shortcode). В состав темы также включен популярный слайдер Revolution.

3. Unero

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

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

4. Sober

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

В пакете темы вы также найдете удобную функцию поиска в реальном времени, быстрые просмотры продуктов и мега меню для упрощения навигации. Существует несколько вариантов стилей шапки сайта, включая «липкий» колонтитул. Visual Composer и слайдер Revolution, также включены в состав темы Sober.

5. Depot

Тема Depot представляет высококачественный стиль минимализма для вашего интернет-магазина. В обойме темы заряжено с десяток макетов домашней страницы на выбор, что позволит вам легко найти идеальное решение. Списки продуктов отфильтровываются на лету, а функция «Быстрый просмотр» побуждает клиентов исследовать всё, что вы можете предложить.

Так же в пакет темы входит и несколько вариантов макета для страниц отдельного продукта. Включенный Visual Composer и слайдер Revolution существенно увеличат шансы на успех проекта.

6. Mnml

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

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

7. Rubino

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

В целом, тема включает 12 макетов домашней страницы, фильтрацию продуктов на AJAX и hotspots картинки, которые позволяют использовать интерактивные изображения через подключенный плагин. Кроме того, обязательно обратите внимание на красивые мега-меню. Visual Composer, Slider Revolution и PSD-файлы соответственно также включены в пакет темы.

8. Franco

Franco — это тема для сайтов электронной торговли, которая включает в себя 16+ макетов домашней страницы, каждый из которых с уникальным и убедительным стилем. Также представлены привлекательные и функциональные мега-меню, несколько макетов магазинов и представления товаров, список предлагаемых продукта и фильтрация на AJAX.

Кроме того, Franco разрабатывалась на основе мощных плагинов, таких как Visual Composer, Ultimate Addons для Visual Composer, Slider Revolution, WooCommerce, WPML и надежной панели администрирования, позволяющей настраивать свой сайт так, как вы хотите, без каких-либо особых познаний в кодировании. PSD-файлы в комплекте.

9. Vinero

Vinero представлена, как многоцелевая тема, которая по-полной может быть использована для развёртывания полноценного магазина WooCommerce. Использование больших изображений гарантирует, что представляемые продукты займут центральное место и гарантированно будут привлекать внимание потенциальных покупателей. В пакете темы вы найдете несколько макетов страниц, эффект параллакса порадует глаз, несколько стилей верхнего / нижнего колонтитула расширят возможности по оформлению, поддержка WordPress Customizer, Visual Composer (и Ultimate VC Addons), слайдер Revolution, и Advance Custom Fields Pro включены по-умолчанию.

10. Oasis

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

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

Действительно, с WooCommerce и проработанной темой WordPress, вы сможете добиться удивительных результатов, в частности, создание удобного и функционального интернет-магазина сейчас стало доступно всем.
Рассмотрев более подробно представленные выше темы, легко понять, почему всё больше владельцев магазинов обращаются именно к WooCommerce. Надеюсь данный обзор будет кому-нибудь полезен, пусть даже в виде демонстрации открывающихся возможностей. Смотрите демки представленных выше тем, внимательно изучайте документацию, при наличие свободных буржуинских, приобретайте понравившуюся и творите, творите, творите.

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

Подборка неплохих бесплатных тем WordPress WooCommerce

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

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

Shop Isle

ShopIsle хорошая, быстронастраиваемая бесплатная тема для WordPress WooCommerce магазина. Шаблон создан с использованием bootstrap. Данная тема прошла модерацию и находится в каталоге шаблонов WordPress. Особенностью шаблона является гибко настраиваемая через настройщик главная страница, без использования дополнительных модулей.

Tyche — eCommerce WordPress

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

eCommerce Gem

eCommerce Gem — бесплатная многопользовательская тема WordPress для электронной коммерции, подходящая для сайтов электронной коммерции любого типа магазина. Тема плавно интегрирует WooCommerce, один из лучших плагинов для электронной коммерции и идеально подходит для своих страниц. Основными особенностями темы являются поиск продукта с выбором категории, несколькими разделами на первой странице, полноразмерный простой в использовании слайдер, новейшая и признанная товарная карусель, призыв к действиям, раздел рекламы, баннеры и многое другое.

Clean Commerce

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

Best Commerce

Тема является многофункциональной и мощной, которая позволяет пользователям WordPress создавать полноценные интернет-магазины. «Best Commerce», созданная с помощью WooCommerce, предоставляет простое решение для небольших и крупных поставщиков по продаже товаров в Интернете. Помимо всего прочего, она имеет привлекательный дизайн, чтобы вы могли красиво продемонстрировать продукты в своем магазине.

MaxStore

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

StoreVilla

Store Villa — бесплатная тема WordPress для электронной коммерции / WooCommerce. Тема имеет все функцию, необходимые для создания полноценного веб-сайта электронной коммерции. В этой теме есть 10 + пользовательских виджетов, чтобы создать привлекательный макет для ваших продуктов.

А какие хорошие темы WordPress WooCommerce знаете вы? Оставляйте ссылки в комментариях и я дополню ими публикацию.

20 бесплатных тем для магазина на WooCommerce

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

STOREFRONT

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

INCART LITE

Incart Lite – это чистая, отзывчивая, многоцелевая woocommerce-тема, которая прекрасно подойдет для любого интернет-магазина, корпоративного, бизнес сайта или портфолио.

STORE

Store – это единственная WordPress-тема для интернет-коммерции, которая вам когда-либо понадобится. Она радует множеством функций, включая множество шаблонов, области для отображения рекомендуемых товаров также присутствует полностью настраиваемая ширина сайдбара, продвинутая система меню и навигации, миниатюры изображений, слайдер с 3D-эффектами, Google-шрифты, высококачественная анимация, дополняющая тему без потери профессионализма.

STATEMENT

Statement – это дочерняя тема GeneratePress. Используя GeneratePress, вы сможете настроить вашу дочернюю тему по вашему вкусу за считанные минуты. Statement адаптирована под использование на мобильных девайсах, имеет макет, соответствующий нормам W3C, интегрирована с Schema.org, дружественна к поисковым системам, поддерживает кроссбраузерность, совместима с WooCommerce и полностью готова к переводу.

FLAT RESPONSIVE

Для всех тех, кто хочет создать серьезный веб-сайт, Flat Responsive – это та тема, которая может прекрасно подойти благодаря своим функциям. Вы получаете отзывчивый дизайн, множество опций блогового шаблона, графику, готовую для ретина-дисплейев, несколько шаблонов страниц, форматы записей, шикарную типографические элементы, множество вариантов расположения виджетов, кастомную дочернюю тему, поддержку WooCommerce и Jetpack, видео-инструкции и многое другое.

STORE WP

Store WP – это мощная и гибкая бесплатная WordPress-тема, которая предлагает глубокую интеграцию с WooCommerce. Store WP сделает ваш сайт адаптивным к любым типам мобильных девайсов или планшетов.

TYROS

Обретите полный контроль над вашим сайтом с помощью Tyros. Это – дружественная к пользователю, современная, отзывчивая для мобильных устройств тема для большого бизнеса и онлайн-магазинов. Tyros полностью совместима с WooCommerce, включает слайдер, тач-дружественную карусель для ваших WooCommerce-товаров и статей, плиточную блогролл-сетку. Также есть предзагрузка с наиболее подходящими цветами, паттерны фона, иконки от font awesome и бутстрап вместе с семью держателями виджетов.

GENERATEPRESS

GeneratePress – это простая, легковесная WordPress-тема, кредо которой звучит так «быстрота, SEO и юзабилити». Создайте собственный сайт именно таким, каким вы его хотите видеть, используя Customizer и имея возможность сразу же увидеть внесенные изменения. GeneratePress – это отзывчивая для мобильных устройств тема, которая ответствует стандартам W3C и интегрирована с микроданными Schema.org. Она дружественна к поисковым системам, поддерживает кроссбраузерность (включая IE8+), совместима с WooCommerce и BuddyPress, 100% переводима.

SHOPERA

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

QUICK SALES

Quick Sales – это базовая и элегантная WooCommerce-тема, которая призвана помочь вам быстро продать ваши товары. Тема плавная и чистая, и если вы добавите на ее крупные страницы товаров изображения высокого разрешения, то ваши товары точно привлекут внимание клиентов.

SIMPLE SHOP

Simple Shop – это простая в использовании витрина для вашего WooCommerce-бизнеса. Отобразить ваши товары в обрамлении этого простого чистого и современного шаблона. Simple Shop поддерживает кастомную домашнюю страницу, архивные страницы и блоговые записи.

TOPSHOP

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

BOUTIQUE

Дочерняя тема Storefront, разработанная для небольших WooCommerce магазинов/бутиков. Boutique представляет простой и традиционный дизайн, который вы можете настроить, используя настроечное меню WordPress-кастомайзера.

MARTABLE

Отзывчивая WordPress-тема для электронной коммерции с поддержкой WooCommerce.

SALE JUNCTION

Salejunction позволяет вам создать воодушевляющий веб-сайт электронной коммерции на основе WordPress. Тема уже полностью интегрирована с плагином WooCommerce. Теперь вы можете с легкостью продавать ваши электронные и/или физические товары.

Создайте полноценный сайт, вообще не касаясь кода. Make радует гибкими функциями кастомизации и мощным «drag and drop»-билдером, который делает разработку сайта простой и веселой. Можно создать практически все, что угодно, начиная от портфолио и сайта фотографа и заканчивая бизнес-сайтом электронной коммерции, минималистичным блогом и даже профессиональным журналом.

SHOPPING

Shopping – это дочерняя тема Ecommerce omega для WordPress. Она разработана для работы с плагином WooCommerce. Начните создавать дружественный к мобильным устройствам WordPress онлайн-магазин, используя тему Shopping и WooCommerce.

I-CRAFT

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

MODALITY

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

DUSTLAND EXPRESS

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

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

Добавить комментарий