Правильная вставка JAVA SCRIPT и HTML кода в Joomla. Как вставить скрипт в модуль joomla

Как в Joomla вставить скрипт

Главная » Новости

Опубликовано: 18.10.2017

Sourcerer плагин для вставки любых кодов в контент Joomla

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

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

Быстрая вставка любого кода и скриптов на вашем сайте - joomla sourcerer

Как вставить скрипт в Joomla - способ №1

Вставка скрипта через модуль вставки произвольно кода . Плюс этого метода состоит в том, что код будет работать на всех страницах, где отображается созданный модуль. Рекомендую использовать модуль Flexi Custom Code, который работает со всеми версиями Joomla без нареканий. Найти его можете в JED ( extensions.joomla.org ) через поиск по названию. Далее переходите на сайт разработчика и качайте свежую версию модуля бесплатно. Настройки модуля до безумия простые. Укажите название модуля, показывать ли его заголовок, установите позицию отображения, укажите, на каких страницах модуль показывать. В окошке для вставки кода укажите код скрипта. Не забудьте проверить, чтобы модуль был опубликован и сохраните изменения.

php javascript en joomla

Как вставить скрипт в Joomla - способ №2

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

castle-ua.com

Как вставить скрипт в Joomla 2 5

Вопрос: Joomla 3 время требуется сократить время отклика

Добрый день господа! Требуется ускорить загрузку сайта сайт moscowbrand.ru работает более 5 лет, шаблон, время отклика 500-1000 мс. сайт zombiprint.ru для проверки на этот же хостинг вчера установил чистую joomla 3,4 без шаблона, время отклика 500 мс, кеширование и gzip сжатие включено

На сайте moscowbrand.ru уже сделано: Картинки оптимизированы, даже сильно оптимизированы в фотошопе аж муар появился, Кеш включен, GZIP-сжатие включено, В файле .htaccess прописал: <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/css <IfModule mod_setenvif.c> BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html </IfModule> </IfModule>

FileETag MTime Size <ifmodule mod_expires.c> <filesmatch ".(jpg|jpeg|gif|png|ico|css|js)$"> ExpiresActive on ExpiresDefault "access plus 1 month" </filesmatch> </ifmodule>

Сайт стал чуть быстрей работать, но для 2016 года он работает очень медленно, наверно где-то в году так 1980 с такой скоростью он бы пошел на ура!

для тех, кто говорит joomla быстрей не может

Не интересует: перенос на другую CMS. Абсолютно не интересует, даже не пишите сразу проходите мимо.

Не знаю, что делать, ищу профессионала, который все исправит и настроит! Интересует цена и сроки.

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

В джумла к сожалению по стандарту загрузка скриптов идёт только в шапку(head), да и как стили, так и скрипты подгружаются как из темы, так и из расширений автоматически. Что бы это дело склеить и вынести скрипты в низ, нужно руками править шаблон, удалить/закомментировать - "<jdoc:include type="head" />", очистить от комментом и склеить все используемые стили в один, и сжать, и вручную вписать путь к нему. Очистить, склеить и сжать в один или несколько файлов скрипты, и поместить их снизу.

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

ПС. Если глянуть в FireBug на закладке сети, то можно увидеть, что для данного сайта, основное время загрузки, занимают png файлы, на сайте полно данной тяжёлой графики дизайна сайта. Всё или почти всю эту графику сегодня можно заменить на css3 графику. Так что для оптимизации можно и редизайн сделать, учитывая ещё и то, что дизайн не респонзивный, что сегодня учитывается при ранжировании поисковиками в первую очередь.

forundex.ru

Как в Joomla вставить скрипт

Как вставить скрипт в Joomla - способ №1

Вставка скрипта через модуль вставки произвольно кода. Плюс этого метода состоит в том, что код будет работать на всех страницах, где отображается созданный модуль. Рекомендую использовать модуль Flexi Custom Code, который работает со всеми версиями Joomla без нареканий. Найти его можете в JED (extensions.joomla.org) через поиск по названию. Далее переходите на сайт разработчика и качайте свежую версию модуля бесплатно. Настройки модуля до безумия простые. Укажите название модуля, показывать ли его заголовок, установите позицию отображения, укажите, на каких страницах модуль показывать. В окошке для вставки кода укажите код скрипта. Не забудьте проверить, чтобы модуль был опубликован и сохраните изменения.

