Стандартный файловый медиа-менеджер в joomla

HTML-код для вставки видео

Универсальный способ вставки видео не только в Joomla, но и на любой сайт, является пользовательский HTML-код. И здесь не надо ничего придумывать:

  1. заходим на страницу видео с YouTube;
  2. кликаем по видео правой кнопкой мыши;
  3. из контекстного меню выбираем Копировать HTML-код;
  4. в редакторе TinyMCE жмем кнопку Выключить редактор (правый нижний угол) для перехода в режим вставки HTML (без форматирования);
  5. вставляем скопированный код и сохраняем;
  6. проверяем и видим, что видео на странице не появляется;
  7. возвращаемся в редактор и видим, что вставленного кода в нём нет.

Да, вставленный код был удалён после сохранения. Проблема в следующем:

Внимание!

Редактор TinyMCE по умолчанию удаляет из кода страниц тег

Чтобы это исправить:

  1. переходим в менеджер плагинов РасширенияПлагины;
  2. находим плагин Редактор — TinyMCE и переходим в его настройки;
  3. выбираем вкладку с набором для нужной группы пользователей (если вы являетесь суперадминистратором, то это будет Набор 0);
  4. находим опцию Запрещенные теги и удаляем оттуда ;
  5. сохраняем.

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






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

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

Настройки для каждого поля

У каждого поля есть уникальные настройки, присущие данному типу и общие — настройки, которые есть у всех типов полей.
Общие настройки:

  • Метка: Этот текст будет отображаться перед полем в форме редактирования и во фронтенде, т.е. в материале
  • Описание: Этот текст будет находиться внутри, в подсказке к заполнению поля
  • Требуется: Я думаю можно оставить без комментариев
  • Значение по умолчанию: Вводится значение по умолчанию для сокращения рутинных операций.

Кроме того, на вкладке «Параметры», вы найдете:

  • Подсказка: Это заполнитель и будет работать только для текстовых полей
  • Изображение: Видимо иконка для поля, но пока не подтверждено
  • Изображение Альтернативный текст: альтернативный вариант, приведенной выше настройки
  • Рендер Класс: Класс атрибутов , когда поле выводится в заполненном виде (материале)
  • Класс: Класс атрибутов , когда поле отображается в форме редактирования
  • Отключено: Просто выключатель поля
  • Только для чтения: может ли содержание пользователям редактировать поле в форме редактирования?
  • Показать на: Где должен быть виден поле — на сайте или в области администратора?
  • Где показывать: Выше или ниже основной части контента

Как работает YOOtheme Pro?

Формально YOOtheme Pro является наследником фреймворка Warp, но на выходе данные программы имеют мало общего: Warp является лишь шаблонным фреймворком, а YOOtheme Pro пытается сломать все устоявшиеся принципы при создании сайтов на CMS Joomla.

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

Через YOOtheme Pro можно:

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

Принцип функционирования наглядно представлен на видео:

Бесплатный антивирус для вашего сайта

Когда-нибудь он должен был появится 🙂

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

Кроме этого в распоряжении пользователей был сканер айболит и антивирус ClamAV, которым на виртуальном хостинге как правило не воспользоваться.

Но недавно, наконец-то, ситуация изменилась. На конференции RIW 2015 Яндекс представила антивирус для всех сайтов под названием Манул.

Связано это с ростом числа зараженных сайтов. 

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

Антивирус работает довольно шустро на любом хостинге.

Как работать с антивирусом смотрите в уроке.

Переопределение языковых констант в Joomla

Сайт на Joomla содержит статический и динамический текстовый котент. К статическим текстовым элементам относятся:

  • названия пунктов меню, опций и настроек в админке
  • кнопки или другие элементы во внешнем интерфейсе

Текст для данных элементов хранится в виде констант и их значений, размещенных в ini-файлах языковых пакетов.

Например, заглянем в файл (языковой файл для шаблона Protostar), размещенный в папке :

В файле мы видим набор констант и их значений, применяемых в коде шаблона Protostar. Пример константы и значения:

TPL_PROTOSTAR_BACKTOTOP="Наверх"

В коде применяется константа TPL_PROTOSTAR_BACKTOTOP, а в лицевой части отображается значение Наверх.

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

Чтобы определённые вами значения языковых констант сохранялись, Joomla предусматривает соответствующую функцию:

  1. перейдите в РасширенияЯзыкиПереопределение констант
  2. в фильтре выберите, для какой области сайта (админка или лицевая часть) и для какого языка создаётся константа и нажмите Создать
  3. введите название константы и её значение в соответствующие текстовые поля и сохраните
  4. проверьте, стало ли применяться новое значение в лицевой части

Названия INI-файлов языковых пакетов Joomla имеют свою спецификацию:

  • сперва идёт префикс языка и точка(например: или ) и точка
  • после точки идёт системное название расширения (например: или )
  • если файл содержит константы системных сообщений, то после названия расширения дописывается значение (например: )

INI-файлы языковых пакетов размещаются в:

  • корневой папке (языковые пакеты ядра Joomla, применяемые во внешнем интерфейсе)
  • папке (языковые пакеты ядра Joomla, применяемые в админке)
  • подпапках , размещенных в папках отдельных расширений (например: )

Создание страницы ошибки 404 в интерфейсе шаблона Joomla

Разберем по пунктам, как правильно создать и настроить страницу ошибки 404 в теле стандартного шаблона Protostar для Joomla 3 с отображением контента в области компонента:

  1. Создать и опубликовать материал, который будет отображаться при запросе несуществующей страницы. Примеры опций:
    • Заголовок: «Страница не найдена».
    • Алиас: «error-404».
    • Cодержание: «Указанной страницы не существует. Вероятно, она была удалена или перенесена на другой адрес.».
    • Категория: «Uncategorised».
  2. Создать и опубликовать скрытый пункт меню данного материала с алиасом error-404:
    • во вкладке Параметры материала необходимо отключить показ всей лишней информации (Автор, Хиты, Дата публикации и т. д.),
    • во вкладке Параметры ссылки необходимо установить опцию Показать в меню на Нет, чтобы скрыть пункт меню,
    • во вкладке Параметры страницы можно прописать тег , который будет отображаться вместо названия материала. Например: «Ошибка 404 — страница не найдена».
  3. В папке шаблона (/templates/шаблон) создать или заменить существующий файл error.php, который должен содержать только следующий код:

    <?php defined( '_JEXEC' ) or die( 'Restricted access' );
    if($this->error->getCode() == '404'){
        header("HTTP/1.1 404 Not Found");
        echo file_get_contents(JURI::root().'error-404');
        exit;
    }
    ?>
    
  4. Проверяем функционирование страницы. По запросу несуществующего документа должен отображаться созданный материал:

  5. Проверяем ответ сервера для несуществующей страницы. Для этого можно воспользоваться панелью разработчика в браузере или сторонним веб-сервисом.
  6. Чтобы сделать страницу ошибки 404 более наглядной, рекомендуем добавить в её контент соответствующее изображение, которое без труда можно найти в поисковой выдаче картинок, а также отключить на ней ненужные модули:

Визуальный редактор для народа

Джумла по умолчанию нам предлагает визуальный редактор под названием Tiny Mce.

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

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

Вы скажете, что можно у Tiny Mce включить расширенный режим.

Да, можно. Но появляется куча не нужных кнопок (отключаются не все) и даже банальная вставка изображения реализована путем прописывания урл адреса картинки — не удобно. Кроме этого всегда вырезается javascript.

Продвинутые скажут есть редактор Jce.

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

Другими словами, лично мне ни один редактор для джумла не нравится.

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

Что же получилось? Смотрите в видео. 

Поля для контактов

Многие пользователи будут использовать поля для материалов, но этим не ограничиваются новшества Joomla 3.7. Поля можно использовать и в управлении пользователями.

Да, теперь для профайла пользователя можно создавать свои поля, любые из 19 типов, которые введены на данный момент в Джумла. Т.е. ради введения дополнительной информации сейчас не обязательно ставить community builder или другие расширения для работы с профайлом пользователя.

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

Подключение сервиса проверки правописания Яндекс.Спеллер к JCE редактору

Чтобы подключить правописание, вы можете обратиться к инструкции в поисковой системе Яндекс. Как подключить правописание в JCE редактор от Яндекса, читайте на .

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

Для включения данной опции зайдите в административную часть компонента (Администрирование JCE), далее в «Профили редактора», (тут необходимо выбрать профиль которым вы пользуетесь), например, Default. Далее необходимо будет открыть вкладку «Параметры плагина», далее «Правописание». Дальше всё что необходимо будет, так это просто включить и установить русский язык первым в вашем списке.

Для использования функции проверки орфографии в JCE редакторе, используйте кнопку правописание, что находится на панели управления.

Основными преимуществами JCE компонента:

  • Компонент имеет стандартные кнопки для редактирования контента на сайте, и для удобной работы с графическими изображениями, с удобным интуитивно понятным интерфейсом;
  • Имеется довольно удобный поиск текста в статьях, пред просмотр размещаемой статьи, гибкая работа с таблицами на сайте;
  • Редактор позволяет быстро в удобной форме создавать ссылки для разделов на сайте, для категорий, а также статей.
  • Есть возможность полностью контролировать HTML код каждой размещённой на сайте страницы, JCE компонент удобно подсвечивает открывающиеся и закрывающиеся парные теги, автоматически удаляет не нужный код средактируемых страниц;
  • Имеется встроенная функция проверки правописания в тексте, реализованная за счёт применения электронной Орфографии (или PSpell и ASpell).

Установка JCE редактора на Joomla сайт осуществляется стандартным методом, то есть через «менеджер расширений» в админ-панели сайта.

Русификация компонента осуществляется путём установки в сам компонент плагина (дополнение (addon) к установленному компоненту).

Чтобы русифицировать JCE редактор, необходимо зайти в админ-панели в «компоненты», далее выбрать «JCE-редактор», потом выбрать «Установка дополнений» и через кнопку обзор выбрать на своём компьютере заранее скаченный zip архив с русификатором JCE. Как только вы установите русификатор, компонент автоматически русифицируется, включая все подсказки в данном WYSWYG редакторе.

Важно! Чтобы русификатор компонента корректно работал, необходимо чтобы сама Joomla CMS также была русифицирована

Шорткоды для вставки видео

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

Вставлять шорткоды Shortcode Ultimate — одно удовольствие. Чтобы добавить видео с YouTube:

  1. нажимаем кнопку Вставить шорткод в текстовом редакторе;
  2. из списка элементов во всплывающем окне находим и выбираем YouTube видео;
  3. вставляем ссылку на видео и при необходимости настраиваем другие параметры;
  4. можно просмотреть результат в текущем окне, нажав Предварительный просмотр;
  5. жмем Вставить шорткод.

Короткий код будет выглядеть так:

[youtube url="https://www.youtube.com/watch?v=tj_V7BDHTxk"]

Как и в случае с AllVideos, данный код на выходе преобразуется в HTML, отображающий указанное видео. Если мы опять посмотрим в код страницы, то снова увидим несколько ресурсных файлов, добавляемых плагином, которые также не лучшим образом сказываются на скорости загрузки. Тем не менее, применение Shortcode Ultimate для вставки видео в Joomla 3 является более предпочтительным относительно AllVideos по следующим причинам:

  • ультимативный набор шорткодов;
  • кнопка редактора для вставки шорткодов;
  • наглядная настройка параметров видео;
  • никаких проблем с JCH Optimize.

«Advanced» (Расширенные)

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

Custom Configuration Variables – список пар ключей/значений, разделенных комами, для дополнительных опций конфигурации TINYMCE например: object_resizing : false. Смотрите: http://wiki.moxiecode.com/index.php/TinyMCE:ConfigurationНедоступными к использованию есть такие переменные: mode, cleanup_callback, save_callback, file_browser_callback, onpageload and editor_selector.

Custom Callback File — относительный URL (к корню сайта) файл, которые содержит функции обратного отзыва TINYMCE команд обратного отзыва.

