Joomla обрезает код счетчика

Joomla обрезает код счетчика

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

Небольшое уточнение: вставляемый модуль должен быть исполняемым, т.е. его скрипты должны работать. Не путать эти модули с модулями для отображения (подсветки) кода!

1. Custom HTML Advanced

Простое добавление любого пользовательского HTML — кода внутри модуля в выбранной позиции (left, right, user1. и др.) на сайтах, сделанных с помощью Joomla. По сравнению со стандартным модулем для вставки кода ( mod_custom ) модуль Custom HTML Advanced имеет следующие характеристики:

• Нет фильтрации (даже для тегов скриптов ) ;
• Обойти настройки «Position Chrome» (метод подгрузки нескольких расположений модуля) для удаления нежелательного обтекания HTML-кода вокруг модуля (В оригинале это звучит так » Override module position chrome to remove unwanted wrapping HTML code around the module. » — спасибо Ксении);
• Добавление пользовательского CSS в заголовок страниц, на которых модуль будет использоваться.

Модуль Custom HTML Advanced может быть о собенно полезен для :

• Вставки рекламного кода (например, AdSense или Adbrite );
• Ра змещения пользовательских Java-скриптов в web-страницу.

Совместимость: Joomla 1.5 и 1.6
Стоимость: бесплатный

2. Flexi Custom Code

Этот модуль позволяет вставлять любой код в позиции модулей сайта: php, javascript PHP, CSS and html. Например, модуль Flexi Custom Code может быть использован на Joomla-сайтах для вставки: простого кода, простой функции, внедренного кода, рекламного кода adsense, кода принадлежности и др. с помощью простой операции «Скопировать-Вставить«

• Поддержка PHP, HTML, JAVASCRIPT и CSS;
• Имеется возможность установки «цели» ( target ) для модуля;
• Простой и гибкий модуль.

Недостаток: окно для вставки кода имеет относительно небольшие размеры: 280*300 пикселей, зато блок описания модуля довольно большой и красного цвета.

Совместимость: Joomla 1.5, 1.6, 1.7, 2.5, 3.х.
Стоимость: бесплатный.

Вывод: этот модуль самый удобный на мой взгляд.

Комментарии ( 8 )

1. около 9 лет назад
2. #138

Спасибо, а то я мучался с молулем произвольный HTML.

1. Поделиться

1. около 4 лет назад
2. #527

1. Поделиться

1. около 3 лет назад
2. #570

Можно использовать стандартную Обёртку (Warp), как модуль, в котором будет загружаться iframe.
Вот только стилей, как у статьи, в этой страницы не будет по умолчанию.

1. Поделиться

1. около 3 лет назад
2. #574

Можно использовать Wrapper

1. Поделиться

1. около 3 лет назад
2. #575

Flexi Custom code я использую обычно

1. Поделиться

1. около 3 лет назад
2. #585

Как лучше всего вставить iFrame?

1. Поделиться

1. около 3 лет назад
2. #595

Главное дорвей не вставить таким модулем.

1. Поделиться

1. около 3 лет назад
2. #597

Здравствуйте!
Класный у вас сайт.

1. Поделиться

Оставьте свой комментарий

1. Опубликовать комментарий как Гость.

The Joomla! Forum™

vvleon Joomla! Fledgling
Posts: 2 Joined: Wed Sep 12, 2012 6:05 pm

Как правильно поставить счетчик посещений?

Post by vvleon » Thu Sep 13, 2012 11:03 am

dmitryseliv Joomla! Explorer
Posts: 320 Joined: Sun Mar 16, 2008 4:40 am

Re: Как правильно поставить счетчик посещений?

Post by dmitryseliv » Thu Sep 13, 2012 4:39 pm

AlexSmirnov Joomla! Hero
Posts: 2682 Joined: Fri Sep 18, 2009 6:33 pm Location: United Kingdom Contact:

Re: Как правильно поставить счетчик посещений?

Post by AlexSmirnov » Thu Sep 13, 2012 5:10 pm

vvleon Joomla! Fledgling
Posts: 2 Joined: Wed Sep 12, 2012 6:05 pm

Re: Как правильно поставить счетчик посещений?

Post by vvleon » Thu Sep 13, 2012 6:15 pm

dmitryseliv Joomla! Explorer
Posts: 320 Joined: Sun Mar 16, 2008 4:40 am

Re: Как правильно поставить счетчик посещений?

Post by dmitryseliv » Thu Sep 13, 2012 6:20 pm

AlexSmirnov Joomla! Hero
Posts: 2682 Joined: Fri Sep 18, 2009 6:33 pm Location: United Kingdom Contact:

Re: Как правильно поставить счетчик посещений?

Post by AlexSmirnov » Thu Sep 13, 2012 8:30 pm

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

Упомянутый dmitryseliv сервис «Google Analytics» тоже хороший инструмент, который имеет свои ощутимые преимущества, как, к примеру, отслеживание посещаемости конкретных страниц или конкретных действий на сайте.