Как вставить скрипт в Joomla - способ №2

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

Как вставить скрипт в Joomla - способ №3

Некоторые скрипты в Joomla добавляются не путем указания самого кода, а путем подключения файла скрипта, который может храниться как на вашем сервере, так и может быть загружен из любого другого места (например, с google.com). Обычно такие файлы скриптов подключаются в секции HEAD кода страницы сайта. Чтобы сделать такое подключение своего скрипта, вам нужно зайти в «Менеджер шаблонов», открыть на редактирование главную страницу нужного шаблона и прописать подключение нужного скрипта. Этот способ наиболее сложен для новичков и требует некоторых навыков, т.к. иногда подключенные скрипты сайта могут конфликтовать между собой и работать неправильно. В этом случае приходится либо как-то исправлять конфликт, либо искать аналоги используемых расширений, скрипты которых не конфликтуют.

Нужна помощь?

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

sajt-vizitka-nedorogo.ru

Правильная вставка JAVA SCRIPT и HTML кода в Joomla

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

Итак, создаем материал под названием Контакты (contact). Копируем текст материала, кроме карты, форматируем и сохраняем статью:

Теперь нам надо вставить Google maps. Существую различные способы вставки стороннего html/javascript-кода на сайты, сделанные на Joomla. Я предлагаю один из самых простых, с использованием расширения Joomla - модуля mod_specialhtml_J15.

Теперь идем в Расширения - Установка и удаление. Нажимаем на кнопку Обзор, выбираем модуль mod_specialhtml_J15.zip и нажимаем на кнопку Закачать файл

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

Для этого мы идем в Расширения - Модули:

и нажимаем на кнопку Новый:

Ставим галочку у Special HTML и нажимаем кнопку Следующая:

На странице настройки модуля указываем следующие параметры:

Название, например - Карта Google.
Отобразить заголовок - Нет.
Включен - Да.
Положение - map1. Эту позицию надо набрать вручную. Joomla предлагает в списке те позиции, которые у нее есть в шаблоне, но мы будем вставлять этот модуль в статью, и поэтому положение для него мы определяем сами. (Подробнее об этом мы будем говорить в следующем уроке).
В параметрах модуля, на вкладке HTML/JavaScript нам надо указать код нашей карты.

Чтобы получить код карты, мы идем на http://maps.google.com/. В строке поиска набираем название фирмы. Появляется карта с местоположением нашей фирмы, нажимаем на кнопку Ссылка и видим HTML-код для добавления на сайт:

Копируем этот код, вставляем его в параметры нашего модуля и сохраняем:

Теперь идем в Статьи - Статьи, выбираем нашу статью Контакты и открываем ее для редактирования. Встаем курсором мыши в то место, где должна быть наша карта и пишем следующую команду:

{loadposition map1}

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

Чтобы вставлять в Joomla html/JavaScript-код, необходимо:

Создать модуль (в Расширения - Модули), выбрать тип (Special HTML), дать модулю название, задать имя его положения и вставить сам код.
На странице встать курсором в место, куда будет вставлен модуль и написать команду {loadposition имя_положения_модуля}.

uscms.ru

Как вставить скрипт (сторонний код) в статьи joomla?

Как вставить скрипт (сторонний код) в статьи joomla

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

Плагин Sourcerer для Joomla 2.5.Плагин Sourcerer позволяет вам вставлять JavaScript, CSS или же PHP код непосредственно в саму статью. Скачать его можете с официального сайта здесь. Данный плагин хороший помощник в создании сайта, вы можете вставлять код не только в статьи, но еще и в модули Джумла. Теперь давайте к пользованию.

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

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

Я заканчиваю эту статью и думаю вы разобрались в вопросе — как вставить скрипт в Joomla? Хочется верить, что этот пост был полезен для вас, всего хорошего и до новых встреч!

sadybc.ru

Как в Joomla вставить скрипт

Главная » Новости

Опубликовано: 16.07.2018

Adding Java Script to your Joomla Site Free

Joomla!: How to display data using modules | lynda.com tutorial

Как вставить скрипт в Joomla - способ №1

Adding PHP or Javascript code in Joomla! 2.5, 3.1

Как вставить скрипт в Joomla - способ №2

serialynatv.ru