Программирование HTML Joomla: вставка произвольного кода на сайт с помощью Jumi Thu, November 21 2024  

Поделиться

Нашли опечатку?

Пожалуйста, сообщите об этом - просто выделите ошибочное слово или фразу и нажмите Shift Enter.


Joomla: вставка произвольного кода на сайт с помощью Jumi Печать
Добавил(а) microsin   

Компонент Jumi позволяет добавлять в произвольное место сайта код пользователя - PHP, HTML, CSS, JavaScript.

jumi img_smallКод может быть добавлен в шаблон, модуль, или в произвольное место статьи. Использование Jumi может пригодиться в следующих случаях:

1. Добавление рекламного кода в произвольное место сайта (в шаблон, в статью).
2. Изменение внешнего вида статьи путем вставки собственного стиля CSS в код статьи.
3. Исправление глюков визуального редактора Joomla, который принудительно портит содержимое некоторых типов текста.

[Установка на Joomla 1.0.12]

Инструкция по установке опубликована по ссылке [1]. Скачал пакет jumi_pack_2.0.e_for_J1.0.zip. Установил как компонент, без особых проблем. После установки вместо главной странички была показана страничка "Hello Jumi!". Сначала я испугался, но потом вычитал, что это нужно отключить в админке через Меню -> mainmenu -> убрать публикацию пункта меню Hello Jumi!.

[Установка на Joomla 1.5]

Пошаговая инструкция опубликована по ссылке [2]. При установке проблем вообще не возникло. Устанавливается плагин (сразу по умолчанию включен) и модуль (по умолчанию выключен). Больше по установке и настройке Jumi ничего делать не надо, он уже работает.

[Как использовать Jumi]

1. Подготовьте файл скрипта (PHP, CSS, JavaScript, HTML). Если это не HTML, то код в скрипте должен быть обрамлен соответствующими тегами в начале и конце файла скрипта Например, для PHP должен быть тег ?php, для CSS это должен быть тег style. То есть скрипт будет вставлен на сайт как HTML. Предположим, этот скрипт будет называться myscript.php.

2. Закачайте файл на сайт в любое удобное место, все равно куда. Главное - просто нужно знать путь до скрипта относительно корневого каталога сайта. Этот путь нужно будет указать при вставке кода на сайт с помощью Jumi. Предположим, наш скрипт называется myscript.php, и записан он в папку myfolder, находящуюся в корневом каталоге сайта.

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

{jumi [myfolder/myscript.php]}

[Как вставить картинку в формате SVG]

Это можно сделать с помощью стандартного тега img, в который добавлена ссылка на наш файл *.svg. Предположим, что нам нужно отобразить файл file.svg, который находится в каталоге myfolder сервера. Процесс по шагам:

1. Создайте файл file.html следующего содержания:

<img src="myfolder/file.svg" width="800" />

Примечание: здесь 800 значение атрибута, задающего ширину картинки. Это обычный атрибут тега img. Вы можете удалить его, или добавить любые свои атрибуты, которые поддерживает тег img.

2. Запишите этот файл в каталог myfolder, туда же, где находится файл файл file.svg.

3. В том месте статьи, где нужно вставить картинку file.svg, добавьте следующий текст:

{jumi [myfolder/file.html]}

Файл file.html вставит в статью векторную картинку file.svg, причем она будет автоматически преобразована браузером в растр, и отображена на станице.

[Ссылки]

1. Описание установки Jumi на Joomla 1.0.12
2. Описание установки Jumi на Joomla 1.5.
3. Инструкция по использованию, примеры

 

Комментарии  

 
0 #1 Марина 02.06.2014 15:35
Нужно было вставить код формы подписки на мой сайт, сайт выдавал некрасивую форму благодаря его css. Установила Jumi, все сделала как написано. Теперь сама форма отображается так как надо, все красиво, а вот русский текст выводится кракозябрами (квадратики или ?), англ. текст нормально. У меня Джумла 1.5. Строчку для кодировки в файл .htaccess вставляла, не помогает.
Подскажите пожалуйста,как поправить кракозябры.

microsin: проверьте в админке настройку Локализации, должна быть установлена текущей русская локализация. Проверьте текст, который отображаться на форме - он должен быть в кодировке UTF-8.
Цитировать
 

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


Защитный код
Обновить

Top of Page