Тема Sahifa: Часто задаваемые вопросы

Как изменить иконки социальных сетей в шапке/футере сайта

Примечание: данный совет подойдет для изменения/добавления иконок в шапке и в футере сайта, но не подойдет для добавления/изменения иконок в сайдбаре (цветные иконки). Для изменения цветных иконок в сайдбаре — легче и быстрее будет указать их в ручную (html).

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

Например, за вывод иконки RSS отвечает этот фрагмент кода в файле style.css (строчки: 2622 — 2623):

.tieicon-rss:before { content: '\f09e'; }
.social-icons-widget .tieicon-rss:before { background:#f8bc2e }

\f09e — это обозначение иконки.
background:#f8bc2e — цвет иконки.

Все другие иконки в теме прописаны в файле style.css, строчки: 2548 — 2629

Как дополнительно вывести нужные иконки социальных сетей?

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

Но, я предлагаю использовать Font Awesome. Давайте добавим сеть — Одноклассники.

1) Чтобы не играться с подключением Font Awesome — установите этот плагин Font Awesome Icons. Плагин нужно установить и активировать.

2) Выводим дополнительное поле в Настройки темы — Социальные сети
Для этого откройте файл mpanel-ui.php (папка panel) и добавьте код, после строки 916 (примечание: номера строк могут не совпадать):

3) Добавьте эту функцию а файл theme-functions.php (папка functions) после 445 строки:

4) Найдите и вставьте нужную иконку. Перейдите на этот сайт. Скопируйте название иконки (которая вам понравилась) и вставьте в код выше, найдите этот фрагмент:

icon-comments-alt — это и есть название иконки. Вместо этого названия пропишите название иконки, которая вам понравилась.

5) Перейдите Настройки темы — Социальные сети, найдите поле Одноклассники и вставьте нужный адрес страницы/профиля/группы.

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

Как установить тему?

Есть 2 варианта установки темы (сам вордпресс уже должен быть установлен):

1) Распаковать архив на компьютере. И через FTP залить папку с файлами на сервер, в папку wp-content/themes/

2) Не нужно распаковывать тему. Заходим в админку вордпресса, в Внешний вид — Темы — Добавить новую — Загрузить.
Нажимаем Выберите файл и указываем архив с темой. Нажимаем Установить.

Начнется установка темы.

В официальной инструкции есть видео как установить тему. Но в видео используется старая версия водпресса. В новой немного не так.
См.видео (на анг.)

Установка демо-данных

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

Чтобы установить демо-данные, заходим в: Sahifa — Импорт демо-данных.
Нажимаем на кнопку Импорт демо-данных.

Как установить демо-данные (видео на анг.)

Как удалить демо-данные?

Есть 2 способа:

1) Почистить таблицы в базе данных и с нуля установить вордпресс.

2) В ручную удалить весь контент.
Например, вам надо зайти в разделы:
— Страницы
— Записи (записи и категории)
— Теги
— Комментарии
— Внешний вид — Меню
И весь контент, который содержится в этих разделах удалить.

Как сделать в меню ссылку на Главную страницу в виде иконки «домика»?

Для этого:
1) Заходим в раздел Внешний вид — Меню
2) Слева ищем блок «Ссылки». В поле «URL» указываем основной домен нашего сайта. В поле «Текст ссылки» — пишем например Главная.
3) Сохраняем меню.

Как сделать магазин?

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

Итак, шаги:

1) Установить и активировать плагин WooCommerce.
После активации плагина, он попросит установить специальные страницы магазина — соглашаемся.

2) Установить и активировать плагин Saphali woocommerce lite.
Активировать плагин.

Этот плагин интегрирует в магазин:
— Русский интерфейс
— Валюты СНГ — Российский рубль (RUB), Украинскую гривну (UAH), Белорусский рубль (руб.), Armenian dram (Դրամ), Киргизский сом (сом) и Казахстанский тенге (тңг), Узбекский сум
— Возможность настроить заказную форму для оформления заказа
— Управление количеством колонок в каталоге

3) Заходим в Внешний вид — Меню
И выводим в меню страницу Shop (конечно же ее можно переименовать в Магазин (в разделе Страницы))

4) Настроить магазин:
— валюту
— доставку
— формы оплаты
и т.д.

5) Создать товары

6) Подключить платежные системы (шлюзы)
Для плагина WooCommerce разработчики (от Saphali) сделали дополнительные плагины, которые позволяют подключать платежные системы: Яндекс.Деньги, Юнителлер , Приват24, Интеркасса, Единая касса, Z-payment, WEBPAY, WebMoney, RBK Money, QIWI, Platron, PayPal, ONPAY, LiqPay, EasyPay, E-Pay.

7) Оформление доставки
Также существуют дополнительные плагины для оформления доставки.

И еще вам может пригодиться это:

Расширить функции магазина, можно с помощью этих плагинов.

Плагины для Обработки цен здесь.

Плагины для Маркетинга здесь.

Как вставить свои кнопки в записях для возможности делиться контентом в социальных сервисах?

Например, мы хотим вставить кнопки ВКонтакте, Одноклассники и др. Эти кнопки отсутствуют в теме.
Чтобы добавить свои кнопки выполните следующие не сложные шаги:

1) Получите код социальных кнопок, например здесь.
2) Откройте файл single.php (этот файл лежит в корне темы) в редакторе.
3) Найдите 65 строку с таким кодом:

4) После этой строки вставьте свой код кнопок. Сохраните файл (загрузите в папку с темой, если скачивали на свой компьютер).
5) Проверьте отображение кнопок.
6) Если кнопки, которые выводятся по умолчанию в теме вам не нужны, то их можно отключить в настройках темы: Настройки темы — Статьи — Настройки Поделиться (их также можно скрыть путем удаления/комментирования функции в файле single.php, строка 63)

Результат: