Меню

Структура расширений Joomla компоненты модули плагины



Обзор Droptables. Создание прайс листа в Joomla

  • Тип – компонент таблиц Joomla 3.
  • Купить Droptables.

Думаю, что многие владельцы сайтов сталкиваются с необходимостью представления данных на своём сайте в виде таблицы. В редакторе материалов Joomla есть различные инструменты, которые позволяют создать и оформить таблицу. Но этих средств может не хватать, если Вы хотите красиво оформить таблицу, дать возможность Вашим пользователям сортировать в ней данные по столбцам, адаптировать её под мобильные устройства, добавить график по значениям, красиво оформить прайс лист и др. Безусловно, всё это можно сделать при помощи HTML и CSS, но если Вы в достаточной мере не владеете данными языками, тогда Вам поможет Droptables.

В обзоре будет участвовать последняя на момент написания статьи (07.04.2015) русскоязычная версия Droptables 2.0.1 в Joomla 3.4.1 (редактор TinyMCE 4.1.7), шаблон сайта «Protostar».

Основные возможности

Рассмотрим основные возможности компонента таблицы Joomla.

  • Создание и управление таблицами отдалённо напоминает редактор таблиц Excel.
  • 6 встроенных тем оформления.
  • Управление таблицами из любого редактора материалов.
  • Автоматическое сохранение и отмена действий на основании AJAX.
  • Возможность сортировки данных таблиц во фронтальной части сайта.
  • Создание графиков на основании данных таблиц. 6 типов графиков (диаграмм) с настройками: гистограмма, круговой, кольцевой, лепестковый и так далее.
  • Изменение размера столбцов и строк перетаскиванием мыши.
  • Копирование ячеек при помощи перетаскивания.
  • Копирование всей таблицы в одно нажатие.
  • Редактор ячейки, столбца, строки (WYSIWYG) с возможностью изменения форматирования её содержимого, добавления изображений и ссылок.
  • Импорт/экспорт данных Excel.
  • Импорт из CSV,
  • Возможность разделения таблиц на категории в Droptables для упрощения работы с ними.
  • Управление таблицами Joomla 3 из административной и фронтальной части сайта.
  • Возможность изменять стили границ.
  • Возможность объединения, вставки\удаления строк и столбцов.
  • Возможность редактирования CSS-кода оформления таблицы прямо в редакторе.
  • Возможность вставки таблиц в модуль Joomla «HTML-код». Достаточно включить опцию Обрабатывать плагинами в модуле на вкладке Основные параметры.
  • Тип отзывчивости, позволяющий отображать на маленьких экранах только наиболее приоритетные столбцы таблицы.
  • Поддержка K2.
  • Поддержка Joomlaх.

Также стоит отметить наличие документации и технической поддержки на английском языке. Сам компонент (по состоянию на 08.04.2015) доступен на русском, украинском, английском, французском, немецком и португальском языках. А также частично переведен на польский и испанский.

Красивые таблицы Joomla

Приведу примеры таблиц и графиков, которые сделаны при помощи Droptables.

DroptablesDroptables Таблицы Joomla 3Таблицы Joomla 3 Прайс лист JoomlaПрайс лист Joomla Красивые таблицы JoomlaКрасивые таблицы Joomla Красивые таблицы Joomla (1)Красивые таблицы Joomla (1) Красивые таблицы Joomla (2)Красивые таблицы Joomla (2)

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

Таблицы Joomla 3

Доступ к компоненту таблиц Joomla можно получить прямо из редактора, нажав на кнопку Таблицы — Droptables (рисунок ниже).

Таблицы - Droptables

Таблицы — Droptables

Внутри редактора Вы видите серую область – это признак вставленной при помощи Droptables таблицы. По нажатию на кнопку Таблицы – Droptables появится редактор таблиц (рисунок ниже).

Компонент таблиц Joomla

Компонент таблиц Joomla

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

Управление таблицами

  1. Удалить. Данный инструмент доступен и для категории таблиц Joomla.
  2. Копировать. Копирует таблицу внутри категории
  3. Переименовать. Данный инструмент доступен и для категории.

Управление таблицами

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

Создание таблицы

Создание таблицы

При нажатии правой кнопки мыши на ячейку появится контекстное меню (рисунок ниже).

  • Insertrowabove. Вставить строку над выделенной ячейкой.
  • Insertrowbelow. Вставить строку под выделенной ячейкой.
  • Insert column on the left. Вставить столбец слева от выделенной ячейки.
  • Insert column on the right. Вставить столбец справа от выделенной ячейки.
  • Removerow. Удалить строку, в которой находится выделенная ячейка.
  • Removecolumn. Удалить столбец, в которой находится выделенная ячейка.
  • Undo. Отменить предыдущее действие.
  • Margecells. Объединить выделенные ячейки (для этого необходимо выделить несколько ячеек).

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

Контекстное меню ячейкиКонтекстное меню ячейки

Вычисления в таблицах Joomla 3 напоминают Excel. Доступны такие функции:

  • SUM. Суммирует числа. Например: «=SUM(A1:A5)» (без кавычек, разделитель двоеточие) – просуммирует все числа в диапазоне от A1 до A5 выражение «=SUM(A1;A5)» (без кавычек, разделитель точка с запятой) просуммирует два числа (первое из ячейки «A1», а второе из «A5»). Разделитель «:» – указывает на диапазон от и до, а «;» на отдельные ячейки. В левой части на рисунке ниже показан пример ввода формулы, а в правой – результат расчётов.

Пример расчётов в таблицеПример расчётов в таблице

  • COUNT. Функция COUNT (счёт) подсчитывает количество ячеек, содержащих числа. Например, для вычисления количества чисел в диапазоне «A1:A20» можно ввести следующую формулу: «=COUNT(A1:A20)» (без кавычек). Если в данном примере пять ячеек из диапазона содержат числа, то результатом будет значение «5».
  • CONCAT. Объединяет значения ячеек по «правилу»: слева направо, сверху вниз. Например: «=CONCAT(A1:B3)» даёт результат «82569» (рисунок ниже). Так как числа 8, 2, 5, 6, 9 стоят в указанном диапазоне и расположены слева направо, сверху вниз.

Объединение значенийОбъединение значений

  • MIN. Поиск минимального значения.
  • MAX. Поиск максимального значения.
  • AVG. Среднее арифметическое.

В правой части Droptables доступны такие вкладки:

Рассмотрим вкладку Таблица (рисунок ниже).

ТаблицаТаблица

  • №1 вставляет выбранную Вами таблицу из доступных стилей №2.
  • №2 доступные стили таблиц. Обратите внимание, когда у Вас в области таблицы уже есть данные, применив к ним тему, они не заменятся демонстрационными, а если данных нет, то применятся демонстрационные с возможностью их редактирования.
  • №3 Заливка нечётных строк. Цвет заливки нечётных строк таблицы Joomla 3 (рисунок ниже).
  • №4 Заливка чётных строк. Цвет заливки чётных строк таблицы (рисунок ниже). При помощи этой опции и опции №3 можно создать «зебру». Добавляя строки и столбцы, они будут перекрашиваться в заданный Вами цвет.

«Зебра»«Зебра»

  • №5 Использовать таблицу с сортировкой. Если выбрать Да, пользователи во фронтальной части сайта смогут сортировать данные в таблице по столбцам.
  • №6 Выравнивание. Выравнивание таблицы По центру, Слева, Справа или без выравнивания. Не путать с выравниванием содержимого ячеек таблицы
  • №7 Тип отзывчивости. Если выбрано Прокрутка, будет появляться горизонтальная полоса прокрутки при нехватке ширины на странице для отображения таблицы. Это, например, весьма актуально для прайс листов в Joomla на маленьких экранах (мобильные устройства). Если выбрано Скрытие столбца, то на узких экранах будут автоматически скрыты лишние столбцы и во фронтальной части сайта появится специальный элемент управления рядом с таблицей (рисунок ниже). Нажав на этот элемент, перед пользователем появится список всех доступных столбцов. Он может сам выбрать, какие из них скрывать, а какие отображать. Также Вы сами можете указать приоритет отображения каждого столбца. Для этого служат опции Столбец и Приоритет отзывчивости на вкладке Ещё (рассмотрено ниже в данной статье).
Читайте также:  Таблица четырехугольники материал по геометрии 8 класс на тему

Скрытие столбцаСкрытие столбца

Формат

Рассмотрим вкладку Формат (рисунок ниже). На данной вкладке компонент таблиц Joomla предоставляет ряд элементов для визуального оформления содержимого ячеек и их границ.

ФорматФормат

  • №1 Тип ячейки. Может быть По умолчанию – ввод значений или формул, а может быть Html. Если выбран второй вариант, при нажатии на ячейку откроется специальный редактор (рисунок ниже).

Редактор ячейкиРедактор ячейки

Он немного напоминает стандартный режим TinyMCE и позволяет вставить и отформатировать (задать начертание, отступы, выравнивание, стиль, гарнитуру, размер и цвет текста) внутри ячейки различное содержимое: текст, изображения, ссылки, нумерованные и маркированные списки. Также вставить фрагмент произвольного HTML кода (нажав на кнопку Source).

  • №2 Цвет фона ячейки. Позволяет указать цвет заливки ячейки.
  • №3 Границы. Droptables позволяет Вам указать внешний вид границы: Сплошные, Пунктирные, Штрихпунктирные, Без границы.
  • №4 позволяет задать цвет границ таблицы Joomla 3.
  • №5 позволяет задать толщину границ прайс листа Joomla.
  • №6 — при помощи этой группы инструментов можно указать, к каким границам применять опции №3, 4 и 5. То есть, сперва Вы выделяете в таблице те ячейки, которым хотите задать границу, затем из №3 выбираете тип границы, в №4 задаёте её цвет, в №5 указываете её толщину, а потом нажимаете на один из инструментов в области №6 и применяете указанное в №3, 4 и 5 форматирование к тем «частям границы», которые отображены на инструментах №6. Например, нажав на левый верхний инструмент, Вы примените форматирование только к верхней границе ячейки.
  • №7 Шрифт. Позволяет сменить гарнитуру шрифта содержимого ячеек\ячейки. Доступно девять шрифтов: Arial, Times New Roman, Verdana и др.
  • №8 при помощи данного инструмента компонент таблиц Joomla позволяет Вам задать цвет текста содержимого ячейки.
  • №9 размер текста (кегль).
  • №10 инструменты для изменения начертания шрифта: жирный, подчёркнутый, курсив.
  • №11 инструменты для изменения выравнивания содержимого ячейки по горизонтали и вертикали.
  • №12 Высота строки в пикселях.
  • №13 Ширина строки в пикселях.

Как видите, настроек достаточно много. Но это не все доступные в арсенале Droptables опции. Перейдём к рассмотрению вкладки Ещё.

Таблицы Excel и Joomla

Как уже упоминалось ранее, Droptables позволяет производить импорт\экспорт между Excel и Joomla 3. Для этого служат инструменты на вкладке Ещё (рисунок ниже).

Excel Joomla 3Excel Joomla 3

  • №1 ИмпортExcel. Позволяет импортировать таблицу из Excel в Joomla 3. Помимо XLS и XLSX поддерживается CSV и ODT (OpenDocument). Обратите внимание, что при импорте могут быть «искажения» (неточности). Всё зависит от сложности импортируемых данных. Также обратите внимание на то, что при импорте их Excel будут взяты данные только с первого листа файла.
  • №2 Экспорт Excel. Позволяет экспортировать данные из Droptables в XLSX. Обратите внимание, что при экспорте могут быть «искажения» (неточности). Всё зависит от сложности экспортируемых данных.
  • №3 Столбец. Если на вкладке Таблица для опции Тип отзывчивости выбрано Скрытие столбцы, тут можно указать, для какого столбца в таблице Вы задаёте приоритет из списка №4 Приоритет отзывчивости.
  • №4 Приоритет отзывчивости. Указывает насколько важным является отображение того или иного столбца, выбранного в списке №3 Столбец. Где «0» – приоритет не задан вручную; «1» – наименее важный, «2, 3, …» – важность возрастает с увеличением порядкового номера; Persisent – необходимо обязательно показать данный столбец. Например, если у Вас есть прайс лист Joomla, где в столбце «A» – наименование товара, в «B» – артикул, в «C» – описание, в «D» – цена, и Вам нужно обязательно отобразить наименование товара и его стоимость даже на экране телефона, то для столбца «A» (наименование товара) нужно задать приоритет Persisent, для «D» (цена) – «4», для «C» (описание) – «3», а для «B» можно ничего не задавать. В таком случае, пользователь даже на очень маленьком экране увидит название и стоимость товара.Если будет место, появится и описание, а если места будет много, то увидит все столбцы.
  • №5 Отступы. Droptables позволяет задать верхний, правый, нижний и левый отступы от содержимой ячейки до её границ.
  • №6 Радиус скругления фона ячеек. Если Вы задавали фон ячейки, то при помощи данной группы опций Вы можете задать радиус скругления каждого из углов фона ячейки (рисунок ниже).

Скругление фонаСкругление фона

  • №7 НастраиваемыйCSSдля этой таблицы. Вы можете добавить произвольный CSS-стиль к элементам таблицы.

Выяснить нужные классы стилей можно при помощи встроенных или сторонних средств для разработчиков в браузере. На рисунке ниже это Firebug 2.0.9 в Mozilla Firefox 37.0.1.

«r» – строки, «c» – столбцы.

Графики

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

График

График

Доступны такие виды графиков (диаграмм) как (по аналогии с Excel): «С областями», «Гистограмма», «Заполненная лепестковая», «Полярные области», «Круговая», «Кольцевая» – на рисунке выше они расположены слева направо, сверху вниз.

  • Переключить Строка/Столбец. При помощи данной опции компонент таблиц Joomla позволяет Вам выбрать, какие данные должны быть по оси Х, а какие по оси Y (элементы ряда и подписи оси соответственно). Доступно Строка или Столбец. В моём примере, если выбрать Строка, то по оси Х (подписи) будут месяцы, а по оси Y (сами столбцы) будут значения принятых отданных и потерянных пакетов данных. По три столбца на каждый месяц (Принято, Отдано, Потери).
  • Использовать первую/первый строку/столбец в качестве заголовка. Если Вы выбрали Да, то под графиком появятся подписи из первой строки таблицы. В моём примере по оси Х (подписи) будут месяцы.
  • Ширина, Высота. Ширина и высота области графика в пикселях.
  • Выравнивание. Выравнивание области графика на странице (По центру, Справа, Слева, Нет).
  • Набор данных. Содержит список столбцов\строк таблицы (в зависимости от параметра, выбранного для опции Переключить Строка/Столбец), по которым строится график. Выбрав один из них, можно задать ему цвет при помощи опции Цвет, расположенной ниже.

Русификатор Droptables

Как видите, Droptables весьма функциональный компонент таблиц Joomla 3 при помощи которого достаточно просто можно сделать функциональный и красивый прайс лист или любую другую таблицу.

Читайте также:  101 элемент периодической таблицы

Источник

05-1(3) Работа с таблицами в редакторе контента JCE.

05-1(3) Работа с таблицами в редакторе контента JCE.

В редакторе контента «JCE» сайта на CMS Joomla присутствует возможность работы с таблицами.

В редакторе контента «JCE» сайта на CMS Joomla присутствует возможность работы с таблицами. Манипуляции с иконками окна редактора можно вставить или удалить таблицу, вставить или удалить строку или столбец, задать параметры редактирования для всей таблицы, отдельной строки или отдельной ячейки. Элементам таблицы можно присвоить класс, задать границы, фон и многое другое.

Для редактирования содержимого Материала, в том числе вставка, удаление и настройка таблиц, в CMS Joomla используется так называемый ВИЗУАЛЬНЫЙ редактор WYSIWYG (What You See Is What You Get — что видишь, то и получишь).

В материале рассматривается Редактор «JCE» или «Joomla Content Editor» — это сторонний компонент, не входящий в стандартный пакет Joomla. Редактор JCE обладает большими возможностями, чем встроенный и удобнее для пользователя.

Редактор «JCE» предлагается разработчиком в двух вариантах «JCE Core» (бесплатный) и «JCE Pro» (платный). Варианты имеют различные возможности. Основные различия между версиями описаны в материале: «Окно работы с контентом редактора JCE».

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

Окно редактора контента «JCE Core» и иконки для работы с таблицами.

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

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

Окно редактора контента «JCE Core» и иконки для работы с таблицами.

На изображении показаны иконки для работы с таблицами, которые я как разработчик расположил в третьем ряду. Доступ к ним открывается после разворачивания панели расположения иконок, нажатием на иконку jce editor 03 001.

Вставка таблицы, редактор JCE Вставляем таблицу в место указанное курсором. После нажатия иконки откроется окно Менеджера Таблиц.
Удаление таблицы, редактор JCE Удаляем таблицу. Иконка становится активной при установке курсора в любое место таблицы. При нажатии на иконку таблица удаляется целиком.
Редактирование строки таблицы, редактор JCE Редактируем строку таблицы в котрой находится курсор (иконка станет активной). После нажатия иконки откроется окно Свойства Строки.
Редактирование ячейки таблицы, редактор JCE Редактируем ячейку таблицы в котрой находится курсор (иконка станет активной). После нажатия иконки откроется окно Свойства Ячейки.
Вставить/удалить строку таблицы, редактор JCE Вставить строку таблицы выше/ниже строки в котрой находится курсор, удалить строку.
Вставить/удалить столбец таблицы, редактор JCE Вставить столбец таблицы слева/справа от столбца в котром находится курсор, удалить столбец.
Объединить/отменить объединение ячеек таблицы, редактор JCE Объединить/отменить объединение ячеек таблицы.

Вставить/изменить таблицу в редакторе JCE

Для того, чтобы создать таблицу и вставить на страницу сайта, необходимо установить курсор в нужное место окна редактора и нажать иконку jce editor 03 221. Выпадающий список рядом с иконкой позволяет быстро вставить таблицу с выбранным числом строк и столбцов.

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

Вкладка «ОБЩИЕ» редактора Таблиц JCE

«Столбцы» — Задается количество столбцов таблицы при ее создании.

«Строки» — Задается количество строк таблицы при ее создании.

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

Вкладка ОБЩИЕ редактора Таблиц JCE

«Отступы в ячейках» , «Расстояния между ячейками» — вспомогательные параметры.

«Выравнивание» — Таблицы выровненные по центру страницы смотрятся предпочтительнее. Если выбрана ширина таблицы 100% (относительно ширины страницы) то выравнивание не имеет значения.

«Граница» — Толщина границы. Рекомендуется использовать установку границ при помощи правил CSS, используя поле «Класс» вкладки РАСШИРЕННЫЕ.

«Ширина» — Ширина таблицы. Рекомендуется устанавливать ширину таблицы в процентах (70%, 80% …) от ширины страницы. Фиксированная ширина таблицы превышающая 300px противоречит принципам «отзывчивого» дизайна и страница с такой таблицей будет некорректно смотреться на экранах мобильных устройств.

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

Вкладка «РАСШИРЕННЫЕ» редактора Таблиц

На вкладке РАСШИРЕННЫЕ находятся дополнительные настройки вида таблицы.

Вкладка РАСШИРЕННЫЕ редактора Таблиц

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

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

Тем не менее может возникнуть необходимость индивидуальной настройки какой-либо отдельной таблицы на странице сайта. Для этого предназначены остальные поля на вкладке РАСШИРЕННЫЕ.

«ID» — уникальный идентификатор таблицы.

Вкладка РАСШИРЕННЫЕ редактора Таблиц

«Фоновое изображение» — путь к изображению на сайте, которое станет фоном таблицы.

Так же можно задать «Границы» (цвет, стиль и ширину) и «Цвет фона» .

Остальные поля имеют очень специфическое назначение и используются редко.

Настройка строки таблицы в редакторе JCE.

Для того, чтобы изменить настройки строки, необходимо установить курсор в любое место нужной строки и нажать на иконку jce editor 03 223. Откроется окно работы со строкой, так же имеющее две вкладки.

На вкладке ОБЩИЕ присутствуют поля:

«Строка в таблице» — Задает статус строки в таблице.

  • Заголовок таблицы (добавляет к строке дополнительный тег)
  • Тело таблицы (строки таблицы между тегами)
  • Основание (последняя строка) таблицы (строка таблицы в тегах). Отмеченная этим тегом строка таблицы переносится в ее конец.

Настройка строки таблицы в редакторе JCE.

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

«Высота» — Задает высоту строки таблицы.

Если для поля «Строка в таблице» выбран параметр «Тело таблицы», то в нижней части окна работы со строками становится доступным дополнительный важный параметр в выпадающем списке. Параметр позволяет выбрать к каким строкам тела таблицы следует применить выбранное форматирование. Доступные варианты — «текущая», «четные», «нечетные» или «все» строки.

На вкладке РАСШИРЕННЫЕ находятся дополнительные настройки вида строки, аналогичные по составу с настройками на вкладке РАСШИРЕННЫЕ для всей таблицы. Используются в случае необходимости ИНДИВИДУАЛЬНОЙ настройки какой-либо строки, что бывает крайне редко.

Индивидуальная настройка обычно требуется ПЕРВЫМ строкам таблицы (Заголовкам) или ПОСЛЕДНИМ (Итогам). Но для их настройки достаточно настроить и присвоить класс всей таблице, а для этих строк выбрать соответствующий тег в поле «Строка в таблице»

Настройка ячейки/столбца таблицы в редакторе JCE

Еще реже чем ИНДИВИДУАЛЬНАЯ настройка строки, требуется индивидуальная настройка ячейки, тем не менее такая возможность при использовании редактора JCE у Вас есть.

Для индивидуальной настройки ячейки, необходимо установить курсор в любое место нужной ячейки и нажать на иконку jce editor 03 224. Откроется окно работы с ячейками так же имеющее две вкладки.

Читайте также:  Металлургические базы таблица факторы размещения

На вкладке ОБЩИЕ могут быть настроены: «Выравнивание» , «Выравнивание вертикальное» для содержимого ячейки таблицы, «Высота» , «Ширина» для ячейки.

Настройка ячейки/столбца таблицы в редакторе JCE

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

На вкладке РАСШИРЕННЫЕ находятся дополнительные настройки вида ячейки, аналогичные по составу с настройками на вкладке РАСШИРЕННЫЕ для всей таблицы или строки. Используются в случае необходимости ИНДИВИДУАЛЬНОЙ настройки какой-либо ячейки.

В некоторых вариантах таблиц может понадобиться изменение вида какого-нибудь СТОЛБЦА таблицы (например первого). В языке HTML, который используется для создания страниц сайта, отсутствует тег для столбца. Для такой ИНДИВИДУАЛЬНОЙ настройки используется форматирование ячеек этого столбца, например присвоением каждой ячейки заранее созданного класса CSS.

Содержимое внутри ячеек таблицы так же можно форматировать как обычный контент (вставлять и изменять текст, изображения, ссылки), используя иконки окна редактора JCE.

Источник

Структура расширений Joomla, компоненты, модули, плагины

От автора

CMS Joomla это PHP-система, предназначенная для создания динамических веб-страниц. Установочная комплектация Joomla содержит минимальные встроенные функции для создания, редактирования, управления и отображения содержания элементов в формате HTML. Также сразу после установки Joomla можно публиковать специальные данные, такие как веб ссылки и контакты. Статья написана для Joomla 2.5, но принципы изложенные в статье, подходят для последующих версий CMS Joomla.

Содержание:

  • Расширения Joomla;
  • Компоненты Joomla;
  • Что такое модуль Joomla;
  • Joomla плагин (Plugin).

