Меню Закрыть

Редактор шаблонов joomla 3

Содержание

Если вас чем-то не устраивает стандартный текстовый редактор TinyMice Вы можете выбрать любой другой свой вкус :

JCE FULL 2.8.2

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

SP PageBuilder Pro 3.6.5

SP Page Builder Pro – это многофункциональный конструктор страниц для вашего сайта на CMS Joomla, который позволит вам создавать страниц любой сложности, не прибегая к программированию или кодированию, а пользуясь лиш .

Articles Field PRO 3.0.1

С помощью плагина Articles Field вы можете создавать ссылки между статьями.

Articles Field — это настраиваемый плагин для Joomla, который значительно расширяет возможности настраиваемых полей.

Modules Anywhere PRO 7.8.2

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

Conditional Content PRO 2.6.1

Хотите показать текст только зарегистрированным пользователям?

Или скрыть какой-то контент в декабре?

Хотите отобразить сообщение для мобильных пользователей?

Или скрыть изображение каждый поне .

Snippets PRO 6.6.2

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

Для вставки сниппета исп .

Quix Pagebuilder 2.6.1.1

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

Balbooa Joomla Forms Builder 1.7.4

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

DropEditor 2.5.5

DropEditor предоставляет Вам и Вашим друзьям возможность редактировать контент на сайте под управлением Joomla.

Не имеет значения, как часто Вы редактируете или создаете контент для сайта, DropEditor, благодар .

OSYouTube 3.3.15

У вас проблемы со встраиванием видео YouTube на сайт Joomla? OSYouTube — самый быстрый и простой способ использования YouTube с помощью Joomla. OSYouTube — это очень удобный плагин для встраивания видеороликов с YouTu .

Tabs and Sliders 4.3.3

Tabs and Sliders — простой плагин для Joomla, который позволяет выводить контент как слайдер или в табах. Расширение Tabs и Sliders упрощает отображение содержимого Joomla внутри вкладок или слайдеров. Это расшир .

OSEmbed PRO 1.4.7

Вам когда-нибудь приходилось вставлять видео с Youtube или статьи из Твитера или Фейсбука? Прямо скажем, процесс не из легких…

Плагин OSEmbed PRO делает это с легкостью! Все, что Вам нужно, это прямой URL, а п .

RokCandy 2.0.3

RokCandy предлагает функциональность BB-кодов для Joomla. С помощью удобного WYSIWYG интерфейса в получаете всю силу и красоту типографики на вашем сайте.

С помощью понятных макросов по типу BB-кодов вы легко .

OSContent 1.12.4

OSContent предназначен для управления, добавления, создания и удаления статей, категорий и ссылок на меню. OSContent — замечательная экономия времени, если вам нужно быстро добавить контент на сайт Joomla. С помо .

aikon Easy Form Builder 2.2.1

Используя aikon Easy Form Builder, вы можете создать почти любой дизайн формы, менее чем за 3 минуты! Используйте одну из наших готовых к разработке тем или не спешите и используйте наши расширенные варианты стилизаци .

NS FontAwesome Pro 2.3.7

NS FontAwesome Pro — это плагин, который расширяет возможности стандартного текстового редактора Joomla. Он позволяет вставлять иконки FontAwesome напрямую с сайта FontAwesome.io.

Если Вы используете редактор .

EasyArticles PRO 1.1.3

EasyArticles — это новое слово в создании статей для Joomla. Компонент вобрал в себя огромный предыдущий опыт в публикации и позволяет быстро и красиво создавать статьи без каких-либо настроек. Отличительной чертой ко .

RokPad 2 2.1.10

Вы всегда хотели использовать мощный текстовый редактор, сравнимый с функционалом Textmate, SublimeText или Notepad++ прямо на страницах своего сайта? Что ж, этот день настал. RokPad предоставляет широкий набор функци .

Shortcode Ultimate Plugin for Joomla 3.9.4

Shortcode Ultimate — это очень мощный плагин шоркодов для Joomla 3.3. Он основан на аналогичном плагине для WordPress. Shortcode Ultimate включает более 60 шоркодов, которые помогут Вам быстро создать страницу любого .

Читайте также:  Интегрирование методом монте карло

Convert Forms Pro 2.0.4