sere-ga Joomla! Fledgling
Posts: 1 Joined: Sat May 11, 2013 2:01 pm

Re: Как правильно поставить счетчик посещений?

Post by sere-ga » Tue May 14, 2013 7:32 pm

AlexSmirnov Joomla! Hero
Posts: 2682 Joined: Fri Sep 18, 2009 6:33 pm Location: United Kingdom Contact:

Вставка HTML кода — Поделиться в соцсетях

Для примера предлагаю вставить код виджета от Яндекс — Поделиться, в дальнейшем вы можете на самом деле его использовать для своего сайта. В любом поисковике введем фразу «яндекс виджет поделиться», находим сайт Блок «Поделиться» — Технологии Яндекса, впрочем если вам лень искать вот ссылка.

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

Напишем заголовок модуля — Поделиться в соцсетях, укажем позицию модуля в вашем шаблоне, в моем случае это [sidebar-2], сохранить и закрыть. Перейдем на сайт, и увидим наш модуль, он расположен справа, можно понажимать на иконки соцсетей, все работает.

Если вам мешает заголовок, вы можете его скрыть, для этого вернемся в редактирование модуля HTML, и переключатель отображения заголовка поставим на «Скрыть». Подобным образом можно вставить практически любой, поддерживаемый браузером код, можно оформить список, добавить слайдер, сделать ссылки в футере и многое другое.

Это видео о создание модуля HTML в Joomla 3:

Рекомендуем смотреть видео в полноэкранном режиме, в настойках качества выбирайте 1080 HD, не забывайте подписываться на канал в YouTube, там Вы найдете много интересного видео, которое выходит достаточно часто. Приятного просмотра!

Внешний вид шаблонов. Как редактировать шаблон Joomla

В данной статье мы рассмотрим, как редактировать внешний вид шаблона Joomla.

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

Сейчас почти все шаблоны для Joomla общедоступны, скачать и установить их на сайте может каждый.

Давайте на примере разберем видоизменение стандартного шаблона Beez5.

Изменение заднего фона шаблона (background)

Я использую браузер Chrome, нажимаем F12 или щелкаем правой клавишей мыши на нужном месте и нажимаем «Просмотр кода элемента».

Как видно на рисунке, за задний фон шаблона отвечает тег body со стилем background.

В стилях указан цвет фона #EEE и фоновая картинка (путь к ней). Именно эти параметры дают нам фон сайта.

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

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

Путь к файлу можно посмотреть, если навести на название курсором.

Изменение логотипа сайта

Изменять логотип очень легко и для этого есть несколько способов.

Способ 1:

Так же, как и в первом способе, наводим курсор на логотип, щелкаем правой клавишей мыши и нажимаем Просмотр кода элемента. Все, что нам надо узнать, это адрес (путь) к логотипу. Теперь делаем свой логотип, даем ему такое же имя (fruits.gif) и просто заменяем на него старый логотип.

Способ 2:

Этот способ самый легкий, но встречается не во всех шаблонах. Идем в: Менеджер шаблонов — Beez5 (стиль) — Указываем логотип.

Способ 3:

Делаем все так же, только заменяем не файл, а путь к логотипу. Как видно на картинке, картинка вставлена через html, а не через css. Поэтому нужно изменять исходный код шаблона. Делается это легко:

Менеджер шаблонов — Beez5 — Изменить шаблон главной страницы.

Ищем строчку с <h1 > и изменяем путь к логотипу на нужный. В данном шаблоне путь прописан на php, так как есть вариант №2. Поэтому лучше воспользоваться вариантом №1 или №2.

Изменить ширину шаблона и блоков

Находим главный блок — div. Как видно на картинке, это <div > именно он отвечает за ширину сайта. Смотрим параметры css — стилей, находим widthи указываем нужную ширину. После этого заходим в файл position.css, в 33 строке пишем параметр и сохраняем файл.

Таким же образом редактируются отдельные блоки. Находим блок, смотрим и изменяем стиль.

Изменение цвета текста и ссылок

Все это делается так же. Щелкаем правой клавишей мыши на тексте и нажимаем Просмотр кода элемента. Нам покажет блок и стиль блока отвечающий за параметры текста. Цвет текста и ссылок задается параметром — color.

Все файлы могут редактироваться через редакторы типа notepad++ или через стандартный «редактор» Joomla.

Работа с компонентом Теги

Начало работы с компонентом осуществляется через менеджер Теги.

Для начала нужно выбрать способ добавления тегов. Заходим в настройки компонента, переходим во вкладку Data Entry Options (Настройки ввода данных) и переключаем кнопку в положение Nested.

Ajax — ввод тегов для каждого материала вручную.

Nested — выбор тегов из списка (заранее созданных).

Создание тегов

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

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

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

Привязка тегов к материалам

Теги готовы и теперь нужно к каждому из материалов, задать эти теги.

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

Выбирайте из списка один или несколько тегов — и так к каждому из материалов.