Как сделать кириллические URL-адреса в Joomla?

URL-адреса в Joomla 3 и выше формируются на основании алиасов для материалов, категорий и пунктов меню, которые можно заполнять и изменять в панели управления при создании (редактировании) соответствующих страниц. По умолчанию алиасы формируются из латинских символов и заполняются автоматически путём транслитерации (преобразования в латинские символы) названий страниц, если текстовое поле алиаса не заполняется вручную.

Для генерации кириллических алиасов необходимо активировать опцию Алиасы в Unicode (СистемаОбщие настройки, вкладка Сайт, раздел Настройки SEO) и сохранить изменения:

Как убрать ID материалов и категорий из URL в Joomla?

Адреса страниц всех вложенных материалов и категорий в Joomla по умолчанию включают номера идентификаторов этих страниц, если им не присвоен пункт меню.

Пример ЧПУ с идентификаторами:

http://domen.ru/blog/2-novosti/3-prazdnik

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

В Joomla 3.8 появилась возможность отключать добавление ID к алиасам при формировании URL-адресов:

  1. перейдите в МатериалыОбщие настройки
  2. нажмите Настройки
  3. перейдите во вкладку Интеграция
  4. для опции Маршрутизация URL выберите значение Экспериментальный
  5. для опции Удалить идентификаторы из URL выберите значение Да
  6. сохраните изменения

В результате все URL-адреса внутренних страниц сайта приобретут наилучший вид (без лишних символов, index.php и идентификаторов):

http://domen.ru/blog/novosti/prazdnik

Преимущества использования SSL

1. Защита от перехвата

Если вы авторизуетесь на вашем сайте, используя публичный wi-fi (например, в кафе или метро), знайте, что в процессе соединения с вашим сайтом ваши данные могут быть перехвачены, а следовательно, вы можете потерять доступ к сайту (навсегда).

2. Защита клиентов

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

3. Высокие позиции в поисковой выдаче

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

4. Интеграции с сервисами

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

5. Визуальные характеристики.

У вашего сайта перед адресом появляется зеленый замочек, или название компании, что для знающих людей, говорит о защите данных, как следствие повышает доверие.

В скором будущем (2 — 3 года) протокол HTTP уйдет в небытие, как небезопасный протокол и будет только защищенное соединение.

Виды SSL-сертификатов

SSL сертификаты выпускает ряд компаний (Comodo, Geotrust, Symantec, Thawte) и есть разные уровни сертификатов. Давайте разберемся какой же сертификат нам выбрать.

По уровню доверия сертификаты бывают:

Self-Signed (самоподписанные) — это сертификат, который вы можете сгенерировать самостоятельно. Браузеры не доверяют таким сертификатам, поэтому при входе на сайт выдается предупреждение о сомнительной безопасности. При взломе такого сертификата вам никто не будет возмещать ущерб. Кроме этого, в некоторых ситуациях, повлекших ущерб третьих лиц, к вам могут быть применены особые штрафные санкции.

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

Далее будем говорить только о доверительных сертификатах. Сертификат выдается сроком на 1 год, после окончания продлеваем. Стоимость зависит от уровня сертификата.

Количество доменов.

Стандартные SSL сертификаты — выпускаются для защиты одного доменного имени.

Wildcard SSL сертификаты — позволяют активировать защиту для одного домена и множества поддоменов.

Язык.

Стандартные SSL сертификаты — подходят для всех доменов с латинскими буквами. Не подходят для кириллических доменов.

IDN сертификаты — создаются специально для национальных доменов, в нашем случае кириллических.

Брэнд и усиленная защита.

EV (extended validation) сертификаты — сертификаты с расширенной проверкой компании (позвонят по телефону, проверят юридическую информацию). Данный сертификат отличается визуально от всех остальных. В строке браузера перед урл будет зеленая строка с названием вашей компании.

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

Краткий итог по выбору сертификата.

Настройка SSL (https) для Joomla

Что значит нормальная работа по https?

