skip to Main Content
+7 778 210 5000 +7 778 904 5531 studio@idesign.kz Войти/Регистрация

Создать сайт

Нажмите на кнопку создать сайт

Далее выберите наиболее подходящий тарифный план!

После того как вы выбрали тариф необходимо заполнить данные:

Далее введите:
Ваш Логин: (Потребуется для авторизации)
Почтовый ящик: (Потребуется для восстановления пароля)
Пароль: (Потребуется для авторизации)

Готово:  Вы успешно зарегистрировались на конструкторе iDESIGN

Для дальнейший авторизации: Запомните ваши персональные данные:

http://вашсайт.idesign.kz/login/
Ваш Логин:
Ваш Пароль:

Установка готовых шаблонов

 

Нажмите на кнопку: Theme Panel

Далее нажмите на кнопку: Установка Готовых Шаблонов:

Выберите понравившийся шаблон и щелкните мышью кнопку:

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

После нажмите на кнопку Confirm Import:

Время установки Шаблона занимает от 10 секунд до 2 минуты:

Прикрепить собственный домен

Перейдите в меню Аккаунт -> Пользовательский домен

 

Вам необходимо направить домен на наши DNS, пожалуйста, укажите следующие сервера:
ns1.fozzy.com
ns2.fozzy.com

Создание главной страницы сайта.

 

iDESIGN Имеет несколько элементов способствующих созданию успешного сайта! Базовые возможности показаны на видео! Вы можете использовать любой блок для желаемой страницы.

Обучающий курс по Visual Composer | Знакомство с интерфейсом

Обучающий курс по Visual Composer | Добавляем, клонируем и удаляем ряды и колонки

Обучающий курс по Visual Composer | Дизайн ряда и колонки

Обучающий курс по Visual Composer | Основные настройки ряда и колонки

Обучающий курс по Visual Composer | Настройки респонсивности колонок

Обучающий курс по Visual Composer | Текстовый блок

Обучающий курс по Visual Composer | Секция

Обучающий курс по Visual Composer | Иконки

Настройка логотипа

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

Чтобы изменить логотип по умолчанию, выберите « Внешний вид»> «Настройка»> «Шапка»> «Логотип и Значок в логотипе»  (но учтите, что вы также можете изменять логотип для каждой страницы, используя настройки страницы, которые, возможно, стоит проверить, если вы импортировали демонстрационную версию, так как демонстрационная версия может использоваться Overlay заголовок стиль с логотипом на заказ).

Настройка текстового логотипа

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

Добавление иконки к вашему логотипу

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

Изменение цвета логотипа

Расположенный на той же панели «Заголовок» под тегом «Логотип», вы можете выбрать различные цвета для вашего текстового логотипа.

Изменение логотипа типографии

Чтобы изменить семейство шрифтов, размер, интервал между буквами и т. Д. Это будет сделано в разделе «Внешний вид»> «Настройка»> «Типография»> «Логотип» .

Добавление собственного логотипа изображения

Просто используйте поле «Логотип изображения», чтобы загрузить или перетащить свой собственный логотип изображения. Этот логотип может быть в любом формате (png или jpg лучше) и любого размера.

Высота логотипа

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

Изменение / добавление вашего сайта Favicons

Тема iDESIGN включает в себя встроенную функцию, благодаря которой вы можете легко выбирать значки и значки iPhone (для мобильных устройств). Просто зайдите в «Theme Panel -> Favicons» и нажмите «upload» рядом с любым параметром, чтобы загрузить свое собственное изображение.

Загрузите основные значки Favicons. Начните с 32×32.

Акцент Цвета

iDESIGN включает в себя встроенную опцию, которая позволит вам быстро изменить «акцент» цвет (по умолчанию синий) через тему. Просто перейдите в « Внешний вид»> «Настройка»> «Основные параметры»> «Акцент Цвета», чтобы изменить его с помощью палитры цветов:

Оптимизированный и модульный

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

Добавление ваших собственных элементов Accent!

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

Изменить цвета кнопок темы и типографику