Отображение тегов на сайте

После выполненных операций у вас, на страницах с материалами, будут выведены все теги, да и к тому же эти теги будут иметь ссылки: ссылки ведут на страницу со списком всех материалов данного тега.

Создание пунктов меню

Компонент теги, имеет три пункта меню, которые ведут на материалы заданных тегов: Tagged Items (Помеченные материалы), Compact List (Список материалов), List of all tags (Список всех тегов). Процесс создания пункта меню просто до крайности: нужно выбрать теги.

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

Tagged Items (Маркированные материалы) — самый презентабельный способ отображения материалов, заданных тегов. Выводится все содержимое материала до «Подробнее», в случае как с блогом категории.

Compact List (Список материалов) — обычный список материалов, заданных тегов.

List of all tags (Список всех тегов) — выводит список всех тегов, по которым можно отыскать материалы.

Модуль тегов

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

Настройки вывода

Настройки компонента теги очень разнообразны и давайте их разберем:

Tegged item options — Настройки содержимого списка

Показывать имя тега — выводится имя в списке с материалами

Изображение тега — в списке с материалами, выводиться то изображение, которые мы задали при создании тега

Описание тега — выводится описание в списке с материалами

Изображение — выбор одного изображения для всех страниц со списком материалов заданного тега

Количество элементов — отображает число материалов данного тега

Порядок — выбор параметра для сортировки материалов

Способ сортировки — порядок сортировки

Заголовки таблиц — отображение заголовка на страницах со списком материалов

Дата — отображение даты в таблице со списком материалов

Изображение материала — выводиться изображение материала, если есть

Описание материала — выводиться описание материала, если есть

Количество символов — выводится определенное количество символов описания

Item Selection potions — настройки выбранного материала

Тип соответствия — выбор соответствия материала к данным тегам

Дочерние теги — выводятся дополнительные материалы входящих вродителя тегов

Максимальное количество материалов — вывдит определенное количество материалов дочерних тегов

Фильтр языков — выводится материалы определенных языков

List all options — Настройки вывода списка тегов

Порядок — выбор параметра для сортировки тегов

Способ сортировки — выбор порядка сортировки тегов

Изображение тега — выводится изображение, выбранное для тегов

Описание тега — выводится описание, заданное для тегов

Максимальное количество символов — выводится определенное количество символов описания тегов

Кол-во просмотров — выводится счетчик просмотров материалов, заданных тегов

Shared layout options — Настройки макета

Фильтр — выводитя поле для поиска тегов/материалов

Список выбора количества элементов — выводится поля для вывода некоторого количества элементов материала/тегов на одной странице

Разбиение на страницы — выводится то количество страниц, на сколько поделены материалы

Результаты разбиения на страницы — выводится информация о текущей странице (Страница 1 из 4)

Data entry options — опции ввода данных

Режим ввода тегов — технология для ввода тегов в материале

Главная папка для шаблона

Joomla, как и многие другие CMS, условно разделяется на две части: front—end (пользовательская) и back—end (административная). Последняя из них является инструментом исключительно для администратора сайта, а вот front-end как раз и является тем, что видит обычный посетитель на экране. С ней и будет работать.

Папка /templates/ отвечает как раз таки за пользовательскую часть шаблонов Джумлы. Вложенные в нее директории – это отдельно взятые шаблоны, кроме директории /system/, в которую лучше не лезть вообще.

Первоначальная подготовка

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

Заходим в эту директорию и создаем два пустых файла: index.php и templateDetails.xml. Сразу после них создаем еще одну папку (внутри нашей главной папки) под именем images – тут будут лежать все изображения.

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

Поговорим о CSS. При создании шаблона есть 2 варианта его использования. Первый – использования одного файла для всего сайта. Второй – отдельная папка для CSS, в котором будет несколько файлов. Такой подход чаще всего используют опытные программисты и это в какой-то мере лучше, однако не настолько, чтобы отказываться от простого варианта. Поэтому мы пойдем по пути простоты и удобства – создаем файл style.css в главной директории нашего шаблона.

Последний шаг на данном этапе – папочка под названием html. Она отвечает за альтернативные варианты макета, например, для определенных разделов сайта. Устанавливая себе, например, модуль интернет-магазина, его внешний вид для посетителей определяется именно тут. Папка пока будет полностью пустой.

Вы благополучно прошли первый этап, теперь нужно продвигаться дальше.

Исправляем программные ошибки

Теперь необходимо пройтись по всем страницам сайта и посмотреть на консоль JavaScript. Вот, к примеру, «улов» на одной из страниц:

Судя по всему, библиотека jQuery.js загружается после библиотеки boxplus.js, что приводит к ошибкам. Загрузка jQuery происходит из самописного шаблона сайта. Для решения проблемы используем плагин jQuery easy.

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

Сайт использует плагин галерей изображений sigPlus, который тоже необходимо обновить. Это удобно сделать, установив последнюю версию этого плагина из встроенного в Joomla каталога «JED«.