Меню

Шаблон helix3 как найти и править содержимое



Joomla3-x.ru

Вступление

Шаблон Helix3 это удобный, современный, адаптивный, легко настраиваемый шаблон. Его легко использовать для создания уникального дизайна сайта Joomla 3.

О Helix3

После установки Helix3 вы сразу получаете доступ ко всем настройкам плагина. По сути, Helix3 это не просто шаблон с плагином, это полноценный framework Helix3 для Joomla 3. Получается тавтология, но шаблон Helix3, это базовый шаблон, созданный при помощи Фреймворка Helix3.

Примечание: Фреймворк это программная платформа, по сути, каркас для расширений Joomla типа шаблон. Фреймворк это плагин, на базе которого, создается и работает шаблон.

Рассматриваемый в этой статье шаблон называется Helix3, создан на плагине Helix3. У компании Agethemes, есть шаблоны с названиями AT Vegeret, AT Woodus и еще два десятка шаблонов, которые тоже созданы на плагине Helix3. У компаний Joomdev и JoomLead аналогичная ситуация, распространяется масса Free шаблонов на базе фреймворка Helix3.

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

Автор Helix 3

  • Автор Helix3 компания
  • Сайт: https://www.joomshaper.com/joomla-templates/helix3
  • Демо шаблона: http://demo.joomshaper.com/?template=helix3

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

Базовые характеристики

Базовые характеристики всех современных Фреймворков и шаблонов на их основе, можно копировать из описания в описание. И всё же, Helix 3:

Адаптивный шаблон с автоматической подстрокой формата под тип устройства.

Шаблон может работать в двух режимах формата: Boxed layout и Stretched layout. Первый ограничивает содержание сайта рамками на экране. Содержание располагается посередине экрана. Второй режим растягивает содержание на весь экран. Оба режима адаптивны. В настройках шаблона есть кнопка для отключения включения режима «Boxed layout».

Есть возможность загрузить три типа логотипов: стандартный (основной), для мобильных устройств и логотип retina для дисплеев с большим расширением. Стандартный логотип можно положить в любой модуль шаблона.

По умолчанию на Helex 3 работают четыре цветовые схемы:

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

По умолчанию в шаблоне созданы 5 областей для модулей с 16 позициями для модулей. В настройке «Layout Manager» вы легко сможете создать любое дополнительное количество модулей. В этом и есть главная фишка всех современных Фреймворков.

Сделать это можно используя следующие кнопки.

Add Row: добавит область для модулей. Например, была одна область «Top Bar» с позициями модулей top1, top2, top3, top4. Кнопкой Add Row вы можете создать еще одну область «Top Bar 2» и в ней кнопкой Add columns разбить эту позицию на нужное количество позиций для модулей top5…top12. 12 максимальное количество в макете позиций модулей.

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

На Helix 3 безумная настройка типографики Google шрифтов. Однако нет классических шрифтов типа Arial, Verdana и т.п. По моему восприятию это минус.

Исправить этот и любой другой недостаток дизайна можно на вкладке «Custom Code». Здесь же можно добавить скрипты сбора статистики Яндекс Метрика и Google Analytics.

Настройки меню Helix3

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

Недостатки Helix 3

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

До версии Joomla 3.8 Helix 3, конфликтовал с плагином кеширования системы. При включенном кэше, вместо содержания страницы отдавал поисковым ботам «кракозябры». Причин я найти не успел, вышел Joomla 3.8 и всё исправилось. Поэтому после настройки шаблона проверьте сайт на Яндекс.Вебмастер на вкладке «Ответ сервера», смотрите содержание страницы или на этом сайте: https://bertal.ru/ .

Выводы

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

Источник статьи: http://joomla3-x.ru/shablony/shablon-helix3-besplatnyj-frejmvork-s-gibkimi-nastrojkami-dlya-lyubogo-sajta-joomla

Helix 3 Framework: возможности и настройки

Содержание

Описание и возможности Helix 3

На момент написания данного материала уже существует Helix Ultimate Framework, но шаблоны на Helix 3 по-прежнему выпускаются и остаются популярными благодаря простоте и гибкости.

Helix3 Framework позволяет управлять следующими параметрами шаблона прямо из панели управления Joomla:

  • активация и настройка стиля предзагрузчика страниц (Preloader);
  • активация кнопки Наверх (Go To Top);
  • закрепление шапки сайта при прокрутке страницы (Sticky Header);
  • изменение иконки сайта Подробнее

Настройка шаблона на Helix 3

Рассмотрим возможности фреймворка на примере бесплатного шаблона Helix3 (скачать можно бесплатно с официального сайта) от JoomShaper.

Страница настройки шаблона на Helix3 имеют следующий набор вкладок:

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

Вкладка Basic

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

Вкладка включает следующие разделы:

  1. Global,
  2. Header,
  3. Boxed Layout,
  4. Logo,
  5. Body Background Image,
  6. Footer,
  7. Social Icons,
  8. Contact Information,
  9. Coming Soon,
  10. Error Page.

Global

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

Источник статьи: http://joomla.center/baza-joomla/shablony-joomla/helix-3

Петровский дизайн

WEB-дизайн

Домен/Хостинг

Компоненты Joomla

Модули Joomla

Плагины Joomla

Шаблон HELIX3

HTML, CSS

Инструменты Веб-мастера

Руководство пользователя

Публикации

Linux

Linux mint

Программы Linux

Базовые настройки шаблона Helix3

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

Header

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

