Тема Storefront сайт WordPress изменить и настроить !

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

 

12-02-2016 20-21-18_mini

 

Установить тему вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Внешний видТемы, вверху нажмите на кнопку — Добавить новую, введите в форму поиска название темы, нажмите Enter, установите и активируйте тему.

 

12-02-2016 19-29-26_mini

 

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

 

Можете приобрести дополнительные расширения.

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

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

Можете принять участие в развитие темы Storefront.

 

12-02-2016 20-17-22_mini

 

 

Настройка темы Storefront

 

Чтобы изменить и настроить тему Storefront, перейдите на страницу: Внешний видНастроить.

 

12-02-2016 20-39-28_mini

 

На странице Настроить, вы сможете настроить основные параметры темы, фон, цвета, описание, меню, типографика и т.д.

 

12-02-2016 20-47-58_mini

 

 

Свойства.

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

 

13-02-2016 11-29-34_mini

 

Фон.

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

 

13-02-2016 11-35-00_mini

 

Заголовок.

В настройках Заголовка, вы сможете загрузить изображение в заголовок. Можно выбрать цвет фона заголовка, цвет текста и цвет ссылок.

 

13-02-2016 11-42-24_mini

 

Подвал.

В настройках Подвала, вы сможете выбрать:

 

Цвет фона подвала.

Цвет заголовка подвала.

Цвет текста подвала.

Цвет ссылок подвала.

 

13-02-2016 11-50-18_mini

 

Типографика.

В настройках Типографики, вы можете выбрать:

 

Цвет заголовков в содержании.

Цвет текста в содержании.

Цвет ссылки при выделении или при нажатии.

 

13-02-2016 11-58-59_mini

 

Кнопки.

В настройках Кнопки, вы сможете выбрать:

 

Цвет фона кнопок.

Цвет текста кнопок.

Цвет фона альтернативной кнопки, когда при нажатии на основную кнопку, появляется дополнительная.

Цвет текста альтернативной кнопки.

 

13-02-2016 12-09-43_mini

 

Разметка.

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

 

13-02-2016 12-16-25_mini

 

 

Остальные параметры.

 

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

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

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

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

 

13-02-2016 12-26-12_mini

 

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

 

Тема Storefront сайт WordPress изменить и настроить ! обновлено: Октябрь 15, 2016 автором: Илья Журавлёв
 
 

25 комментариев

  • Pavel 16.06.2016 Ответить

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

  • Pavel 16.06.2016 Ответить

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

  • Иван 25.09.2016 Ответить

    ребят помогите,делаю разметку справа,она у меня все равно слева стоит и бестолку уже все перепробовал((

    • Илья Журавлёв 25.09.2016 Ответить Автор

      По подробней можно ! ?

      • Иван 26.09.2016 Ответить

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

      • Иван 26.09.2016 Ответить

        все эти виджеты находятся слева,разметка не помогает(((

        • Илья Журавлёв 26.09.2016 Ответить Автор

          Зайди на страницу: Внешний вид — Виджеты, там несколько сайдбаров. У тебя виджеты отображаются в сайдбаре «Под заголовком». Если ты хочешь чтобы виджеты отображались справа в боковой колонке, то просто перетащи их в сайдбар «Боковая колонка». Причём тут разметка ?

          • Иван 26.09.2016

            Оо,спасибо огромное,только вчера начал работать,не знал,спасибо)))

  • serj 06.10.2016 Ответить

    Как изменить в storefront — footer?
    Копирайт, текст и.т.д. — Спасибо!

    • Илья Журавлёв 06.10.2016 Ответить Автор

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

      • serj 03.11.2016 Ответить

        Я нашёл решение этим плагином — My Custom Functions wordpress.org/plugins/my-custom-functions
        Вы полностью можете изменить его своим кодом — Копирайт, текст, ссылки и.т.д.

        В любом случае спасибо!

    • kolia 03.11.2016 Ответить

      я решил проблему таким образом:

      // Убрать стандартную надпись в подвале и заменить на свою.

      add_action( ‘init’, ‘custom_remove_footer_credit’, 10 );

      function custom_remove_footer_credit () {
      remove_action( ‘storefront_footer’, ‘storefront_credit’, 20 );
      add_action( ‘storefront_footer’, ‘custom_storefront_credit’, 20 );
      }

      // Своя надпись

      function custom_storefront_credit() {
      ?>

      ©

      • Илья Журавлёв 03.11.2016 Ответить Автор

        Здорово, спасибо, обязательно напишу об этом !

    • Ann 21.11.2016 Ответить

      На самом деле футер правится в файле storefront/inc/storefront-template-functions.php. В строке 126 можно дописать что-нибудь своё , а строку 128, которая выводит ссылку на автора темы просто закомментировать или удалить. Однако, если это сделать в самой теме, то при её обновлении, футер вернётся в исходный вид. В том числе и для таких случаев есть бесплатный плагин Theme Customisations.
      Однако, я сама ещё не разобралась в какую папку нужно положить изменённый файл. Так что если кто подскажет буду признательна.

      • Ann 21.11.2016 Ответить

        Я извиняюсь, я ошиблась, нельзя изменить футер с помощью плагина Theme Customisations от WooThemes. Я повнимательнее почитала документацию к плагину. Документация на английском языке, поэтому я не сразу разобралась. Тогда думаю, будет проще создать дочернюю тему и в ней сделать такого рода изменения.

  • Александр 27.10.2016 Ответить

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

    • Илья Журавлёв 27.10.2016 Ответить Автор

      Рекомендую плагин — Site Origin CSS, 100% в этом поможет.

      • Александр 27.10.2016 Ответить

        Спасибо большое, штука крутая, разбираюсь)

  • Сергей 03.11.2016 Ответить

    Доброго времени суток! Не подскажите как поменять внешний вид корзины в данной теме?
    Захожу в файл темы storefront/inc/woocommerce/storefront-woocommerce-template-functions.php и пытаюсь исправить функцию storefront_cart_link(), для другого отображения корзины на странице, но никакие изменения не происходят, даже банальные символы «(» и «)» вставить не получаются, они появляются на секунду и потом пропадают или перезаписываются где-то, что бы это могло быть?

    • Илья Журавлёв 03.11.2016 Ответить Автор

      Здравствуйте, а что конкретно хотите сделать ?

      • Сергей 03.11.2016 Ответить

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

      • Сергей 03.11.2016 Ответить

        Я переписываю функцию в дочерней теме в файле functions.php, поэтому эффект аналогичен с плагином My Custom Functions, и все равно результат одинаковый, корзина не меняется…

  • максим 01.12.2016 Ответить

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

    • Илья Журавлёв 01.12.2016 Ответить Автор

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *


4 + 3 =



super-infa-top
Стрелка вверх