Расширения Joomla

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

Расширения Joomla делятся на восемь типов.

  1. Компоненты,
  2. плагины,
  3. модули,
  4. файл,
  5. язык,
  6. пакет расширений,
  7. шаблон,
  8. библиотека.

Tipy rasshireniy joomla

Компоненты Joomla

Компоненты Joomla это наиболее значимые по функциональности расширения Joomla. Некоторые компоненты доступны при установке Joomla и входят в ядро Joomla. Компоненты ядра это

  • Баннеры,
  • Контакты,
  • Ленты новостей,
  • Ссылки,
  • Опросы.

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

Некоторые компоненты Joomla настолько функциональны, что сами исполняют роль CMS, со своей административной панелью, со своими расширениями. Самые известные из таких многофункциональных компонентов это компоненты K2 и ZOO. Также очень функциональны Интернет-магазины Joomla, например VirtuerMarkt. Практически все компоненты устанавливаются вместе со своими плагинами и модулями.

Что такое модуль Joomla

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

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

Чтобы посмотреть позиции для модулей в шаблоне, нужно в адресной строке браузера к названию сайта добавить [/?tp=1]. В Joomla 1,5 нет защиты от просмотра позиций модулей. В версиях выше 1,7 разработчики сделали такую защиту. Для просмотра позиций модулей сайта нужно зайти в административную панель сайта, в верхнем горизонтальном меню найти пункт Расширения>>>Менеджер модулей. В открывшемся окне «Менеджера модулей» нужна кнопка «Настройки». В настройках модулей нужно включить (Enable) разрешение на просмотр позиций модулей.

Struktura hfcibhtybq joomla 1

Далее о типе расширений Joomla плагин (Plugin)

Плагин Joomla это «несложная» программа PHP. Плагин привязан к определенному событию, возникающему при исполнении Joomla. Исполняется плагин при вызове событий, к которому он привязан. Например, плагин Content вызывается (работает) только, когда вызывается или редактируется содержание сайта.

Устанавливаются плагины в Менеджере расширений >> Установка. Удаляются плагины в Менеджере расширений >> Управление.

Управляются плагины Joomla из пункта меню «Менеджер плагинов», находящейся в горизонтальном верхнем меню административной панели, пункт Расширения >>>Менеджер плагинов.

Struktura-hfcibhtybq-joomla-3

В таблице со всеми плагинами установленными на сайте указываются:

  • Название Плагина;
  • Включено/Выключено;
  • Порядок;
  • Тип плагина;
  • Элемент, к которому плагин относится;
  • Доступ и ID.

Для Joomla определены следующие типы плагинов:

  • User (Пользователь)
  • System (Система)
  • Smart Search (Finder — Умный поиск)
  • Search (Поиск)
  • Quickicon (Быстрый запуск)
  • Extension (Расширение)
  • Editors-XTD
  • Editors (Редакторы)
  • Contacts (Контакты)
  • Content (Контент)
  • Captcha (Капча)
  • Authentication (Аутентификация)

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

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

Источник

RokFeatureTable v1.7 — модуль сложных таблиц для Joomla

RokFeatureTable

Версия 1.7

скачать архив для Joomla 3.6 | Размер: 0.056 МБ

скачать архив для Joomla 2.5 | Размер: 0.056 МБ

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

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

О модуле RokFeatureTable

rock-img

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

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

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

rock-feat-2

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

Вы можете добавить неограниченное число строк и до 6 колонок. Каждая строка может быть расширена, посредством выбора кнопки class, что приведет к отображению дополнительных полей ввода.

Обзор RokFeatureTable

  • Не ограниченное число строк
  • До 6 колонок
  • Предустановленные образцы данных
  • Расширенный контроль над данными
  • Подсвечиваемые колонки
  • Назначение пользовательских классов
  • Поддержка стилизации
  • Пользовательский интерфейс администратора
  • Поддержка подстрок
  • Ячейки-ссылки

Система Orphus

Нашли опечатку или неточность в описании? — Выделите фрагмент текста мышкой и нажмите Ctrl + Enter

Источник