Favicon — ICO загрузить, GIF или PNG графический файл для замены по умолчанию Joomla фавиконки. Этот значок, связанный с веб-сайта, предназначенного для использования при закладки веб-страницы. Веб-браузеры используют их в строке URL, на вкладках и в других местах, чтобы помочь идентифицировать веб-сайт визуально. Значок сайта обычно представляет собой график 16 х 16 пикселей квадрат, можно также использовать прозрачность внутри. Все современные браузеры (протестировано с Chrome, Firefox, IE8, Opera и Safari) всегда будут запрашивать фавиконка. ICO, так что лучше всегда иметь фавиконки. ICO-файл, чтобы избежать «404 не найдено».

Boxed Layout

Вы можете использовать Helix3 в широком (по умолчанию) или штучной варианты компоновки.

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

Изображение логотипа.

Функция Логотип управляет выводом основного логотипа шаблона в разделе верхнего заголовка.

  • Logo Type-можно задать тип логотипа как тип изображения или текста.
  • Logo position-логотип может быть размещен на любом доступном месте модуля. Не только на позиции логотипа по умолчанию.
  • Image-если выбран тип логотипа Изображение, вы можете загрузить и использовать собственное изображение логотипа (PNG, анимированный GIF или JPG). Мы предлагаем не использовать изображение логотипа шире 400px. В большинстве нет смысла. Если ваш логотип после изменения на передней части все еще выглядят слишком мал, пожалуйста, измените размеры столбцов, которые логотип и меню в разделе настройки вкладки макета.
  • Retina Logo-загрузить и использовать двойной размер вашего оригинального размера логотипа, чтобы держать выглядеть большим из устройств с высоким разрешением, как сетчатки или 5k дисплей. Он будет работать на любом устройстве сетчатки, но только на сафари (iPhone и iPad) и браузера Chrome.
  • Mobile logo-использовать это изображение логотипа только для мобильных устройств, использовать меньшую версию логотипа по умолчанию (с высотой менее 60px) , который будет соответствовать экранам во всех популярных смартфонов. Оставьте его пустым, если вы не хотите показывать другой логотип для мобильных устройств.

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

Logo and Sticky Header

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

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

В этом случае вы также можете использовать текстовый лозунг.

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

Это поможет уменьшить разделение / разделение более длинного слогана и текстового логотипа.

ДО ПОСЛЕ

Конечно, если у вас нет кнопки входа в систему (что занимает некоторое место), есть надежда, что вам не нужно настраивать код.

Используйте следующий код для удаления слогана только на смартфонах:

Body Background Image

Если вы выбрали штучную Layout (before), вы можете использовать эту опцию, которая позволяет установить фоновое изображение для без редактирования или добавления пользовательского кода CSS.

  • Select Image-выберите изображение (JPG, PNG, GIF), которое будет использоваться в качестве фона. Чтобы удалить фоновое изображение, просто удалите URL-адрес из поля настроек.
  • Background Repeat — задает, как фоновое изображение будет повторяться. По умолчанию фоновое изображение не повторяется, а изображение размещается в верхнем левом углу. Доступные опции: Нет Повторить, Повторить все, Повторить по горизонтали, Повторить по вертикали, наследовать от настроек по умолчанию. Эти значения позволяют перемещать изображения по осям элемента (или по обеим осям), но не допускают более точного элемента управления.
  • Background Size — задается Размер фонового изображения. Значение по умолчанию-крышка — это означает, масштабировать фоновое изображение, чтобы быть как можно больше, так что фон полностью покрыт фоновое изображение. Ключевое слово containe задает масштаб изображения (пропорционально) как можно больше, не превышая ни высоты, ни ширины содержащего элемента. Доступные параметры: Покрыть, содержать или наследовать от настроек по умолчанию.
  • Background Attachment — установка фоновое вложение изображение фиксированным или прокручивается. Доступные параметры: Исправлено, Прокрутка или наследование параметров по умолчанию.
  • Background Position — задает начальное/начальное положение фонового изображения.

Footer

Настроек шаблона позволяет также добавлять пользовательские колонтитулы Примечания об авторских правах и с HTML линке теги чтобы воспользоваться ссылкой внутри. Можно выбрать позицию, в которой будет опубликован нижний колонтитул. По умолчанию используется «footer1» положение модуля, созданного из Layout Manager. Конечно, вместо этого с помощью этой функции вы можете опубликовать там альтернативный модуль, также Custom HTML. Но это решение гораздо быстрее.

Social Icons

Эти социальные иконки локализованы в верхнем левом углу шаблона, в этой строке могут быть 11 значков со ссылками на популярные социальные сети: Facebook, Twitter, Google Plus, Pinterest, Linkedin, Dribbble, Behance, YouTube, Flickr, ВК (ВКонтакте) ) и коммуникатор Skype. По умолчанию этот объект использует позицию «top1».

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

Contact Information

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

Значок телефона и значок электронной почты добавляются автоматически, и они основаны на шрифте Высокий. По умолчанию этот объект использует позицию модуля «top2».

Coming Soon

Этот режим может быть использован для того чтобы заменить по умолчанию офф-лайн режиме. Он создает в ближайшее время страницу для вашего сайта Joomla 3 в то время как он находится в стадии строительства и показывает таймер обратного отсчета & короткое сообщение от ваших посетителей, а не «boring» модуль входа.

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

Внимание! Единственный допустимый формат даты в поле» дата » -DD-mm-YYYY, пожалуйста, используйте его.

Источник статьи: http://petrofski.ru/blog/joomla/the-helix-3-template/item/70-bazovye-nastrojki-shablona-helix3.html


Adblock
detector