Convert Forms Pro — это прекрасный конструктор форма для Joomla с великолепным адаптивным дизайном и гибкими настройками.

Никогда не было более простого способа привлечения потенциальных клиентов для ваших мар .

OSEmbed 1.4.5

Вы когда-нибудь пробовали встраивать видеоролики YouTube, твиты или сообщения Facebook в Joomla? Это может быть болезненный процесс! OSEmbed позволяет вставлять супер-легко. Все, что вам нужно, это URL, и вы може .

JA Content Type 1.1.1

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

JSN PageBuilder 2 1.1.6

Это вторая версия универсального конструктора страниц JSN PageBuilder PRO 3 месяца назад Joomlashine.com Редакторы кода Тематическое

ContentBuilder PRO 1.0 Beta 2

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

Xtypo Button 2.5

Удобная кнопка с дополнительными стилями оформления контента на вашем сайте. Появляется в редакторах TinyMice и JCE после установки. Очень удобно для тех, кто любит красивую верстку, и не любит заморачиваться с языкам .

JU Form — Premium

JU Form — Специализированный плагин для CMS системы Joomla, который подойдет и обязательно пригодиться абсолютно всем типам сайтов. С помощью данного плагина, вы, как администратор сайта, сможете с лёгкостью создавать .

MG URVideo

С этим плагином Вы можете вставить видео в статью. Он поддерживает такие видео порталы как Youtube.com, Dailymotion.com, Viemo.com и Metacafe.com. Просто пишите ссылку на видео в текст без всяких тегов и все! Просто и .

Shortcode based Content Scrollpane

Очень удобное расширения для Joomla, которое позволяет помещать большие секции в контент, используя минимум команд.

Иногда возникает необходимость поместить в статью большой или несколько отзывов от клие .

Search Box In Article

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

Skype In Article

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

  • Тип – редактор шаблонов Joomla, WordPress, Blogger, Drupal, DotNetNuke.

В предыдущей статье «Обзор Artisteer 3.1 (часть 1). Создание Drupal 7 тем» были рассмотрены исправления и дополнения, внесённые в Artisteer 3.1.0.48375 после выхода Artisteer 3.0.0.41778. В этой части обзора будут рассмотрены такие возможности по созданию шаблона: вертикальное меню, цвет с изображения и резиновый дизайн.

Многоуважаемые пользователи, с целью экономии трафика и увеличения скорости загрузки страницы, все изображения в статье были сжаты. Там, где необходимо просмотреть результат работы Artisteer 3 (сам созданный шаблон или его часть), есть возможность просмотра изображения не в сжатом виде. Для этого достаточно просто нажать на изображение в статье. Несжатое изображение откроется в новом окне или вкладке.

Вертикальное меню

Вертикальное меню (рисунок ниже) в Artisteer 3.1 – это по сути модуль аккордеон меню. Как настроить его вывод, будет рассмотрено в следующих статьях. Хочу отметить, что шаблоны Joomla Artisteer иногда требуют до настройки после установки на самом сайте.

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

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

Инструмент Расположение (рисунок ниже) позволяет задать одну из четырёх позиций для отображения вертикального меню. Или вовсе его отключить. Но это не значит, что вертикальное меню может располагаться на сайте только в этих позициях. Вы сможете задать любую из 29 позиций для отображения этого модуля.

Инструмент Быстрые стили (рисунок ниже) позволяет задать один из 12 настроенных стилей для вертикального меню.

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

Также Вы сможете изменить любой элемент меню по Вашему усмотрению.

Блок меню (рисунок ниже) позволяет Вам настроить общее отображение блока вертикального меню и его верхнего колонтитула. Всего 20 видов, разделённых на три группы (Простой, Без верхнего колонтитула, С верхним колонтитулом)

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

Читайте также:  Программирование avr в linux

Полоса меню (рисунок ниже) содержит опции округления, настройки полей и расстояния для полосы меню.

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

Для настройки верхнего колонтитула вертикального меню (рисунок ниже) Вы сможете воспользоваться такими инструментами как Текст, Иконка, Заливка, Обводка, Прозрачность, Текстура и Градиент.