Тема iDESIGN содержит встроенные параметры для изменения цветов кнопок по умолчанию на сайте либо для всего сайта, либо для модуля Visual Composer. Ниже приведены примеры каждого метода.

Цвет всей кнопки и радиус границы

Чтобы изменить цвет кнопки для всего сайта, просто войдите в WordPress и выберите «Внешний вид»> «Настройка»> «Общие параметры темы»> «Ссылки и кнопки», чтобы внести свои коррективы. Вы можете не только изменить цвета, но и отступы.

всего-ссылка-кнопка

Типографские параметры кнопки для всего сайта

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

Формы стилей и поля ввода

iDESIGN включает в себя встроенные настройки, позволяющие полностью изменить внешний вид ваших форм на сайте. Просто войдите в WordPress и перейдите в «  Внешний вид»> «Настройка»> «Общие параметры темы»> «Формы», чтобы изменить дизайн поля формы по умолчанию (это будет применяться ко всем формам и входам).

Изменить цвет границы темы

В общей теме есть границы, используемые для заголовков, боковых панелей, между сообщениями в блоге, комментариями и т. Д. Вы можете использовать CSS для изменения цветов границ, но вы также можете использовать настройку Customizer для изменения границ всего сайта! Просто перейдите в « Внешний вид»> «Настройка»> «Основные параметры темы»> «Акцент Цвета», чтобы изменить его.

границы

Тематические макеты (полная ширина и коробочная)

Выбор вашего макета

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

1. Глобальные настройки

Глобальные настройки, расположенные в настройщике « Внешний вид»> «Настройка»> «Макет»> «Общие»> «Стиль макета сайта» , позволяют легко настроить макет темы в целом для всех страниц, сообщений, архивов и т. Д.

Макеты страниц (контента)

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

Типы макетов контента

  1. Правая боковая панель
  2. Левая боковая панель
  3. Нет боковой панели
  4. Полноэкранный (используется для создания полноэкранных фоновых областей)

Изменение макета глобально

Всего включает в себя варианты для изменения вашего макета глобально для каждого типа поста — стандарт (блог), портфолио, сотрудников, отзывы и WooCommerce. Просто зайдите в Внешний вид / Настроить, чтобы  найти раздел, который вы хотите изменить, и параметры макета будут расположены как на вкладке «Архивы», так и на вкладке «Одиночный», потому что вы можете изменить свой макет независимо для архивов (категорий / тегов) и для вашего отдельного сообщения, если вы хотите их разные. Посмотрите ниже:

Настройте ширину макета

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

  • Ширина контейнера : ширина вашего сайта (весь контент).
  • Ширина контента : область с контентом, когда включена левая или правая боковая панель.
  • Ширина боковой панели : Ваша ширина боковой панели.

Изменить или удалить поле в коробочной макете

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

всего в штучной упаковке-макет рентабельность

Как изменить фон сайта

1.Глобальная настройка фона

С помощью Customizer вы можете быстро и легко изменить свой фон. Просто зайдите в Внешний вид / Настроить / Общие параметры, и здесь вы сможете найти параметры «Фон сайта».

2. Фоны на странице или на странице

Если вы хотите изменить основной фон для отдельных постов или страниц, вы можете сделать это также с помощью встроенных мета-опций (настраиваемые поля). Просто перейдите на страницу или пост, который вы хотите отредактировать, и под редактором (или где-то на странице, в зависимости от того, переместили ли вы свои модули или нет), вы увидите метабокс настроек страницы, где вы можете нажать на вкладку «Фон», чтобы изменить свой фон.

Опции темы / Настройщик

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

Просто перейдите на Внешний вид > Настроить, чтобы внести изменения в дизайн вашего сайта.

Экспорт и сброс параметров темы

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

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

Экспорт и импорт модов темы

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

  1. Перейдите на панель тем -> Импорт / Экспорт
  2. Нажмите кнопку «Настройки подсветки» и скопируйте выделенный код
  3. Переключитесь на свою дочернюю тему или перейдите на ту же панель на другом сайте и вставьте скопированный код в поле «Параметры импорта», затем нажмите кнопку «Параметры импорта», чтобы импортировать их.

