Тема 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 автором: Илья Журавлёв

41 комментарий

  • 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 Ответить Автор

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

  • Лариса 16.12.2016 Ответить

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

  • Ленар 19.12.2016 Ответить

    Добрый день! Подскажите пожалуйста, кто знает, как изменить расположение дополнительных вкладок товаров (описание, отзывы) с вертикального на горизонтальный?

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

      Здравствуйте, попробуйте сделать это с помощью плагина — SiteOrigin CSS

  • Роман 23.02.2017 Ответить

    Здравствуйте! Можете подсказать, как уменьшить высоту заголовка в теме Storefront. Я добавил логотип вместо текста, и заголовок стал достаточно широким.

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

      Здравствуйте, вам может помочь плагин — SiteOrigin CSS. Можно использовать — Custom CSS Pro, если сами будете добавлять и менять стили.

  • Вова 12.04.2017 Ответить

    Добрый вечер, Илья! Нужен совет.
    Как в теме Storefront сделать 2 вещи:
    1. Сделать вверху (над головой) дополнительный блок с телефоном и ссылками на соцсети.
    2. Как в данную тему добавить разбивку на блоки, как это делают в модных лонгридах. Обязательно должен быть какой-то плагин.
    Заранее спасибо за ответ!

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

      Здравствуйте, есть плагин для добавления контактной панели — Speed Contact Bar !!!

      А что значит разбивку на блоки, что именно хотите сделать ?

      • Вова 14.04.2017 Ответить

        Спасибо!
        Разбивка на блоки например как в данной теме.

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

          Есть плагины с помощью которых можно создать адаптивную сетку — Смотрите Здесь !

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

          Вам наверно лучше найти готовую тему подобную, на WordPress их очень много. Через админку можно найти. Внешний вид — Темы — Добавить новую.

      • Николай 06.06.2017 Ответить

        Добрый день! Подскажи как привязать почту в этом плагине? Жмешь на ссылку, а там пишут что надо привязать куда-то почту.

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

          Здравствуйте. В каком плагине ? На какую ссылку ? Не совсем вас понял. Можно по подробней.

          • Николай 06.06.2017

            Плагин Speed Contact Bar, если в панели нажать на ссылку почты она не работает. Уже разобрался)) Спасибо что быстро ответили!

  • Вадим 13.04.2017 Ответить

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

  • Роман 19.04.2017 Ответить

    Привет! Может кто сталкивался с такой проблемой? Тема Storefront. На страницах архива товаров боковая колонка съехала вниз… На всех остальных страницах все правильно. Как можно исправить, посоветуйте, пожалуйста.

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

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



Яндекс.Метрика

Правила - Карта - Связь - Мой хостинг

Стрелка вверх