Для настройки содержимого блока (рисунок ниже) в Artisteer 3.1 предусмотрены инструменты Отступ, Заливка, Обводка, Прозрачность, Текстура и Градиент. Более детально эти инструменты были рассмотрены в статьях «Обзор Artisteer (часть 2 и 3)».

Элементы меню (рисунок ниже) позволяет сменить форму, расстояние, высоту и скругление для элементов вертикального меню. Также можно задать текстуру, градиент, тень, иконку и разделители для этих элементов.

При помощи инструмента Окрашивание (рисунок ниже) можно задавать способы смены цвета для активного, наведённого и пассивного состояния элементов меню.

Также в Artisteer 3.1 Вы сможете задать цвет для трёх состояний элементов вертикального меню по своему усмотрению (рисунок выше). Для этих же состояний (активного, наведённого и пассивного) можно задать толщину и цвет обводки, а также цвет, размер, стили и гарнитуру шрифта. Более детально про настройки шрифта Вы можете прочитать в статье «Обзор Artisteer (часть 2). Создание Joomla шаблонов».

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

  1. Раскрывать по нажатию (свернуть открытый пункт меню нельзя).
  2. Раскрывать по нажатию (можно свернуть открытый пункт меню).
  3. Раскрывать при наведении.
  4. Всплывающее меню при наведении.
  5. Всегда открыто.

Ниже приведён пример вариантов 2, 4 и 5.

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

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

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

Цвет с изображения

Если раньше, в Artisteer 3, Вы могли выбрать существующую схему цветов или задать свою (детальнее «Обзор Artisteer (часть 2). Создание Joomla шаблонов»), то сейчас, в Artisteer 3.1, у Вас есть возможность задать цвет шаблона на основании автоматического анализа цветовой палитры заданного изображения (рисунок ниже). Как это сделать будет рассмотрено в следующих статьях. Это может пригодиться для упрощения цветовой коррекции сайта на примере существующего аналога или на основании тематической картинки (зимний, летний, осенний, весенний пейзажи, логотип компании и так далее).

В настройках экспорта проекта (рисунок ниже) Вы сможете задать направление текста на сайте и загрузить иконку сайта.

При экспорте шаблона (на примере экспорта в Joomla) (рисунок ниже) Вы можете выбрать один из вариантов имён для позиций, версию Joomla для экспорта (1.5 или 1.7-2.5 (1.6 также поддерживается)), включить опцию сохранения проекта Artisteer в файл шаблона или вовсе выбрать другую систему управления содержимым для экспорта.

Для тех, кто использует Joomla 1.6-2.5, рекомендую имена позиций position-1, position-2… Но если у Вас в настройках модулей указаны старые имена позиций, то не забудьте их сменить на новые. Воспользуйтесь справкой с официального сайта Artisteer для того, чтобы узнать их расположение и соответствие друг другу.

Учтите, что при сохранении проекта Artisteer в файле шаблона, он может «существенно» увеличиться в размерах. Например, размер файла шаблона без проекта 828 Кб, с – 1500 Кб. Но это удобно, так как у Вас всегда будет резервная копия проекта шаблона на сервере.

В макетах добавлен новый тип «Макет в заголовке» (рисунок ниже). Детальнее о макетах можно прочесть в статье «Обзор Artisteer (часть 2). Создание Joomla шаблонов».

Резиновый дизайн

Artisteer позволяет делать резиновые шаблоны Joomla (резиновый дизайн) и других поддерживаемых CMS. В настройках макета в инструменте Ширина листа (рисунок ниже) можно задавать процент от общей ширины окна браузера.

При более детальной настройке (рисунок ниже) Вы сможете задать не только процент, но и минимальную (300-800 пикселей) и максимальную (800-1920 пикселей) ширину сайта.

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

Читайте также:  Принудительная смена тарифа мтс

Причём, можно задавать её отдельно для разных столбцов (рисунок ниже).

Примеры реализации некоторых новых функциональных возможностей Artisteer 3.1 можно посмотреть на примере данного шаблона. Хочу отметить, что резиновые шаблоны Joomla и шаблоны для Blogger, созданные с использованием "резинового дизайна" смотрятся весьма хорошо.

The Templateer для Artisteer