Это когда сайт загружается корректно и у названия сайта горит зеленый значок (во всех браузерах кроме Safari, в этом браузере просто серый замок).

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

Нормальная работа сайта по https предполагает:

  1. соответствующий протокол для всех внутренних ссылок сайта
  2. https-протокол для CSS- и JS-файлов, картинок и иных подгружаемых файлов
  3. отправку данных форм по https
  4. редирект страниц с http на https

Поэтому сейчас переходим к настройке Joomla для соблюдения всех необходимых условий.

Плагин AllVideos

AllVideos — плагин для Joomla, призванный упростить вставку видео в контент страниц.

Данное расширение пользуется огромной популярностью в первую очередь благодаря тому, что является полностью бесплатным: на момент написания данного материала общая оценка AllVideos на JED составляет 4.5 из 5 на основании 278 (!) голосов. Но не спешите устанавливать расширение: сперва давайте разберёмся, так ли всё гладко.

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

Пример шорткода вставки видео с YouTube:

{youtube}tj_V7BDHTxk{/youtube}

На выходе данный шорткод преобразуется в:


 
  
  




  
  
 

Этот HTML-код и выводит на экран нужное нам видео.

Казалось бы: что может быть проще? Вставил часть URL-адреса в небольшой шорткод, а дальше — дело техники. Но не спешите радоваться! Если взглянуть за «занавес» веб-страницы, то можно увидеть целых 5 ресурсных файлов, которые добавляет к странице AllVideos:

Откровенно говоря, подгрузка 5 файлов для отображения ролика с YouTube — это перебор, ведь каждый лишний ресурс замедляет загрузку страницы.

Но это еще не самое страшное!

Внимание:

Опытным путём было установлено, что AllVideos конфликтует с плагином JCH Optimize (незаменим для оптимизации скорости загрузки сайтов на Joomla), мешая последнему правильно объединять JS-файлы, тем самым делая его вредным для сайта: файлы дублируются и размер страницы увеличивается вместе с временем её загрузки.

«Formatting» (Форматирование)

Эти опции определяют форматирование и стили содержимого. Force Container Element – определяет способ форматирования блоков неформатированного текста, которые будут размещены в абзаце или блоке. По умолчанию, отключено. Рекомендуется установить в Paragraph. В этом случае все неформатированные блоки текста будут отформатированы в параграф.Newlines – определяет то, что случается, когда вы нажимаете Ввод / Enter. Значение Paragraphs(p) создаст новый параграф (чтобы перейти на новую строку, используйте Shift+Enter), Linebreaks(br)  создает новую строку.Editor Content Class – определяет класс для  содержимого редактора. High Contrast вызовет черный текст на белом фоне. Чтобы конкретизировать имя класса пользователя нужно установить в Custom.Custom Editor Content Class – здесь нужно установить имя класса пользователя если в опции Editor Content Class включено значение Custom.Use Template CSS – определяет нужно ли использовать ваш css файл шаблона сайта для стилей содержимого (контента) редактора.Custom CSS File — относительный URL (ссылка) пользовательскому css файлу для стилей содержимого редактора, если опция Use Template CSS установлена в No. В этом случае переменная $template будет автоматически заменена Вашим именем шаблона. В большинстве случаев нужно заменить только последнюю часть типового URL — имя css файла. Именем файла может также быть php файл, если он поддерживается шаблоном.

Выводы

  1. вставка видео в Joomla с помощью сторонних расширений (AllVideos и другие) добавляет к странице ресурсные файлы, что может негативно отражаться на скорости загрузки;
  2. плагин AllVideos конфликтует с JCH Optimize, что является веским аргументом против применения первого;
  3. если на сайте активно применяются шорткоды из Shortcode Ultimate (или ему подобных), то целесообразно использовать соответствующий шорткод из этого набора;
  4. вставка видео в виде HTML-кода является самым безболезненным для скорости загрузки способом способом;
  5. если редактор удаляет тег , значит он находится в списке запрещенных тегов;
  6. упростить вставку HTML-кода для видео можно с помощью отдельных расширений.
Ссылка на основную публикацию