Редактировать страницу

Чтобы редактировать страницу, просто выберите Backend Editor после нажмите на ручку.

Frontend Editor

Нажмите на ручку и легко отредактируйте блок. Вы также можете переместить блоки просто нажав на блок и переместить кнопкой мыши.

Изменить ваши шрифты и типографику

iDESIGN включает в себя пользовательский класс Typography, созданный исключительно для iDESIGN, который предоставляет вам предварительный просмотр в реальном времени в настройщике, чтобы вы могли видеть изменения шрифта и типографики прямо на ваших глазах, когда вы вносите изменения! Кроме того, все параметры оформления прорабатываются и CSS генерируется, а затем сохраняется в своем собственном моде темы для добавления в заголовок, что значительно ускоряет ваш сайт (в отличие от большинства тем, которые этого не делают).

Как изменить ваши шрифты и типографику

Просто зайдите в настройщик и нажмите на панель «Типография». Здесь вы можете выбрать часть своего сайта для редактирования, внести соответствующие изменения и сохранить изменения. Так просто!

Внешний Вид -> Настроить -> Типографика

Всплывающая панель

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

Настройки тумблера

Просто войдите в WordPress и в браузере выберите «Внешний вид»> «Настройка»> «Всплывающая панель»,  чтобы получить доступ ко всем настройкам, связанным с панелью переключения.

togglebar-настройка

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

 

Изменить виджеты

Для того чтобы поменять нижнюю колонку перейдите в панель виджеты:

Далее поменяйте колонки: Скриншот ниже!

Редактировать товаров


Нажмите на кнопку изменить: 

Скриншот ниже:

Как добавить товар

Редактировать категории

В меню категории можете добавить новую категорию или поменять старую!

Верхняя полоса

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

Социальные ссылки

Просто зайдите в Внешний вид> Настроить> Верхняя полоса, и здесь вы можете ввести URL-адреса для любого из ваших профилей в социальных сетях и выбрать конкретные настройки для их отображения.

общая-тема-topbar-социальная

Форма входа

Тема iDESIGN включает в себя встроенный шорткод для создания ссылки входа / выхода из системы, которую вы можете добавить в любом месте на своем сайте (включая определенные параметры в настройщике тем, например поле содержимого Topbar). Вот самый простой способ добавить шорткод на ваш сайт:

[wp_login_url text = «Войти» logout_text = «Выйти»]

А вот и принятые параметры:

  • login_url — по умолчанию он переходит к URL-адресу входа в WordPress, но вы можете использовать этот параметр для определения пользовательского URL
  • url — так же, как login_url (просто запасной вариант)
  • text — текст для не авторизованных пользователей
  • logout_text  — текст для зарегистрированных пользователей
  • target — установите значение «пусто», чтобы открыть URL-адрес для входа в новую вкладку / окно
  • logout_redirect — установить пользовательское перенаправление для пользователей после их выхода

Номер телефона, текст

Тема iDESIGN включает в себя область в самом верху сайта, которая называется «Верхняя панель», где вы можете буквально добавить ВСЕ, что вы хотите, либо через текстовое поле Customizer, либо создав пользовательскую страницу и отобразив содержимое страницы в этой области (или через зацепки действий темы — для разработчиков). В этой области по умолчанию есть номер телефона, адрес электронной почты и ссылка для входа / выхода из системы слева и ссылки для социальных сетей справа. Чтобы отредактировать область, просто войдите в WordPress и перейдите в « Внешний вид»> «Настройка»> «Верхняя полоса», чтобы внести свои коррективы.

Общий раздел

Общие параметры для Top Bar:

topbar генеральный

Раздел контента

Основное содержание для Top Bar. По умолчанию несколько шорткодов для телефона, электронной почты, ссылки для входа.

Социальный раздел

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

topbar-социальная

Поиск TopBar (Верхняя полоса)

На самом деле в iDESIGN есть простой шорткод формы поиска, который вы можете использовать для размещения простой формы поиска в любом месте на сайте (также есть модуль Visual Composer формы поиска со многими опциями). Если вы хотите добавить поиск в верхнюю панель, вы можете сделать это с помощью шорткода, если вы не отображаете VC-контент в этой области.

Шорткод

Просто используйте шорткод для отображения формы поиска по умолчанию:

[searchform]

Это извлечет код из файла searchform.php, поэтому нет никаких параметров, доступных для шорткода.

Как настроить ваши основные меню

iDESIGN  включает 4 варианта расположения меню:

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

Создать меню

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

Создать новое меню

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

меню-ссылка

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

Когда вы закончите добавлять ссылки, выберите местоположение в меню, отметив один из параметров, перечисленных в разделе « Расположение тем»,  а затем сохраните свое меню. Просто помните, что для каждого местоположения можно назначить только одно меню.

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

Включить дополнительные меню «Разделы» (Портфолио, Персонал и т. Д.)

По умолчанию WordPress отображает только основные элементы для использования с меню, однако вы можете включить дополнительные разделы с помощью панели «Параметры экрана». См. ниже:

меню Экранных опции

Назначьте ваши меню на места

Если вы импортировали данные примера, вы должны были также импортировать наши образцы меню. Чтобы назначить их, вы можете либо отредактировать каждое меню по отдельности, чтобы добавить местоположение меню, либо щелкнуть на вкладке «Управление местоположениями», чтобы назначить меню для каждого местоположения сразу.

Назначить пункты меню

Добавление значков в пункты меню

Вы можете легко добавить значки к своим пунктам меню, если хотите. Просто используйте шорткод iDESIGN «ticon» на этикетке с названием вашего значка.

Пример кода:

[ticon icon = "database"]

Иконки Список : Вы можете найти список всех доступных иконок и использовать короткие номера здесь .

Значки без текста — удаление лишних полей

По умолчанию все значки, добавленные в меню, имеют поле справа, чтобы оставить место для любого текста рядом с ним. Однако, если у вас есть пункт меню, который является ТОЛЬКО пиктограммой без текста, он оставит дополнительное пространство без всякой причины. Чтобы удалить это пространство, просто добавьте «no-icon-margin» в пункт меню, как показано ниже:

Мега Меню

Вы можете легко создать несколько простых мегаменю с 1,2,3,4,5 или 6 столбцами, просто добавив пару классов в родительский пункт меню.

Сначала создайте свое меню. Затем добавьте имя класса «мегаменю» в поле « Классы CSS» для родительского элемента, в котором вы хотите включить раскрывающееся меню. Также добавьте имя класса «col-3», где 3 можно заменить на 1,2,4,5 или 6 в зависимости от того, сколько столбцов вы хотите для своего мегаменю.

Мега Меню

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

_______________________

Чтобы скрыть основные заголовки, вам просто нужно добавить имя класса « hide-headings » в тот же пункт меню, к которому применяется класс «megamenu».

прятки меню-заголовки

Создание локального меню прокрутки

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

Создание строк с помощью пользовательских идентификаторов локальной прокрутки с помощью Visual Composer

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

Важно : НЕ добавляйте символ # к своему идентификатору, это не обязательно, просто дайте ему уникальное имя. Не используйте пробелы, используйте только тире и подчеркивание.

общий локальный улиткой-идентификатор

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

Создать или обновить существующее меню WordPress

Создайте новое меню или обновите существующее меню (« Внешний вид»> «Меню» ) и добавьте пользовательские ссылки для каждого элемента меню. Добавьте ссылку с классом «local-scroll» и URL-адресом, обозначенным символом #, за которым следует идентификатор div, на который вы ссылаетесь (это имя указано в поле « Local Scroll Id » в строке Visual Composer).

Вы можете ввести URL-адрес просто как «# section-one» или с полным URL-адресом «http://www.site.com/#section-1», если вы хотите, чтобы элемент меню можно было нажимать на других страницах сайта.

общее локальные прокрутки меню

Не видите поле «CSS-классы» на панели инструментов вашего меню? Нет проблем, просто нажмите «Параметры экрана» в правом верхнем углу панели меню, чтобы включить это поле.

Добавление локального меню прокрутки на ваш сайт