Для расширения функциональных возможностей Artisteer существует специальное программное обеспечение The Templateer. Это платное расширение 240 грн. (на 08.03.2012), которое добавляет возможности по созданию шаблонов в Artisteer и только для WordPress. Но разработчики The Templateer пишут, что собираются включить поддержку Joomla и других систем управления содержимым, для которых можно создавать шаблоны в Artisteer. После покупки установки расширения у Вас появятся следующие возможности при создании шаблонов для WordPress в Artisteer.

  • Журнальное (или газетное) расположение статей на сайте.
  • Добавление дополнительной позиции в верхнем колонтитуле шаблона.
  • Кликабельный логотип сайта в верхнем колонтитуле.
  • Различное расположение бокового меню.
  • Создание динамической карты сайта.

Также как и в случае с Artisteer, The Templateer позволяет сделать всё вышеперечисленное без знания языка программирования, путём графических инструментов.

К сожалению, создавая шаблоны Joomla Artisteer и шаблоны для Blogger, на данный момент нет возможности применять The Templateer.

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

В последних версиях решена проблема совместимости Artisteer Joomla 1.7. Это даёт возможность использовать все новые функции CMS.

Редактор TinyMCE

Редактор TinyMCE установлен в системе по умолчанию и является единственным визуальным редактором входящий в набор стандартных расширений дистрибутива Joomla. В менеджере расширений TinyMCE это плагин. Включается/выключается редактор на вкладке Менеджер расширений→Управление. Настраивается на вкладке: Менеджер плагинов.

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

Сторонние визуальные редакторы Joomla 3

Сторонние визуальные редакторы выпускаются в расширении типа компонент. В статье рассмотрим три основных компонента визуальный редактор: JCE, CKEditor, Ark Editor.

Редактор JCE

Визуальный редактор JCE относится к типу расширений Joomla- Компонент. Пожалуй, это самый известный визуальный редактор для Joomla. Редактор на самом деле многофункциональный. «Родной» язык английский, на сайте редактора можно скачать пакеты локализации. Русский перевод достаточно полный. Редактор имеет много настроек. Все настройки на вкладке Компоненты→JCE.

Особенности JCE

Редактор имеет несколько дизайнов внешнего вида, как визуального редактора, так и своего текстового редактора. Для перехода из визуального на текстовой редактор есть своя кнопка. Очень удобная вставка и редактирование фотографий в статьи из Медиа-менеджера сайта.

Недостатки JCE

В редакторе предусмотрена кнопка «Стиль» для оформления текстов. Но настройка кнопки сложная и работает не всегда.

Остаются проблемы активации редактора (Общие настройки→Выбор редактора) при обновлении версии Joomla. Проблема связана в несоответствии версии локализации самой Joomlaи пакета локализации JCE. Устраняется заменой пакета локализации JCEи чисткой кеша сайта и кеша браузера (ctrl+F5).

Редактор CKEditor

Свободный компонент Joomla. Регистрация не нужна даже при скачивании. Редактор простой и легкий и ужасно напоминает встроенный TinyMCE. К недостаткам можно отнести, опять-таки, неудобная вставка фотографий. Они вставляются по URL, а не непосредственно из библиотеки Медиа-менеджера.

Однако к редактору есть расширение CKFinder – Ajax менеджер файлов. С ним вставка фотографий значительно упрощается. Вот только одна неприятность, это расширение платное.

Скачать тут: http://joomlacode.org/gf/project/ckeditor/frs/?action=index

Редактор Ark Editor

Адрес сайта: http://arkextensions.com/products/ark-editor

Редактор Ark Editor это давно известный редактор JCK Editor, но полностью обновленный. Компонент остался бесплатным, но наполнился, не постесняюсь этого слова, огромным функционалом. Достаточно сказать, что с ним подгружаются 13 функциональных плагинов. После его установки я не смог найти того, что нельзя сделать в этом редакторе. Кроме стандартного функционала, большой выбор стилей, добавление в тексты кнопок, размещение текста в столбцах, оформление фотографий в Lightboxнепосредственно из редактора и т.д.

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

У меня был период, когда JCE отказывался работать, и мне пришлось поискать ему замену. Я пробовал массу визуальных редакторов, но нормальной замены редакторам, представленным в этой статье, я не нашел.

Рекомендуем к прочтению

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

Ваш адрес email не будет опубликован.