Время работы иконка: Время работы иконка — со временем рабочая иконка — иконка с плоским дизайном концепции #85407492


14.10.2018 Facebook Twitter LinkedIn Google+ Разное


Содержание

Время работы иконка - со временем рабочая иконка - иконка с плоским дизайном концепции #85407492

  •   Стандартная лицензия Маленький размер jpeg
         –  $3.99 или 4 Кредиты

    500 x 500 пикселей, 0.5 Mp, 72 dpi

  •   Стандартная лицензия Средний размер jpeg
         –  $3.99 или 4 Кредиты

    1000 x 1000 пикселей, 2 Mp, 300 dpi

  •   Стандартная лицензия Большой размер jpeg
         –  $3.99 или 4 Кредиты

    2000 x 2000 пикселей, 8 Mp, 300 dpi

  •   Стандартная лицензия EXTRA Большой размер jpeg
         –  $3.99 или 4 Кредиты

    6944 x 6944 пикселей, 15 Mp, 300 dpi

  •   Стандартная лицензия Векторная графика zip
         –  $8.00 или 8 Кредиты

    6944 x 6944 пикселей, 15 Mp, 300 dpi

  •   Расширенная лицензия Векторная графика eps
         –  $30.00 или 30 Кредиты

    Устанавливайте любой размер без потери разрешения.

Для загрузки файлов необходимо авторизоваться. Вход

Лицензия: Royalty Free

Формат: EPS

Иконки

У Вас в браузере заблокирован JavaScript. Разрешите JavaScript для работы сайта!

Шрифтовые иконки

Для шрифтовых иконок были использованы символы из бесплатного набора Glyphicons Halflings для Bootstrap.


иконка class иконка class
abonement add
ban cart
client comment
clock close
del device
download edit
forward like
map-marker minus
open option
print protocol
refresh reply
spellchecking subscribe
tovar user

svg-иконки

иконка class иконка class
abuse sms
open-chat to_top
Пример использования
<a href=""></a>

Смотрите также:

Иконка определение термина

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

Значок программы/данных, содержащий только ссылку на эту программу/данные, в русской терминологии именуется «ярлыком».

Типы значков

Значки Nuvola для KDE существуют в виде PNG‐изображений 6 размеров, и масштабируемых векторных SVG‐изображений.

Как правило, значки представляют собой растровые картинки квадратного формата стандартных размеров.

В операционных системах Microsoft Windows и Windows NT наиболее употребимы размеры значков со стороной 16, 32 и 48 пикселов. В различных средах также используются значки с размером 24, 40, 60, 72, 92, 108, 128 пикселов и другие. С ростом разрешения мониторов современные операционные системы включают поддержку всё более крупных размеров значков: до 256×256 для Windows Vista, до 512×512 для Mac OS X.

Обычно файл значка содержит в себе несколько отдельных изображений различных размеров и с различным количеством используемых цветов. Например, значок для операционной системы Windows XP, изготовленный по рекомендациям фирмы Microsoft, содержит в себе 9 отдельных изображений. Это связано с тем, что при автоматизированном уменьшении растрового изображения оно теряет резкость, а при увеличении — детализацию. Это особенно заметно, когда уменьшению или увеличению подвергаются изображения маленького размера, характерные для значков. Поэтому трудоёмкость изготовления полного комплекта высококачественных изображений для растрового значка довольно высока.

Эта проблема решается при использовании векторных значков (например, в формате SVG). Использование векторных значков пока невозможно в Windows или Mac OS X, но уже поддерживается операционной системой Linux.

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

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

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

Независимое создание значков

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

История названия

В английском языке подобные графические элементы пользовательского интерфейса называются словом «icon» (от греч. είκων — образ, символ, икона).

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

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

См. также

Примечания

  1. Creating Windows XP Icons, MSDN Library, July 2001
  2. SVG icons for Nautilus, GNOME Summary — 2001-09-30—2001-10-05
  3. В мае 1999 года Екатерина Лажинцева (тогда менеджер по операционным системам в отделе подготовки русских продуктов корпорации «Майкрософт») изложила историю выбора термина «значок» в статье «Как „Майкрософт“ решает вопросы выбора терминологии» . По её словам, слово «пиктограмма» было отвергнуто из-за излишней длины, а вариант «иконка» вызывал опасения как задевающий религиозные чувства.
  4. Значки в области задач «Результаты поиска», Справка по продуктам Microsoft Office 2003
  5. iPhone — Руководство пользователя, Сентябрь 09, 2009, Apple Inc.

 

Как установить время и таймер на духовом шкафу устройств разных марок

Бывает так, что после покупки новой духовки мечты все идет как надо, но вдруг возникает неожиданная проблема – духовка не включается! Рано расстраиваться, это не значит, что был приобретен бракованный товар. Дело в том, что новейшее поколение духовок не запускаются до тех пор, пока не настроить на дисплее часы.

Рано поддаваться панике, если печь не включается, возможно, просто надо выставить часы

Рано поддаваться панике, если печь не включается, возможно, просто надо выставить часы

Принцип работы электронного программатора

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

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

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

Контроль изменения времени:

  • Устанавливается текущее время.
  • Установка времени готовки.
  • Программирование времени завершения работы.
  • Установка часов.

Контроль безопасности:

  • Режим автоматического отключения.
  • Блок клавиш от незапланированного переключения режимов, в частности, защита от детей.

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

В зависимости от модели духового шкафа, отличаются инструкции по установке времени

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

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

Инструктаж как установить время на духовом шкафу

[adinserter block=»2″]

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

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

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

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

Как выставить время на разных марках духовок

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

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

    С печью Electolux нужно внимательно следовать инструктажу и время лучше устанавливать при первичном включении в сеть, чтобы случайно не установить таймер

  • Включив духовку популярного бренда Bosch, обратите внимание на мигающую панель, там должно быть изображение часов и нулей. Это значит, что нужно отрегулировать время. Для этого нужно нажать на иконку с изображением часов и при помощи кнопок «+» и «-», выставить текущее время. Ждем несколько секунд, как только цифры перестанут моргать, значит, программа запомнила время, и духовку можно использовать по назначению. [adinserter block=»3″]
  • Установив дома духовку брендов «Сименс» или «Аристон», придется немного похлопотать. Здесь требуется устанавливать и время суток, то есть день или вечер (АМ или РМ). Включив печь в розетку, можно заметить мигающие цифры на дисплее. Точное время устанавливается при помощи поворотной ручки либо кнопкой на сенсорной панели. Когда время суток установлено, переходим к настройке часов. Для этого нужно нажать на иконку с изображением часов и выставить часы, затем нажать на значок еще раз, чтобы выставить минуты. Понять, часы или минуты сейчас будете выставлять просто: мигающая пара цифр готова для корректировки. Установив нужное время, нужно внести его в память программатора, нажав на значок с часами. Настройка времени осуществляется при помощи поворотной ручки либо значками «+» «-» или стрелочками, все зависит от определенной модели. Когда временное значение внесено в память устройства, нужно подождать несколько секунд, затем можно приступать к установке других параметров.

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

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

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

Таблички и вывески режим работы

Абсолютно необходимая вещь, с которой начинается ваш бизнес. Встречая клиента прямо при входе, вывеска с режимом работы уже расскажет ему о многом, в том числе о вашей солидности, когда к вам лучше зайти или как с вами можно связаться. Их размеры и содержание регламентируются Постановлением Правительства Москвы № 902. Вывеска режим работы и наименование предприятия — обязательная часть информации, располагаемой на улице (фасаде здания). Максимальные размеры таблички по законодательству не должна превышать 0,60 м. по длине и 0,4 м. по высоте.

ТАБЛИЧКИ РЕЖИМ РАБОТЫ ИЗ ПЛЕНКИ

Такие таблички изготавливаются из специальных виниловых пленок толщиной 80-100 микрон (0,08-0,1 мм).

Изображение наносится на пленку либо плоттерной резкой цветной пленки либо плоттерной полноцветной печатью на белой или ПРОЗРАЧНОЙ пленке. МЫ ПЕЧАТАЕМ БЕЛИЛАМИ! В качестве дополнительной защиты можно использовать покрытие (ламинацию) прозрачной пленкой. Табличка самоклеящаяся. Гарантия на выгорание 3 года!

СТОИМОСТЬ ИЗГОТОВЛЕНИЯ ТАБЛИЧЕК РЕЖИМ РАБОТЫ ИЗ ПЛЕНКИ

Способ изготовления/Размер A 5 A 4 A 3
210 x 148 мм 210 x 297 мм 420 х 297 мм
Плоттерная резка 1 цвет 600 р. 850 р. 1100 р.
Полноцветная печать 250 р. 350 р. 500 р.
Полноцветная печать с белилами 400 р. 500 р. 900 р.
  • Плоттерная резка в несколько цветов + 30% за каждый цвет
  • Другие размеры по запросу
  • Макет от 300 руб (уточняйте цену у менеджера по Вашему заданию)

ТАБЛИЧКИ РЕЖИМ РАБОТЫ ИЗ ПЛАСТИКА

Такие таблички изготавливаются из пластика ПВХ толщиной от 3 до 8 мм. Изображение наносится либо прямой УФ печатью либо печатается на пленке и накатывается на пластик. Возможна дополнительная защита прозрачной пленкой или стеклом, обрамление металлической рамкой (серебро, золото, цветная), удаленные держатели.  Гарантия на выгорание 3 года!

 Стоимость изготовления табличек режим работы из пластика

Материал/Размер A 5 A 4 A 3
210 x 148 мм 210 x 297 мм 420 х 297 мм
Пластик, полноцветная печать, багетная рамка 500 р. 750 р. 1100 р.
Пластик, полноцветная печать, БЕЗ рамки 270 р. 350 р. 550 р.
  • Возможна дополнительная защита прозрачной пленкой или стеклом
  • Возможны удаленные держатели
  • Другие размеры по запросу
В стоимость входит:
  • Основание ПВХ 3 мм
  • Двусторонний скотч для крепления
  • Сверление отверстий под шурупы
  • Макет от 300 руб (уточняйте цену у менеджера по Вашему заданию)

ТАБЛИЧКИ РЕЖИМ РАБОТЫ ИЗ ПРОЗРАЧНОГО ИЛИ МАТОВОГО АКРИЛА И СТЕКЛА

Такие таблички изготавливаются из акрила (оргстекла) толщиной от 3 до 10 мм. Изображение наносится либо прямой полноцветной УФ печатью либо плоттерной резкой. Возможна печать с двух сторон.  Удаленные держатели в цену не ходят.  Табличка может использоваться как на улице, так и в здании, не восприимчива к погодным условиям. Не теряет цвет, не подвержена выцветанию. Гарантия на выгорание 3 года!

СТОИМОСТЬ ИЗГОТОВЛЕНИЯ ТАБЛИЧЕК РЕЖИМ РАБОТЫ ИЗ ПРОЗРАЧНОГО (МАТОВОГО) АКРИЛА ИЛИ СТЕКЛА

 

Толщина Цвет до А6 (15х10) А5 (15х20) А4 (30х20) А3 (40х30)
Акрил (оргстекло) с УФ-печатью/с аппликацией пленки
3мм белый или прозрачный 700 900 1.200 2.000
5мм белый или прозрачный 900 1.200 1.500 2.500
10мм белый или прозрачный 1.200 1.800 2.500 4.500
3мм цветной 1.000 1.500 2.000 3.000
Акрил с объёмными элементами
3мм белый или прозрачный 1.500 2.000 3.000 4.500
5мм белый или прозрачный 2.000 2.500 3.500 5.000
10мм белый или прозрачный 2.400 3.500 4.500 6.500
3мм цветной 2.000 2.500 3.500 5.000
  • Возможны удаленные держатели
  • Другие размеры по запросу
В стоимость входит:
  • Двусторонний скотч для крепления
  • Сверление отверстий под шурупы
  • Макет от 300 руб (уточняйте цену у менеджера по Вашему заданию)

ТАБЛИЧКИ РЕЖИМ РАБОТЫ ИЗ двухслойного ПЛАСТИКА С ЛАЗЕРНОЙ ГРАВИРОВКОЙ

Такие таблички изготавливаются из пластика толщиной 1,6 и 3,2 мм. Изображение наносится лазерной гравировкой. Возможны дополнительные элементы  прямой УФ печатью, плоттерной резкой. Дополнительная защита прозрачной пленкой или стеклом, обрамление металлической рамкой (серебро, золото, цветная), удаленные держатели.  Гарантия на выгорание 3 года!

 СТОИМОСТЬ ИЗГОТОВЛЕНИЯ ТАБЛИЧЕК РЕЖИМ РАБОТЫ ИЗ ПЛАСТИКА С ЛАЗЕРНОЙ ГРАВИРОВКОЙ

Материал/Размер A 5 A 4 A 3
210 x 148 мм 210 x 297 мм 420 х 297 мм
Пластик двухслойный 1,6 мм 850 р. 1500 р. 3000 р.
Пластик двухслойный 3,2 мм 1100 р. 2300 р. 4400 р.
  • Возможны удаленные держатели
  • Другие размеры по запросу
В стоимость входит:
  • Двусторонний скотч для крепления
  • Сверление отверстий под шурупы
  • Макет от 300 руб (уточняйте цену у менеджера по Вашему заданию)

ТАБЛИЧКИ РЕЖИМ РАБОТЫ НА МЕТАЛЛИЧЕСКОЙ ОСНОВЕ

Таблички режим работы из металла изготавливаются из алюминия толщиной 0,6мм. Нанесение изображения полноцветной УФ печатью, сублимацией,  плоттерной резкой или лазерной гравировкой. Возможна дополнительная защита прозрачной пленкой, лаком или стеклом, обрамление металлической рамкой (серебро, золото, цветная), удаленные держатели.  Гарантия на выгорание 3 года!


СТОИМОСТЬ ТАБЛИЧЕК РЕЖИМ РАБОТЫ НА МЕТАЛЛИЧЕСКОЙ ОСНОВЕ

Способ изготовления/Размер A 5 A 4 A 3
210 x 148 мм 210 x 297 мм 420 х 297 мм
Металл, полноцветная УФ печать 900 р. 1700 р. 3300 р.
Металл, плоттерная резка в 1 цвет 600 р. 1100 р. 1700 р.
Металл, полноцветная печать сублимация 600 р. 900 р. 1400 р.
Металл, лазерная гравировка 900 р. 1700 р. 3300 р.
В стоимость входит:
  • Двусторонний скотч для крепления
  • Макет от 300 руб (уточняйте цену у менеджера по Вашему заданию)
  • Другие размеры по запросу

Таблички РЕЖИМ РАБОТЫ с объёмным изображением

В настоящее время нередко на фасадах зданий можно увидеть таблички с объемным изображением. Данный вид внешней рекламы получает все большее распространение. Он заключается в том, что на основу, сделанную из самых разнообразных материалов, к примеру, металл или всевозможные пластики, приклеивается объёмное изображение размером от 1 до 25 мм (это может быть как логотип, так и название компании, довольно часто заказчики комбинируют и логотип, и буквенное название). Нередко таблички с объемным изображением подсвечивают изнутри светодиодами, или снаружи — светильниками сателлитами.

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

СТОИМОСТЬ ТАБЛИЧЕК РЕЖИМ РАБОТЫ С ОБЪЁМНЫМ ИЗОБРАЖЕНИЕМ

Размер Объёмное изображение занимает
менее 40% площади таблички
Объёмное изображение занимает
более 40% площади таблички
300х100 1500 р. 2200 р.
300х200 2300 р. 3000 р.
350×200
2700 р. 3700 р.
400х300 3300 р. 4900 р.
600х400 4500 р. 6700 р.
800х600 6200 р. 9300 р.

иконок рабочего времени - 628 бесплатных векторных иконок

  • Авторы
  • Пакеты
  • Дополнительные инструменты

    Прочие товары

    Freepik Бесплатные векторы, фото и PSD Онлайн-редактор Freepik Редактируйте свои шаблоны Freepik Slidesgo Бесплатные шаблоны для презентаций Сюжет Бесплатные редактируемые иллюстрации

    Инструменты

    Образец значка Создавайте шаблоны значков для своих обоев или социальных сетей

    Google Workspace

    Иконки для слайдов и документов +2.5 миллионов бесплатных настраиваемых значков для ваших слайдов, документов и таблиц
  • английский
    • Español
    • английский
    • Deutsch
    • Português
    • Français
    • 한국어
  • Стать автором
  • Стоимость
  • Бесплатная регистрация
  • Войти
Авторизоваться регистр Фильтры

Тип

Икона

Упаковка


Лицензия

Все

Свободный

Премиум


Кураторское содержание

Выбор Flaticon Новые

часов рабочего времени Иконки - 13 бесплатных векторных иконок

  • Авторы
  • Пакеты
  • Дополнительные инструменты

    Прочие товары

    Freepik Бесплатные векторы, фото и PSD Онлайн-редактор Freepik Редактируйте свои шаблоны Freepik Slidesgo Бесплатные шаблоны для презентаций Сюжет Бесплатные редактируемые иллюстрации

    Инструменты

    Образец значка Создавайте шаблоны значков для своих обоев или социальных сетей

    Google Workspace

    Иконки для слайдов и документов +2.5 миллионов бесплатных настраиваемых значков для ваших слайдов, документов и таблиц
  • английский
    • Español
    • английский
    • Deutsch
    • Português
    • Français
    • 한국어
  • Стать автором
  • Стоимость
  • Бесплатная регистрация
  • Войти
Авторизоваться регистр Фильтры

Тип

Икона

Упаковка


Лицензия

Все

Свободный

Премиум


Кураторское содержание

Выбор FlaticonНовинка

Сортировать по

Документация

- тема WordPress Medin

Премиум тема WordPress

  • Создано: Февраль 2019
  • Автор: p-themes - Профиль автора на Envato
  • Текущая версия темы 1.7,1

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

Рассмотрим подробнее функциональность темы.

Установка

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

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

1) Установка темы

После того, как вы установили копию WordPress, есть два способа установить тема:

  1. Загрузка по FTP

    Разархивируйте загруженный пакет и загрузите каталог темы / medin / в каталог тем WordPress / wp-content / themes / .

  2. Автоматическая установка WordPress

    Это определенно самый простой путь для большинства. Просто перейдите к Внешний вид> Темы> Добавить> Загрузить тему . Нажмите кнопку «Обзор» и найдите все еще заархивированная папка темы. Тема будет загружена и установлена ​​в течение секунд.

    Затем вам необходимо активировать установленную тему.

    Нажмите Активируйте или войдите в левое меню администратора: Внешний вид -> Темы и активируйте Medin

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

2) Импорт макета

Импортировать макет. Зайдите в Внешний вид -> Medin Import Demo . Импортировать любой макет

ЗАМЕТКА! После импорта макета будут импортированы все демонстрационные данные соответствующего макета: блоки, изображения, тексты

ПРИМЕЧАНИЕ! Если вам нужно установить другой макет Medin, сбросьте все данные с помощью плагина WP Reset.Зайдите в Tools -> WP Reset

3) Добавить меню посадки (для макетов площадок)

Зайдите в Внешний вид -> Меню, вкладка «Управление местоположениями» . Установить в локации Меню заголовка Медина - Меню посадки Медера. Нажмите кнопку "Сохранить изменения"

Активация

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

Не активируйте плагины кеширования, пока не будет активирована версия вашей темы!

Процесс активации

Войдите в админ: Внешний вид -> Настройщик -> Код активации Medin

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

Проблемы активации

Обратите внимание, если вы видите проблемы с активацией, они могут быть вызваны какими-либо причинами, не связанными с файлами темы:

  • Одна лицензия на два сайта

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

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

  • Старая версия темы

    Всегда проверяйте, установлена ​​ли у вас последняя версия нашей темы.

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

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

  • Путаница доменных имен

    Активация работает для текущего домена (доменного имени).

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

  • Использование плагинов кеширования перед вводом лицензионного кода

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

Обновление

  1. Резервное копирование всех ваших файлов тем и базы данных перед внесением любых изменений

  2. Загрузите все файлы из папки нашей темы в папку темы на вашем сервере

    Эта загрузка файлов не меняет ваши существующие страницы / сообщения / медиафайлы

    Эта загрузка файлов не влияет на пользовательский CSS, который можно записать на вашем сайте в Внешний вид -> Настроить

  3. Если вы не использовали Дочернюю тему и внесли изменения непосредственно в файлы нашей темы, вы должны заметить их все.

    После загрузки файлов из нашей последней версии вам нужно будет снова добавить свои изменения

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

    Итак, вы проверите все действия в пакете темы

  4. Другой шаг - обновить плагин Medin Core

    Не переустанавливайте (не производите деактивацию и активацию плагина)

  5. Последняя версия плагина Medin Core находится в папке темы: \ medin \ inc \ libs \ tgm-plugin-activation \ plugins \ theme-shortcodes.молния

    Скопируйте этот пакет на свой компьютер и разархивируйте его

  6. Вы получите папку [theme-shortcodes] на вашем компьютере.

    Загрузить все файлы из папки в папку плагина Medin Core на вашем сервере

    Это путь / wp-content / plugins / theme-shortcodes /

  7. Обновите полный кеш браузера, дважды нажав Ctrl + F5

    Или проверьте свой сайт в новом браузере / мобильном устройстве

  8. Обновление композитора WPBakery

    Не переустанавливайте (не производите деактивацию и активацию плагина)

    Последнюю версию вы всегда можете найти в пакете нашей темы: Medin_Package / Plugins / wpbakerybuilder.застегивать

    Просто распакуйте этот пакет на свой компьютер и загрузите все файлы по ftp с него на свой сайт: / wp-content / plugins / js_composer /

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

Домашняя страница

Оригинальные демонстрационные блоки домашней страницы для всех макетов

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

Расширенный главный слайдер

Чтобы отредактировать / добавить расширенный слайдер: изображения, тексты, видео, перейдите в меню «Внешний вид » -> «Страницы»

Нажмите Backend Editor (если раньше не нажимали)

Добавить элемент композитора WP Bakery: Theme Advanced Slider

Обратите внимание на параметры, которые можно использовать в поле Content for all Slides .

  1. {слайд}

    Этот термин разделяет главный слайдер на отдельные слайды

  2. В одном слайде следует использовать только один из этих терминов.

    {image} - если вам нужно добавить изображение, напишите этот термин и добавьте изображения в поле Images элемента

    {video} - для кода видео, например, в *.формат mp4. Напишите видеокод после срока

    {youtube} - для встроенного кода YouTube. Напишите код после этого термина

    {vimeo} - для видео vimeo. Напишите код после этого термина

  3. {текст}

    Пишите каждый раз этот термин, даже если на слайде нет текстов

Примеры составления расширенного слайдера:

  1. Слайдер с 3-мя слайдами:
    1 слайд с изображением без текста
    2 слайда с изображением и текстом
    3 слайда с изображением без текста

    {image} {text}
    {слайд} {изображение} {текст}

    текст

    {слайд} {изображение} {текст}

  2. Слайдер с 2-мя слайдами:
    1 слайд с изображением и текстом
    2 слайда с видео vimeo

    {image} {text}
    {слайд}
    {vimeo}
    {текст}

  3. Полный пример кода слайдера - 5 слайдов:
    2 слайда с изображениями 3 слайда с разными типами видео: vimeo, youtube, простое видео

    Быстрое создание страницы с помощью полноразмерного Advanced Slider

    1. Создайте новую страницу, нажмите вкладку «Текст» в Content

    2. Вставьте ниже весь код.Нажмите кнопку сохранения.

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

      Но имейте в виду, что такие изменения сохраняются до перезагрузки страницы

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

      Копировать в буфер обмена

      [vc_row rsclass = "clean"] [vc_column rsclass = "clean"] [theme_advslider_element rs_num = "5" точек = "true" autoplay = "false" rs_images = "1197,1198"] {образ} {текст}

      КАЧЕСТВЕННАЯ СТОМАТОЛОГИЯ
      ДЛЯ ВСЕЙ СЕМЬИ

      Помогаем тысячам людей обрести идеальную улыбку

      {горка} {образ} {текст}


      ПОЛНАЯ СТОМАТОЛОГИЧЕСКАЯ ПОМОЩЬ!

      Ваш путь к новой яркой улыбке

      {горка} {vimeo} {текст} {горка} {youtube} {текст} {горка} {видео} {текст} [/ theme_advslider_element] [/ vc_column] [/ vc_row]
    3. Откройте элемент и добавьте изображения (в данном примере 2 изображения).Нажмите кнопку сохранения.

    4. Чтобы увидеть ползунок на всю ширину, рекомендуем в правом блоке выбрать «Атрибуты страницы» -> «Шаблон» -> «Шаблон Medin»

      .

Обычный главный слайдер

Для редактирования ползунка: изображения, текст перейдите в Внешний вид -> Страницы

Нажмите Backend Editor (если раньше не нажимали)

Редактировать блок главного слайдера темы с помощью редактора VC

Тексты слайдера должны быть разделены словом: {слайд}

Демонстрационные примеры для каждого макета см. Здесь ОРИГИНАЛЬНЫЕ ДЕМОНСТРАЦИОННЫЕ БЛОКИ ДЛЯ ВСЕХ МАКЕТОВ, пункт 1 во всех макетах

Виджет Instagram

Войдите в Pages, активируйте Backend Editor (если он не был включен ранее), нажмите «Добавить элемент Theme Elements -> Theme Instagram Widget », нажмите «Edit».Измените параметры на свои.

  1. Имя пользователя - просто добавить имя пользователя учетной записи (принять частные учетные записи), ограничение вывода сообщений до 12 изображений
  2. Сортировка по тегу - более распространенный способ, позволяет выводить больше сообщений
  3. Лимит всех изображений - полное количество сообщений во всем виджете
  4. Количество позиций в строке - полное количество позиций может быть расположено в нескольких строках
  5. Расстояние между изображениями в%
  6. Идентификатор элемента / instagram-grid-full - используйте, если вам нужно добавить какой-то конкретный CSS

Элемент сообщений блога

Войдите в Pages, активируйте Backend Editor (если он не был включен ранее), нажмите «Добавить элемент» «Элементы темы» -> «Слайдер сообщений темы» , нажмите «Изменить».

По умолчанию блок растянут на всю ширину и имеет 3 слайда.

Вы можете скопировать исходное содержимое предварительно созданного блока сообщений в блоге из нашей демонстрации.

Операционная схема: карусель во всю ширину, позиция 11

Медицинский макет: блок сообщений блога + другой блок в одной строке, позиция 9

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

  1. Количество отображаемых сообщений

    Перейдите на вкладку: Параметры слайдера -> Слайды для отображения - видимое количество сообщений в блоге в карусели

  2. Ширина одной стойки в карусели

    Перейдите на вкладку: Общие -> Имя класса сетки сообщения в блоге

    По умолчанию количество постов 3.Итак, css написан для 3-х сеток. Полное количество сеток - 12.

    Итак, у нас есть css: col-md-6 col-lg-4 , что составляет 12/3 = 4

    Если вам нужно, например, установить 4 видимых слайда, вы должны написать css как col-md-6 col-lg-3

  3. Полное количество постов в карусели

    Общие -> Общее количество сообщений - полное количество сообщений, которые будут добавлены в карусель сообщений

  4. Общие -> Имя внешнего класса всего блока

    Чтобы увидеть полноразмерную карусель, вы должны добавить css: blog-grid-carousel-full js-blog-grid-carousel-full blog-grid-full

    Обратите внимание на слово «-полный» здесь

Вставка блока из другого макета

Все оригинальные блоки из всех макетов можно найти здесь

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

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

  2. Откройте страницу, где нужно вставить блок в Внешний вид -> Страницы

  3. Отключите композитор WPBakery и нажмите вкладку «Текст».Не используйте визуальный режим, потому что вам нужно работать с кодом

  4. В том же конце страницы вставьте скопированный код и нажмите кнопку СОХРАНИТЬ.

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

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

  6. Активируйте Визуальный режим редактора и перетащите вставленный блок в нужное место

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

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

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

страниц / сообщений

  1. Название страницы, подписка, некоторые css

    Откройте страницу в админке, прокрутите вниз Параметры формата страницы

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

  2. Общие рекомендации по работе со страницами

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

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

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

    • Чтобы отредактировать какую-либо страницу, зайдите в админку: Страницы.

      Нажмите на заголовок страницы или нажмите кнопку Изменить

      Мы не рекомендуем нажимать кнопку Редактировать с помощью WPBakery Page Builder .Он работает только тогда, когда вы создаете страницу с нуля полностью с помощью элементов Composer и не используете разработанные элементы темы и ее расположение css / html.
      В Composer добавлен дополнительный функционал, который корректно работает на витрине. Но это не распознается админкой Композитора.

    • Для работы в простом визуальном режиме с WPBakery Composer необходимо включить его, нажав кнопку Backend Editor (если она не была включена ранее).

      Если вы видите кнопку Classic Mode, это означает, что редактор активирован

    • Если редактор активирован, вы можете перемещать блоки по их расположению.

      Вы можете изменить текст, добавить собственное изображение / заменить существующие изображения

      Также вы можете изменить / добавить фоновое изображение и (или) цвета фона блоков

    • Наша тема имеет собственную структуру html / css, поэтому во всех блоках мы сбрасываем структуру сеток WPBakery по умолчанию, заполняя такой термин в полевых условиях:
      Чистые классы Коробка: чистые

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

    • Обратите внимание!
      В нашей теме есть определенные блоки, которые были разработаны специально для лучшего внешнего вида дизайна.Для достижения такого дизайна была разработана некоторая структура css / html. Если у вас недостаточно навыков css / html, мы рекомендуем не вносить изменения в css блоков.
      И не переносить их на другие страницы.
      Лучший способ в таком случае - изменять только тексты, изображения, фоны и другие параметры, которые не могут нарушить структуру страницы.
      Если какой-то блок полностью не соответствует вашему сайту - просто удалите его полностью.И создайте новый блок, используя функциональные возможности Visual composer.
      Он полностью совместим с темой. В теме
      ничего из этого не изменилось. О работе с Composer вы можете прочитать в его руководствах по умолчанию.

    • Также имейте в виду, что некоторые параметры, такие как цвета, шрифты, фон, вы можете легко изменить в Внешний вид -> Настроить

      Все подробности здесь

Оригинальные общие страницы для всех макетов

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

Простая галерея Страница

На странице использован элемент, разработанный для использования с композитором WPBakery: Тематические галереи

Пример этого блока с выполненными настройками вы можете найти на предварительно созданной странице Simple Smiles Gallery

Добавьте блок и выберите в поле Тип галереи - Простая галерея с вкладками

Обратите внимание на количество добавленных изображений и количество строк в поле Привязка блоков изображений к вкладкам

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

Страница сообщения в блоге

  1. Формат сообщения - Изображение:

    Если вы установите этот параметр, избранное изображение будет отображаться в верхней части страницы сообщения в блоге.
  2. Тип блога :

    перейти в Внешний вид -> Настроить -> Настройки темы: Общие -> Тип сообщений в блоге Страница

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

    Столбы сетки без стойки
  3. Каждое сообщение имеет параметры в левом меню администратора -> Сообщения:

    - Кнопки социальных сетей для публикации HTML

    - Опубликовать дополнительный контент

    - Отметил этот пост

    - Отключить избранные изображения в сообщениях блога Страница

    - Отключить избранные изображения в одной публикации

    - Отключить дополнительный контент на страницах блога

  4. Блок с автором записи

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

Калькулятор затрат

В нашей теме используется плагин Cost Calculator WordPress

Пример работы плагина из нашей демонстрации Dentist Cost Calculator

Исходный код страницы из демонстрации стоматолога - Код, позиция 11

Параметры темы: цвета, размеры шрифтов, шрифты Google

  1. Во-первых, разрешите использование пользовательских цветов, шрифтов

    перейти в Внешний вид -> Настроить -> Настройки темы: Общие -> поставить галочку «Использование пользовательских параметров»

    Также вы можете установить цветовую схему для некоторых из 3 макетов и выбрать тип блога

  2. ЦВЕТА

    Войдите в левое меню: Внешний вид -> Настроить -> Настройки темы: Цвета

  3. РАЗМЕРЫ ШРИФТА

    Войдите в левое меню: Внешний вид -> Настройка -> Настройки темы: Размеры шрифтов

  4. ШРИФТЫ GOOGLE

    Войдите в левое меню: Внешний вид -> Настроить -> Настройки темы: Google Fonts

Формы

В теме используется плагин Contact Form 7

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

В нашей теме нет изменений в основных функциях плагина.

Обратите внимание на конфигурацию формы

  • Откройте какую-то форму в админке: Контакт -> Контактные формы, вкладка Почта -> Тело сообщения.

    Код в нем выводит письмо, которое будет видно вам после того, как клиент напишет что-то

  • Например, у нас есть такой код:
    From: [your-name] - [your-email],
    Body:
    [your-message]

    Есть 3 переменные: ваше имя, ваш адрес электронной почты, ваше сообщение

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

  • Итак, откройте вкладку Форма и вставьте каждую из переменных

  • Вы можете использовать больше переменных, создать больше полей формы и записать их в текст сообщения для вашего удобства

Оригинальный демонстрационный код для форм

После установки макета вы можете редактировать все исходные формы в левом меню администратора: Контакт -> Контактные формы

Здесь вы можете изменить параметры на свои

  1. Форма: Нижний колонтитул информационного бюллетеня

  2. Форма: запись на прием

    • Код кнопки

      После нажатия появится всплывающее окно

    • Страницы Код формы

      Этот код включает код внешнего модального окна, код кнопки ЗАКРЫТЬ.Его нужно вставить в админку: Внешний вид -> Страницы

      В поле редактирования страницы нажмите кнопку «Текст» и добавьте приведенный выше код в тот же конец страницы.

      Копировать в буфер обмена

      [vc_row rsclass = "clean" el_id = "modalBookingForm" el_class = "модальная модальная форма исчезает ch-book-visit-form"] [vc_column rsclass = "clean" el_class = "modal-dialog" rsinner = "modal-content" ] [vc_column_text rsclass = "clean"]

      [medin_icon icon = "icon-error"]

      [/ vc_column_text] [vc_row_inner rsclass = "clean" el_class = "modal-body"] [vc_column_inner el_class = "modal-form" rsclass = "clean"] [vc_custom_heading text = "Забронировать встречу" font_container = "tag: h4 | text_align: left» use_theme_fonts = "yes" rs_decor_place = "2"] [/ vc_custom_heading] [contact-form-7 title = "Книга Встреча "] [/ vc_column_inner] [/ vc_row_inner] [/ vc_column] [/ vc_row]

      После ввода кода нажмите кнопку СОХРАНИТЬ.

      Если вам нужно отредактировать исходное всплывающее модальное окно, активируйте режим WPBakery Composer (если он не был активирован ранее). И нажмите кнопку Visual в поле страницы.

    • Сам код формы

      Этот код включает поля формы и кнопку отправки.Его нужно вставить в раздел плагинов в Contact -> Contact Forms

  3. Форма: Спросите экспертов

    • Код кнопки

      После нажатия появится всплывающее окно

    • Страницы Код формы

      Этот код включает код внешнего модального окна, код кнопки ЗАКРЫТЬ.Его нужно вставить в админку: Внешний вид -> Страницы

      В поле редактирования страницы нажмите кнопку «Текст» и добавьте приведенный выше код в тот же конец страницы.

      Копировать в буфер обмена

      [vc_row rsclass = "clean" el_id = "modalQuestionForm" el_class = "модальная модальная форма modal-form-sm fade"] [vc_column rsclass = "clean" el_class = "modal-dialog" rsinner = "modal-content"] [ vc_column_text rsclass = "clean"]

      [medin_icon icon = "icon-error"]

      [/ vc_column_text] [vc_row_inner rsclass = "clean" el_class = "modal-body"] [vc_column_inner el_class = "modal-form" rsclass = " clean "] [vc_custom_heading text =" Задайте вопрос "font_container =" tag: h4 | text_align: left "use_theme_fonts =" yes "rs_decor_place =" 2 "] [/ vc_custom_heading] [contact-form-7 title =" Спросите экспертов "] [/ vc_column_inner] [/ vc_row_inner] [/ vc_column] [/ vc_row] [vc_row] [vc_column] [vc_column_text] [/ vc_column_text] [/ vc_column] [/ vc_row]

      После ввода кода нажмите кнопку СОХРАНИТЬ.

      Если вам нужно отредактировать исходное модальное всплывающее окно, активируйте режим WPBakery Composer (если он не был активирован ранее). И нажмите кнопку Visual в поле страницы.

    • Сам код формы

      Этот код включает поля формы и кнопку отправки. Его нужно вставить в раздел плагинов в Contact -> Contact Forms

  4. Форма: Свяжитесь с нами

    • Страницы Код формы

      Надо вставить в админку: Внешний вид -> Страницы -> Контакты

      После ввода кода нажмите кнопку СОХРАНИТЬ.

    • Сам код формы

      Этот код включает поля формы и кнопку отправки. Его нужно вставить в раздел плагинов в Contact -> Contact Forms

  5. Форма
    : Форма запроса

Captcha в формах

Для использования функции капчи в ваших формах мы рекомендуем такой плагин - Really Simple CAPTCHA
Он разработан теми же разработчиками, что и плагин форм, который мы используем для наших форм (контактная форма 7).Таким образом, его можно легко интегрировать в каждую форму.

Плагин требует управления SSL на вашем сайте. Для этого вы можете использовать такой плагин - Really Simple SSL

Примеры форм с капчей:

  1. Форма: запись на прием

  2. Форма: задать вопрос

  3. Форма: Назначить встречу

  4. Форма: Свяжитесь с нами

Платежный модуль

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

Пример его работы вы можете увидеть после нажатия кнопки «ОПЛАТИТЬ ОНЛАЙН»:

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

  1. Откройте домашнюю страницу, пролистайте страницу, откройте элемент Single Image, поле Additional html, нажмите кнопку Text

  2. Заменить весь выделенный код на такой короткий код:

    [lifeite-pay label = "Pay Online"]

Иконки

Тема

Medin WordPress использует простую и гибкую библиотеку значков IcoMoon .

Начиная с v.2.2.x иконки вставляются с учетом svg кодов.

Пример короткого кода:

Копировать в буфер обмена

[medin_icon icon = "icon-facebook-logo" link = "www.facebook.com"]

Параметры шорткода:

  1. icon - обязательно! полный список типов иконок вы можете найти здесь - ИКОНЫ

  2. ссылка - не обязательный параметр.Если вы добавите его, вы увидите обертку значка с учетом

  3. класс - необязательный параметр. Если вы добавите только его, а не ссылку, вы увидите значок в оболочке div

  4. Примеры возможных вариантов просмотра иконок:

  5. Если вам нужен какой-то новый значок, которого нет в СПИСКАХ ИКОНК, из пункта 1 вы можете вручную добавить свой значок как шорткод

    • Если у вас есть значок в формате png, вы можете преобразовать его в svg с помощью онлайн-конвертера PNG в SVG

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

    • Из файла SVG скопируйте только код между тегами:

    • Чтобы обеспечить правильную вставку кода, сжимайте этот svg-код в любом сервисе конвертера, например, Сжать HTML

    • Откройте на своем сервере файл из плагина: wp-content / plugins / theme-shortcodes / theme-shortcodes.php

    • Найдите в нем код: $ ch_icons = array (

    • Добавьте сразу после него код: array ("icon-youricon", ' '),

    • Обратите внимание: вы должны добавить класс css "icon".Таким образом, значки будут иметь общий стиль значков темы.

Карты Google

  1. Карта в пункте быстрого меню «МЕСТОПОЛОЖЕНИЕ»

    Перейти на страницы -> 01 QuickLinks - Местоположение

    Нажмите кнопку Backend Editor, если она не была нажата. Откройте элемент VC и внесите свои изменения

  2. Карта на странице "Наши контакты"

    Открытые страницы -> Наша страница контактов.

    Расположите карту таким же образом, используя элемент ВК Google карты

Перевод

Рекомендуемые плагины

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

  • Полиланг

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

  • Loco Translate

    Этот плагин полезен для перевода локальных констант, которые находятся в папке темы: languages ​​/ medin.напильник

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

    Poedit - это обычная программа, которую вы можете использовать для перевода темы. Он доступен бесплатно на poedit.net. После того, как вы установили Poedit, вы можете открыть его и выбрать File> New Catalog from POT file .Затем выберите файл .pot из темы, которую вы хотите перевести, которую вы можете найти в папке темы / languages ​​/ . Затем просмотрите каждую строку текста и переведите ее на свой родной язык. Впоследствии вы можете сохранить каталог с кодом вашего языка (например, es_ES.po ). Обычно Poedit автоматически создает и сохраняет файл .mo. Последний шаг, который вам нужно сделать, - это загрузить созданные вами языковые файлы в языковую папку вашей темы с помощью FTP.

Примеры

  1. Формы
    Вы должны создать каждую форму для каждого языка.Войдите в админку: Контакт -> Контактные формы. Создайте новую форму, переведите все тексты и скопируйте шорткод соответствующей формы.

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

ФАЙЛЫ ТЕМЫ: Общая HTML-структура темы

Основная часть HTML-файла разделена на три основных раздела: заголовок, содержимое и нижний колонтитул.

ЖАТКА



HTML-структура заголовка:




Навигация по заголовку

Меню по умолчанию Структура HTML:

 

Меню навигации при разрешении более 991px выглядит как горизонтальная панель навигации. И меню навигации сворачивается для меньших окон просмотра:




Слайдер

HTML-структура главного слайдера:


Каждый элемент слайдеров имеет индивидуальный стиль анимации: стиль перехода (data-animation) и задержку анимации (data-animation-delay).
Вы можете использовать любой тип перехода анимации с сайта https://daneden.github.io/animate.css/.



Содержимое

Структура HTML содержимого:


        
        
            
                 

Название раздела

Содержание раздела ....

Секция Tilte

Содержание раздела


НИЖНИЙ

Переключение нижнего колонтитула Структура HTML:




Сетка
Сетка

Bootstrap позволяет размещать на странице до 12 столбцов.

Если вы не хотите использовать все 12 столбцов по отдельности, вы можете сгруппировать столбцы вместе для создания более широких столбцов:

пролет 1 пролет 1 пролет 1 пролет 1 пролет 1 пролет 1 пролет 1 пролет 1 пролет 1 пролет 1 пролет 1 пролет 1
пролет 4 пролет 4 пролет 4
пролет 4 пролет 8
пролет 6 пролет 6
пролет 12
Система сеток

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


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

Некоторые правила сеточной системы Bootstrap 4:

  • Строки должны быть размещены в контейнере .container (фиксированной ширины) или .container-fluid (во всю ширину) для надлежащего выравнивания и заполнения
  • Используйте строки для создания горизонтальных групп столбцов
  • Содержимое должно быть помещено в столбцы, и только столбцы могут быть непосредственными дочерними элементами строк
  • Предопределенные классы, например .row и .col-sm-4 доступны для быстрого создания макетов сетки
  • Столбцы создают промежутки (промежутки между содержимым столбца) посредством заполнения. Это заполнение смещено в строках для первого и последнего столбца через отрицательное поле на . rows
  • Столбцы сетки создаются путем указания количества из 12 доступных столбцов, которые вы хотите охватить. Например, три равных столбца будут использовать три .col-sm-4
  • Ширина столбцов указывается в процентах, поэтому они всегда гибкие и имеют размер относительно их родительского элемента
  • Самая большая разница между Bootstrap 3 и Bootstrap 4 заключается в том, что Bootstrap 4 теперь использует flexbox вместо float.Одним из больших преимуществ flexbox является то, что столбцы сетки без указанной ширины будут автоматически компоноваться как столбцы с одинаковой шириной. Пример: три элемента с .col-sm будут автоматически иметь ширину 33,33% от небольшой точки останова и выше. Совет: Если вы хотите узнать больше о Flexbox, вы можете прочитать наше руководство по CSS Flexbox

Базовая структура сетки Bootstrap 4

Ниже представлена ​​базовая структура сетки Bootstrap 4:



 

Подробнее о сетке bootstrap 4 здесь: https: // www.w3schools.com/bootstrap4/bootstrap_grid_system.asp

JavaScript

Пользовательский файл JS находится в папке темы js . Все внешние плагины JS расположены в папке js / vendor .

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

Источники и кредиты

Мы использовали следующие файлы из списка.


Еще раз благодарим вас за покупку этой темы. Как упоминалось в начале этой документации, мы будем рады помочь вам, если у вас возникнут какие-либо вопросы, связанные с этой темой. Чтобы задать более общий вопрос, связанный с этой темой на ThemeForest, вы можете посетить форумы и задать свой вопрос в разделе «Обсуждение элемента».

Если вас устраивает шаблон Medin WordPress Template , перейдите в раздел загрузок на ThemeForest.net и поставьте 5 звездочек Medin WordPress Theme.
В противном случае НАПИШИТЕ ЭЛЕКТРОННУЮ ПОЧТУ, и я постараюсь найти для вас простое и приятное решение 🙂

Надеюсь, что вам понравится шаблон Medin WordPress Template так же, как мне понравилось его проектирование.

С уважением,
p-themes

Если у Вас возникнут вопросы, воспользуйтесь ФОРУМ ПОДДЕРЖКИ - мы будем рады помочь!

TIMES-iCON2019 | Дом

4-я Международная конференция по управлению инновационными технологиями и инженерным наукам (TIMES-iCON2019) состоится в Бангкоке, Таиланд, 11-13 декабря 2019 г.TIMES-iCON2019 станет наиболее комплексной конференцией, посвященной управлению, инновационным технологиям и информационным технологиям, охватывающим области исследований цифровой экономики, цифрового общества, цифрового здравоохранения, цифровой организации, цифровой страны, цифрового правительства и цифровой трансформации. Ожидается, что все принятые статьи будут включены в IEEE Xplore и проиндексировано EI. Также рекомендуется расширять избранные статьи и публиковать их в журнале ITMSOC. или Журнал Global Business Review.

TIMES-iCON2019 пройдет в Бангкоке, Таиланд, 11-13 декабря 2019 года. Бангкок - столица Таиланда. Это центр для туристов, которые отправятся в другой город. Бангкок - это город, объединенный между частью старого и нового города, в котором много интересных мест для туристов, таких как Ват Пхра Кео, Большой дворец, Санам Луанг, река Чао Прайя, улица Као Сан, Бангкокский китайский квартал Яоварат, рынок Чатучак, Ночь поездов Рынок Ратчада и др. Оргкомитет приглашает всех исследователей принять участие в конференции.Темы регулярных занятий включают, помимо прочего, следующее:

  • Приложения блокчейна
  • Управление информационными технологиями
  • Наука о данных и большие данные
  • Наука и технологии
  • Управление цифровым бизнесом, управление проектами и организационное развитие
  • Цифровое образование, инновации и управление знаниями
  • Стратегический менеджмент, управление изменениями и предпринимательство
  • Управление персоналом, организационная культура и лидерство в эпоху цифровых технологий
  • Поведенческие науки и коммуникационные исследования
  • Прочие связанные поля
  • Тайский трек

элементов дизайна - Время | Как изменить рабочее время в проекте | Время - Библиотека векторных трафаретов

Бизнесмен

Деловая женщина

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

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

Бизнес-группа

Рабочая бригада

Презентация

Ожидание

Время работы

Обсуждение

Бизнес-идея

Соглашение

Карьера

Рост бизнеса

Документы Ганта для расчета рабочего времени

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

Включение расчета рабочего времени

Чтобы обеспечить расчет продолжительности задач в рабочем времени, используйте параметр work_time:

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

  
 gantt.config.work_time = true; // убирает нерабочее время из вычислений gantt.config.skip_off_time = true; // скрывает нерабочее время на графике
Гантт.init ("gantt_here"); 

Обратите внимание, что опция конфигурации skip_off_time доступна только в версии PRO.

Связанный образец: Рабочие дни как продолжительность

В зависимости от значения duration_unit, dhtmlxGantt вычисляет длительность задач в разных единицах времени (например, если duration_unit = "час", продолжительность рассчитывается в рабочих часах).

Продолжительность задачи в десятичном формате

Эта функция доступна только в версии PRO.

Начиная с v6.3 dhtmlxGantt позволяет указывать продолжительность задач в десятичном формате («2,5 дня»,
«0,5 часа», «3,75 часа») через модуль Duration Formatter.

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

Принимая во внимание, что предоставленный модуль позволяет анализировать длительность задач из формата, введенного пользователем, в формат, сохраненный в Гантте (например, вместо введенного «1,5 часа» Гантт будет хранить количество минут - 90 ).Кроме того, сохраненные значения можно преобразовать в читаемый формат (с 12 часов до «0,5 дня»).

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

Реализация десятичного формата

Чтобы обеспечить отображение продолжительности задач в десятичном формате, следуйте логике, приведенной ниже:

  
 gantt.config.work_time = true;
Гантт.config.duration_unit = "минута"; 

Обратите внимание, что вам нужно хранить длительность задач в меньших единицах, чем единицы значений, отображаемых в десятичном формате. Проще говоря:
- если вы хотите, чтобы пользователь мог указывать продолжительность в виде доли часа (например, «0,5 часа»), вам необходимо установить duration_unit равным минуте.
- Если вы хотите, чтобы пользователь мог укажите продолжительность как долю дня, вам нужно установить duration_unit равным часу. В этом случае пользователи смогут ввести длительность задачи как «0.5 дней », но« 0,5 часа »будет округлено до 1 часа, так как продолжительность будет храниться в целых часах.

По умолчанию даты задач привязаны к временной шкале. Если у вас есть шкала времени в днях, вы можете отключить ее, чтобы иметь возможность перетаскивать задачу в разные часы в течение дня.
Чтобы включить это перетаскивание, необходимо отключить round_dnd_dates и установить соответствующее значение для time_step.

Например:

  
 // глобальный временной шаг составляет 15 минут, в качестве единиц длительности требуется "минута"
Гантт.config.time_step = 15;
gantt.config.round_dnd_dates = false; 

или

  
 // глобальный временной шаг - один час,
// такое значение можно использовать, если в качестве единицы длительности задано "час"
gantt.config.time_step = 60;
gantt.config.round_dnd_dates = false; 
  • создать объект formatter для форматирования длительности задач:
  
 // форматирование длительности
var formatter = gantt.ext.formatters.durationFormatter ({
    введите: "день",
    store: "минута", // duration_unit
    формат: «день»,
    hoursPerDay: 8,
    часов в неделю: 40,
    daysPerMonth: 30
}); 
  • добавьте объект форматировщика в столбец «Продолжительность», определив функцию шаблона, которая будет возвращать отформатированную продолжительность задачи через атрибут template параметра столбцов:
  
 Гантт.config.columns = [
    {name: "text", tree: true, width: 170, resize: true, editor: textEditor},
    {name: "start_date", align: "center", resize: true, editor: dateEditor},
    {name: "duration", label: "Duration", resize: true, align: "center",
        шаблон: функция (задача) {return formatter.format (task.duration); }, ширина: 100},
    {имя: "добавить", ширина: 44}
]; 
  • добавьте объект форматировщика в раздел лайтбокса, установив свойство formatter для элемента управления time
  
 Гантт.config.lightbox.sections = [
    {name: "description", height: 70, map_to: "text", type: "textarea", focus: true},
    {name: "time", type: "duration", map_to: "auto", formatter: formatter}
]; 
  • в случае, если включено встроенное редактирование в сетке, вам также необходимо добавить объект форматировщика к объекту durationEditor через атрибут formatter :
  
 var durationEditor = {
    тип: "продолжительность",
    map_to: "продолжительность",
    форматировщик: форматировщик, мин: 0, макс: 1000
    };
Гантт.config.columns = [
    {имя: "текст", дерево: true, ширина: 170, размер: true},
    {name: "start_date", align: "center", resize: true},
    {name: "duration", label: "Duration", resize: true, align: "center",
        template: function (task) {
            вернуть formatter.format (task.duration);
    }, редактор: durationEditor, width: 100}, {name: "add", width: 44}
]; 

Если у вас уже есть диаграмма Ганта с продолжительностью задач, хранящаяся в минутах, часах или любых других единицах, вы также можете использовать модуль Duration Formatter для представления длительности в десятичном формате.

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

Установка рабочего времени

Рабочее время по умолчанию следующее:

  • Рабочие дни: понедельник - пятница.
  • Время работы: 8:00 - 12:00, 13:00 - 17:00.

(конфигурация часов учитывается, только если duration_unit меньше суток (часов или минут) ).

Чтобы изменить рабочее время по умолчанию, используйте метод setWorkTime:

Установка индивидуального рабочего времени

  
 // меняет рабочее время рабочих дней
Гантт.setWorkTime ({часы: ["9: 00-18: 00"]});

// делает все пятницы выходными
gantt.setWorkTime ({день: 5, часы: ложь});

// изменяет время работы по пятницам и субботам
gantt.setWorkTime ({день: 5, часы: ["8: 00-12: 00"]});
gantt.setWorkTime ({день: 6, часы: ["8: 00-12: 00"]});

// делает конкретную дату рабочим днем
gantt.setWorkTime ({date: new Date (2019, 2, 31)});

// делает определенную дату выходным днем
gantt.setWorkTime ({date: new Date (2019,0,1), hours: false}) 

Связанный образец: Пользовательские рабочие дни и время

Для указания времени работы не только от часа до часа (т.е.g. "8: 00-12: 00"), но также включая минуты (например, "8: 15-12: 45"), установите для параметра duration_unit значение "минута" .

Установка индивидуального рабочего времени до минут

  
 gantt.config.duration_unit = "минута";

// устанавливает время работы до минут
gantt.setWorkTime ({часы: ["8: 15-12: 45"]}); 

Формат рабочего времени, который использовался до версии 7.0. продолжу работу в прежнем режиме:

  
 gantt.setWorkTime ({hours: [9, 18]}) 

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

  
 gantt.setWorkTime ({часы: ["8: 00-12: 00"]});
gantt.setWorkTime ({часы: ["13: 00-17: 00"]});
// результатом следующих команд будет время работы 13: 00-17: 00
// а не смесь обеих команд 

Сброс рабочего времени

Вы можете сбросить рабочее время с помощью метода unsetWorkTime:

  
 // изменяет рабочее время рабочих дней с ["8: 00-17: 00"] на ["8: 00-12: 00"]
Гантт.setWorkTime ({часы: ["8: 00-12: 00"]});
// сбрасывает рабочее время
gantt.unsetWorkTime ({часы: ["8: 00-12: 00"]}); 

Проверка рабочего времени

Чтобы проверить, является ли указанная дата рабочим временем, используйте метод isWorkTime:

  
 // делает 1 января 2019 выходным днем
gantt.setWorkTime ({дата: новая дата (2019,0,1), часы: false});
gantt.isWorkTime (новая дата (2019,0,1)) // -> ложь
// делает 15 марта 2019 года рабочим днем ​​с 9:00 до 18:00
Гантт.setWorkTime ({дата: новая дата (2019, 2, 15), часы: ["8: 00-17: 00"]});
gantt.isWorkTime (новая дата (2019, 2, 15,10,0), «час»); // -> true gantt.isWorkTime (новая дата (2019, 2, 15,8,0), «час»); // -> ложь 

Связанный образец: Правильная позиция задачи при перетаскивании

Получение рабочего времени

Чтобы получить часы работы на указанную дату, используйте метод getWorkHours:

  
 gantt.getWorkHours (новая дата (2019,3,30)) // -> ["8: 00-17: 00"] 

Чтобы получить ближайший рабочий день к указанной дате, используйте метод getClosestWorkTime:

  
 Гантт.getClosestWorkTime (новая дата (2019,3,30)); 

Повтор определенного рабочего времени

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

Текущая версия dhtmlxGantt не предоставляет никаких конфигураций для установки такого типа рабочего времени, а библиотека позволяет вам только:

  • , чтобы указать рабочее время для дня недели (понедельник, вторник ,...)
  • для указания рабочего времени на конкретную дату (4 июня 2020 г.)

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

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

Чтобы указать 1 января в качестве выходного дня, вы можете просто жестко указать значения, например:

  
 Гантт.setWorkTime ({часы: ложь, дата: новая дата (2021, 0, 1)});
gantt.setWorkTime ({часы: ложь, дата: новая дата (2022, 0, 1)});
gantt.setWorkTime ({часы: ложь, дата: новая дата (2023, 0, 1)});
gantt.setWorkTime ({часы: ложь, дата: новая дата (2024, 0, 1)});
gantt.setWorkTime ({часы: ложь, дата: новая дата (2025, 0, 1)}); 

А вот пример кода, как установить последнюю пятницу месяца как короткий день в течение всего проекта:

  
 function lastFridayOfMonth (date) {
    var lastDay = новая дата (дата.getFullYear, date.getMonth () + 1, 0);
    if (lastDay.getDay () <5) {
        lastDay.setDate (lastDay.getDate () - 7);
    }
    lastDay.setDate (lastDay.getDate () - (lastDay.getDay () -5));
    return lastDay;
}

var projectStart = новая дата (2020, 5, 1);
var projectEnd = новая дата (2025, 5, 1);
var currentDate = новая дата (projectStart);

while (currentDate.valueOf () <= projectEnd.valueOf ()) {
   var lastFriday = lastFridayOfMonth (currentDate);
   gantt.setWorkTime ({часы: ["8: 00-12: 00", "13: 00-15: 00"], дата: lastFriday});
   currentDate = диаграмма Ганта.date.add (currentDate, 1, «месяц»);
} 

Раскраски выходного дня

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

  
 gantt.templates.timeline_cell_class = function (task, date) {
    если (! gantt.isWorkTime ({задача: задача, дата: дата}))
        return "week_end";
    возвращение "";
}; 

Связанный образец: Пользовательские рабочие дни и время

Подробнее читайте в статье «Выделение временных интервалов».

Несколько календарей рабочего времени

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

Создание рабочего календаря

Новый экземпляр календаря можно создать с помощью метода createCalendar.

Этот метод предполагает два возможных варианта:

  • при вызове без параметров создает полный календарь: 24 рабочих часа в день, 7 дней в неделю
  
 var calendar = gantt.createCalendar (); 
  • , если у вас есть готовый календарь и вы хотите повторно использовать его для создания нового с другими опциями, вы можете передать свой календарь в качестве параметра в метод createCalendar
  
 var newCalendar = gantt.createCalendar (календарь); 

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

Добавление рабочего календаря в диаграмму Ганта

После того, как вы создали календарь, вы должны добавить его в диаграмму Ганта с помощью метода addCalendar.Еще раз, есть две возможности:

  • добавить существующую конфигурацию календаря
  
 var calendarId = gantt.addCalendar (календарь); 
  • устанавливает новую конфигурацию календаря, которая включает в себя идентификатор календаря и объект worktime с рабочими днями и часами:
  
 var calendarId = gantt.addCalendar ({
    id: "custom", // необязательно
    рабочее время: {
        часы: ["8: 00-17: 00"],
        дней: [1, 1, 1, 1, 1, 1, 1]
    }
}); 

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

Получение календарей

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

Получение глобального календаря Ганта

Чтобы получить объект глобального календаря Ганта с помощью календаря getCalendar:

  
 var calendar = gantt.getCalendar (id); 

Объект календаря является экземпляром интерфейса календаря.

Экземпляр календаря по умолчанию (глобальные настройки) доступен по предопределенному "global" id:

  
 var globalSettings = gantt.getCalendar ("глобальный"); 

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

Получение текущего календаря задачи

Чтобы получить объект рабочего календаря, назначенный определенной задаче, примените метод getTaskCalendar. В метод нужно передать объект задачи:

  
 var task = gantt.getTask (taskId);

var calendar = gantt.getTaskCalendar (задача);

если (календарь.isWorkTime (дата)) {
    предупреждение ("TaskWorkTime");
} 

Связанный образец: Календари уровня задач

Если рабочее время отключено в конфигурации Ганта, метод вернет календарь рабочего времени 24/7.

Использование глобальных методов для доступа к календарям

Методы рабочего времени объекта Ганта можно использовать для расчета временной продолжительности конкретной задачи без доступа к ее календарю вручную.

В этом случае методы принимают аргумент объекта, а связанный объект «задача» передается как одно из свойств.

  
 if (gantt.isWorkTime ({date: date, task: task})) {
    alert («время работы задачи» + task.text);
} 

Что равно:

  
 var calendar = gantt.getTaskCalendar (задача);
if (calendar.isWorkTime ({date: date})) {
    alert («время работы задачи» + task.text);
} 
  
 var end_date = gantt.calculateEndDate ({начальная_дата: дата, продолжительность: длительность, задача: задача});

// или же
var end_date = gantt.calculateEndDate (задача); 
  
 var duration = gantt.CalculDuration ({начальная_дата: начало, конечная_дата: конец, задача: задача});

// или же
var duration = gantt.calculateDuration (задача); 
  
 var closestTime = gantt.getClosestWorkTime ({дата: дата, задача: задача}); 

Получение всех календарей Ганта

Чтобы добавить в диаграмму Ганта все календари (как глобальный, так и назначенные для отдельных задач), используйте метод getCalendars:

  
 var calendars = gantt.getCalendars (); 

Метод возвращает массив объектов интерфейса Calendar.

Удаление календарей

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

  
 // добавляем календарь
gantt.addCalendar ({
    id: "custom",
    рабочее время: {
        часы: ["8: 00-17: 00"],
        дней: [1, 1, 1, 1, 1, 1, 1]
    }
});

// удаляем календарь
gantt.deleteCalendar ("обычай"); 

Назначение календаря задаче

Чтобы назначить рабочий календарь задаче, необходимо указать идентификатор календаря и объект worktime с рабочими днями и часами:

  
 Гантт.addCalendar ({
    id: "custom", // необязательно
    рабочее время: {
        часы: ["8: 00-17: 00"],
        дней: [1, 1, 1, 1, 1, 1, 1]
    }
}); 

, а затем установите идентификатор календаря как значение атрибута «calendar_id» в объекте задачи:

  
 {
  "id": 2, "calendar_id": "custom", "text": "Task № 1", "start_date": "02-04-2019",
  «duration»: «8», «parent»: «1», «progress»: 0,5, «open»: true
} 

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

  
 Гантт.config.calendar_property = "имя_свойства"; 

Связанный образец: Календари уровня задач

Назначение календаря ресурсу

Эта функция доступна только в версии PRO.

Также можно назначить определенный рабочий календарь задачам, требующим определенных ресурсов (люди, техника и т. Д.).

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

  • определяют свойство объекта задачи, который будет хранить идентификатор ресурса через атрибут конфигурации resource_property.В приведенном ниже примере свойство user будет хранить идентификаторы пользователей:
  
 gantt.config.resource_property = "пользователь"; 
  • используйте параметр конфигурации resource_calendars, чтобы добавить желаемый календарь для каждого пользователя и групповые календари в один объект.
  
 gantt.config.resource_calendars = {
    1: gantt.addCalendar ({
        рабочее время: {
            дней: [0, 1, 1, 1, 1, 1, 0]
        }
    }),
    2: диаграмма Ганта.addCalendar ({
        рабочее время: {
            дней: [1, 0, 0, 0, 0, 0, 1]
        }
    }),
    3: gantt.addCalendar ({
        рабочее время: {
            дней: [0, 1, 1, 1, 0, 1, 1]
        }
    })
}; 

Объект включает в себя набор из пар ключ: значение , где ключ - это идентификатор ресурса, а значение соответствует id календарей, возвращаемых методом addCalendar.

  • укажите атрибут пользователь в объектах конфигурации задачи. В качестве значения этого атрибута используйте ключ необходимого календаря из объекта, определенного в параметре конфигурации resource_calendars :
  
 {"id": 1, "user": "1", "text": "Project # 2", "start_date": "01-04-2019", "duration": "5"},
{"id": 2, "user": "0", "text": "Task # 1", "start_date": "02-04-2019", "duration": "2"},
{"id": 3, "user": "2", "text": "Task # 2", "start_date": "11-04-2019", "duration": "4"},
{"id": 4, "user": "3", "text": "Task # 3", "start_date": "13-04-2019", "duration": "3"},
{"id": 5, "user": "0", "text": "Задача №1.1 "," start_date ":" 02-04-2019 "," duration ":" 7 "},
{"id": 6, "user": "1", "text": "Task # 1.2", "start_date": "03-04-2019", "duration": "7"} 

Связанный образец: Календари уровня ресурсов

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

Объединение нескольких календарей

Начиная с версии 7.0, можно объединить несколько календарей в один.
Например, вы хотите настроить два или более ресурсов с разными рабочими календарями для одной и той же задачи. Время работы одного из них с 9:00 до 15:00, второго - с 12:00 до 17:00. В результате их объединения вы получите один календарь с графиком работы с 12:00 до 15:00.

Установка конфигурации dynamic_resource_calendars на true включит эту функцию автоматически:

  
 gantt.config.dynamic_resource_calendars = true; 

Связанный образец: Объединить работу Календари разных ресурсов

Но вы также можете объединить календари вручную с помощью метода mergeCalendars:

  
 const johnCalendarId = gantt.addCalendar ({
    рабочее время: {
        часы: ["0: 00-24: 00"],
        дней: [0, 1, 1, 1, 1, 1, 0]
    }
});
const mikeCalendarId = gantt.addCalendar ({
    рабочее время: {
        часы: ["8: 00-12: 00", "13: 00-17: 00"],
        дней: [0, 1, 1, 1, 1, 1, 0]
    }
});

const connectedCalendar = gantt.mergeCalendars (
    gantt.getCalendar (mikeCalendarId),
    gantt.getCalendar (johnCalendarId)
); 

Назначение календаря проекту

Эта функция доступна только в версии PRO.

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

Логика наследования календаря задачей следующая:

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

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

  
 gantt.config.inherit_calendar = true; 
  • Если true , задачи, которым не назначен календарь, будут использовать календарь, назначенный их сводному родителю (который, в свою очередь, может получить календарь от своего родителя).
  • Если false , задачи, которым не назначен календарь, будут использовать глобальный календарь.

В приведенном ниже примере задачи по умолчанию наследуют календари своих родительских проектов. Если для задачи назначен другой календарь, он будет использоваться вместо этого. Таким образом, в задачах №2.2 и №3 используется «Полная неделя». календарей в отличие от родительских проектов:

Связанный образец: Календари уровня проекта

Динамическое изменение календаря

Начиная с версии 7.0, Гант принимает изменения в календаре задач и автоматически пересчитывает время задач.

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

  
 function updateTaskTiming (task) {
  task.start_date = gantt.getClosestWorkTime ({
     реж: "будущее",
     дата: task.start_date,
     блок: gantt.config.duration_unit,
     задача: задача
  });
  task.end_date = gantt.calculateEndDate (задача);
}

gantt.attachEvent ("onLightboxSave", function (id, task, is_new) {
  updateTaskTiming (задача);
  вернуть истину;
}); 

Или вы можете определить пересчет всех задач по запросу:

  
 Гантт.batchUpdate (function () {
  gantt.eachTask (функция (задача) {
    task.start_date = gantt.getClosestWorkTime ({
      реж: "будущее",
      дата: task.start_date,
      блок: gantt.config.duration_unit,
      задача: задача
    });
    task.end_date = gantt.	   
		 
	

Comments