У вас есть 2 основных варианта добавления меню на ваш сайт с помощью встроенных функций тем, которые упомянуты ниже:

1. Добавление локального меню прокрутки по всему сайту в заголовок сайта

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

2. Добавление локального меню прокрутки внутри страницы

Если вы хотите создать локальное меню прокрутки вне области определенной области меню, например меню «Верхняя панель» или «Верхний колонтитул», вы можете использовать модуль «Общая панель навигации », чтобы вставить любое пользовательское меню WordPress на страницу.

Пользовательское меню заголовка локальной прокрутки только для одной страницы?

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

Выберите ваше локальное меню

Добавление не кликабельных ссылок меню

Вы можете легко создавать не щелкающие ссылки меню на любое меню WordPress, просто добавив символ # для «URL» при вставке пользовательской ссылки. Тем не менее, когда пользователь нажимает на него, в URL будет добавлен символ #. iDESIGN включает в себя уникальный класс «nav-no-click», который вы можете добавить к любому пункту меню, чтобы ссылка была на 100% неактивной.

нет-клик-нав

Мобильное меню

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

Выбор стиля вашего мобильного меню

Чтобы выбрать стиль вашего мобильного меню, просто войдите в панель управления WordPress, затем выберите «Внешний вид»> «Настройка»> «Заголовок»> «Мобильное меню» . Здесь вы сможете выбрать предпочитаемый стиль из выпадающего списка.

полное мобильное меню

Как добавить «простую» кнопку в главное меню

Теперь вы можете создать простую кнопку для любой ссылки в Header Style One. Все, что вам нужно сделать, это добавить имя класса « menu-button » к вашему пункту меню, и оно создаст синюю кнопку. Чтобы изменить цвет кнопки, размер, отступы и т. Д., Это должно быть сделано с помощью пользовательского CSS, так  как я не хотел расширять тему с еще большим количеством опций для чего-то такого простого.

Добавить класс меню

  • кнопка меню — добавляет простую слегка округлую кнопку с цветом акцента темы в качестве фона
  • menu-button menu-button-округлено — добавляет кнопку меню, но также дает ей большие закругленные углы для кнопки «таблетка»

меню кнопки-класс

Создание меню мобильных иконок

ВАЖНО : Вы ДОЛЖНЫ использовать стиль кнопок переключателей «Выровненные по правому краю» или «Под кнопками значков логотипа», чтобы ваше мобильное меню работало. Это опция по умолчанию, но если вы ее изменили, ее можно найти в « Внешний вид»> «Настройка»> «Мобильное меню»> «Стиль переключателя» .

всего-иконка-мобиль меню

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

Mobile Icon Menu

 

Обучающий курс по Slider Revolution | Создаем слайдер

Обучающий курс по Slider Revolution | Управление слайдами

Обучающий курс по Slider Revolution | Главный фон

Обучающий курс по Slider Revolution | Общие параметры

Обучающий курс по Slider Revolution | Миниатюра

Обучающий курс по Slider Revolution | Анимация слайда

Обучающий курс по Slider Revolution | Информация о слайде

Slider Revolution

Когда вы создаете ползунки с помощью плагина Revolution Slider.

Revolution Slider Shortcode

Если вы используете плагин Revolution Slider, ваш шорткод был создан, когда вы создали свой слайдер и дали ему псевдоним.

Слайдер Псевдоним

Чтобы найти шорткод, просто нажмите на ссылку Revolution Slider на панели инструментов WordPress. Каждый слайдер и его шорткод перечислены в порядке их создания или импорта.

Revolution Slider Shortcode

Редактирование слайдера

Для того чтобы отредактировать Слайдер.

Вам необходимо перейти в Slider Revolution -> Slider Revolution -> Найти Слайдер и Нажать на ручку и отредактировать Слайдер!

Конструктор сайтов iDESIGN имеет море возможностей.

2000+ Готовых элементов для создание сайта так же 600+ Готовые Модули! Вам необходимо попробовать 7 дневный бесплатный пробный период!

Back To Top
Нужна помощь? Начните диалог с WhatsApp