Создание страницы в Joomla на примере материала. Создание страницы в Joomla на примере материала Ссылка с главной страницы админки
Создание страницы материала в Joomla.
В статье показано как создать страницу в Joomla на примере создания материала (пример видео в конце статьи), основные действия, нюансы для начинающих.
Создание заголовков, вставка текста и изображений, создание ссылки.
Создание страницы в Joomla на примере материала.
Создание страницы в Joomla заключается в прикреплении контента (содержимого - текста, изображений, ссылок и пр.) к определенному адресу (url) с помощью движка. По умолчанию в движке Joomla уже стоит визуальный редактор TinyMCE, но по опыту, для качественного и удобного создания страницы в Joomla рекомендуется установить визуальный редактор JCE от разработчиков движка (CMS) Joomla. Подробнее про установку и настройку JCE для Joomla .
Начало работы в Joomla.
Входим в админ панель (Панель управления) Joomla.
В административной панели Joomla нажимаем кнопку в верхнем меню МАТЕРИАЛЫ, всплывает подменю, в нем при наведении курсора на пункт МЕНЕДЖЕР МАТЕРИАЛОВ, справа появляется пункт - СОЗДАТЬ.
Или после нажатия на пункт МЕНЕДЖЕР МАТЕРИАЛОВ, в открывшемся менеджере материалов слева вверху жмем зеленую кнопку СОЗДАТЬ.
Открывается редактор материала, где и будем создавать контент (содержимое) нашей страницы.
Работа в редакторе по созданию контента страницы Joomla.
По умолчанию стоит визуальный редактор TinyMCE. Принцип работы в нем похожий.
Но в данном примере будем рассматривать создание материала с помощью редактора JCE, который можно загрузить или установить из JED и в общих настройках системы установить по умолчанию. Одним из достоинств данного редактора является такие моменты, как возможность создавать всплывающие окна изображений, роликов Youtube и пр. Пример создания всплывающего окна изображений в видео ниже. Но для такого функционала дополнительно необходимо установить плагин JCE MediaBox аналогичным образом (см. картинку). После загрузки и установки данных плагинов назначаем в общих настройках системы по умолчанию редактор JCE для создания страниц и редактирования контента в модулях Joomla.
В редакторе JCE - вводим название материала (обязательное поле) (1). Материал необходимо привязать к категории. По умолчанию, если категория в правом окне (2) не выбрана, материал сохраняется в разделе Uncategorized. Создание своей категории можно подобным подобным образом.
Создание адреса страницы материала в Joomla.
Адрес материала (url) при включенном в общих настройках параметры SEO (ЧПУ) будет автоматически генерироваться от названия материала. Адрес можно создать вручную (латинскими буквами без пробелов, между словами дефис) в окне Алиас (справа вверху)(3). Создание и редактирование url можно также осуществлять при помощи дополнительных SEO плагинов для Joomla. Про настройку движка Joomla для поиска читайте в статье SEO оптимизация Joomla.
Создание контента (содержимого страницы).
Принцип работы визуального редактора для Joomla (JCE) в основном подобен как в документе Microsoft Word. В поле набираем текст, вставляем изображения и ссылки. Для визуального выделения текста и улучшения SEO выбираем заголовки (4). Для чего выделяем нужный текст в окне format и выбираем из списка нужный. В данном случае Heading 1 (Заголовок 1) соответствует тегу h1.
Необходимо знать, что при создании страницы, вставлять копированный текст из Word, тем более с другого сайта, рекомендуется предварительно вставив текст в блокнот, чтоб удалить сторонние стили и ссылки. В крайнем случае, выделить весь текст и нажать кнопку с символом ластика remove formatting. (5).
Вставка изображения в редактор.
Для вставки картинки нажимаем на кнопку редактора Insert/Edit image/(1).
В появившемся менеджере изображений (Image manager) выбираем папку на хостинге, куда будем сохранять файл изображения (2).
Или создаем новую папку, называем ее латинскими буквами (3).
Для загрузки файла нажимаем на кнопку с символом изображения с синей стрелкой вверх (Upload) (4).
В открывшемся окне Upload (загрузка) загрузить файл можем двумя способами.
1. Перетягиванием файл из папки на компьютере в окно Upload, (5).
2. Загрузка обычным способом с помощью кнопки с символом лупы Browse выбираем в открывшемся окне свой файл в нужной папке на компьютере и нажимаем открыть (или двойной клик по файлу). (6).
3. Кнопкой Upload загружаем файл в выделенную для него папку на хостинг. (7)
Обработка изображения.
Для того чтобы картинка вставилась в редакторе в нужном месте текста, необходимо нажать на загруженную картинку в Image manager! Чтобы сформировался адрес картинки (путь на хостинге, указывающий какой именно файл из какой папки вставляем в поле редактора страницы.)(1).
Можно выставить свои размеры картинки (2) (или впоследствии масштабировать ее в визуальном редакторе страницы), задать выравнивание по желаемому краю страницы (Alignment) (3), отступы (margin) (4), создать обводку (border) любой ширины и цвета (5) и другие параметры.
Желательно сразу присвоить картинке тег Title во вкладке image manager - Advanced чтобы картинка лучше искалась в интернет поиске по картинкам и название картинки всплывало при наведении на нее курсором на странице сайта.
После того, как предварительно настроили изображение, вставляем его в поле редактора материала кнопкой insert.
Дальнейшая работа с изображением в редакторе Joomla.
После вставки картинки в страницу материала просматриваем, как получилось, и при необходимости настраиваем вид изображения, выделив его. Например: масштабирование (изменение размера) производим, потянув за квадратики (маркеры) на выделенной картинке (1), выравнивание выделенной картинки можно сделать аналогично, как и текст, кнопками в панели редактора (2). Это можно сделать опять через Image manager, как описано выше. Еще про оптимизацию изображений на этой странице.
Создание ссылки в joomla.
Создать ссылку можно следующим образом - вставить с помощью кнопки с символом звена цепи. Для этого выделяем текст, нажимаем на кнопку ссылки, и в открывшемся окне в поле URL вводим необходимый адрес со всеми необходимыми настройками атрибутов ссылки. В Joomla ссылки на внутренние страницы пишем без доменного имени. В итоге мы создали ссылку с анкором (текстом).
Сохранение страницы.
По умолчанию при сохранении страницы в Joomla настроено состояние Опубликовано. Если страница не до конца оформлена, необходимо справа нажать на зеленую кнопку Опубликовано и в выпадающем списке выбрать Не опубликовано.
Чтобы страница показывалась на сайте, ее необходимо прикрепить к пункту меню или к категории, которая уже опубликована и прикреплена к пункту меню, или адрес вставить ссылкой в текст опубликованной страницы или html модуль.
Одной из самых главных составляющих успешного сайта является, конечно же, посетитель. Удержать посетителя трудно, но потерять очень легко. Особенно легко после редизайна сайта, когда вы сменили/обновили CMS, например Joomla.
В итоге посетитель приходит с поисковой системы и видит не понятную страницу. Например вот так 404 страница выглядит по умолчанию в Joomla:
Это не хорошо, просто потеряете поситетеля, а то и покупателя. Значит нам надо просто причесать эту 404 страницу в Joomla.
Для начала, создайте статичную (без категории раздела) статью, например с названием 404 . Наполните ее контентом, яркий пример посадочная 404 страница .
Потом создайте новое меню, и назовите невидимка. Модуль создавать не надо.
Откройте файл \templates\system\error.php . После строки
Defined("_JEXEC") or die("Restricted access");
вставьте следующий код
If ($this->error->code == "404") { // Сообщаем роботу, что этой страницы не существует header("HTTP/1.0 404 Not Found"); // Переводим пользователя на посадочную страницу. Очень важный шаг header ("Location: /404"); exit; }
Сохраните файл и скопируйте обратно в папку \templates\system\ перезаписав оригинальный файл.
Для улучшения SEO необходимо скрыть 404 страницу для поисковиков. Откройте robots.txt в корне и добавьте в конец строку:
Disallow: /404
В.htaccess в корне сайта прописываем следующую директиву:
ErrorDocument 404 /404
Вот таким образом вы сможете спасти обновленый сайт с помощью страницы 404 на Joomla.
Дмитрий Дементий
Владельцы сайтов выбирают эту систему управления контентом благодаря таким достоинствам:
- По простоте использования Joomla! только немного уступает WordPress. С этой CMS можно работать без знаний в области программирования и дизайна сайтов.
- «Джумла» обладает функциональностью, достаточной для создания сайтов любого размера и предназначения. На этом движке можно делать ресурсы разных типов: от сайта-визитки или блога до большого интернет-магазина или информационного портала.
- Возможность адаптировать сайт к нуждам аудитории с помощью платных и бесплатных шаблонов и расширений.
- Удобное управление меню и навигацией. Благодаря этому «Джумла» считается одним из лучших движков для интернет-магазинов. На Joomla! можно быстро создавать сайты со сложной архитектурой: большим числом категорий и подкатегорий, а также организовывать иерархии страниц.
- Адаптация к требованиям поисковых систем. Движок Joomla! считается SEO-дружественным по умолчанию. А с помощью SEO-расширений вы сможете быстро решать все технические аспекты оптимизации.
Все еще не доверяете бесплатным движкам или думаете, что поисковики их не любят? Это глупости. Поисковые системы не любят некачественные и шаблонные сайты, а функциональность Joomla! позволяет сделать ресурс нестандартным и полезным для аудитории. Возможно, вас убедят примеры сайтов на «Джумле» , среди которых есть крупные солидные организации.
Шаг № 1: начинаем работать с Joomla!
После регистрации домена и покупки хостинга с установленной CMS или самостоятельной установки «Джумлы» вы получили доступ к административной панели сайта.
Шаг № 2: как установить шаблон Joomla!
Вы можете заказать эксклюзивный шаблон для «Джумлы» или воспользоваться готовым платным или бесплатным решением. При выборе шаблона руководствуйтесь следующими рекомендациями:
- Если у вас нет мобильной версии сайта, выбирайте шаблон с адаптивной версткой. Благодаря этому вашим сайтом смогут пользоваться владельцы смартфонов и планшетов .
- Обращайте внимание на внешний вид и функциональность шаблона. Например, если вы создаете интернет-магазин или корпоративный сайт, в этом случае не подойдут темы для блогов или сайтов-визиток.
- Если выбираете готовый шаблон, воспользуйтесь иностранными сайтами. Для этого введите в Google запрос joomla templates. Так будет больше шансов найти хорошую тему, которую не используют коллеги и конкуренты в рунете.
Если некогда пользоваться поисковиками, ищите шаблоны здесь:
После выбора шаблона скачайте дистрибутив на жесткий диск компьютера. В административной панели выберите меню «Установка расширений».
Загрузите и установите шаблон.
После успешной установки перейдите в менеджер шаблонов.
Поставьте галочку напротив выбранного шаблона и нажмите кнопку «По умолчанию» в левом верхнем углу экрана.
Убедитесь, что активировали выбранный шаблон.
С помощью менеджера шаблонов можно изменить внешний вид панели управления. Для этого в выпадающем меню «Выбор области системы» укажите значение «Панель управления», а в меню «Выбор шаблона» укажите подходящий шаблон. Поставьте напротив выбранного шаблона флажок и нажмите кнопку «По умолчанию».
Теперь переходите к настройке CMS.
Шаг № 3: как настроить CMS Joomla!
Из этого раздела вы узнаете об общих настройках движка, о создании и управлении меню. Начните с общий настроек CMS Joomla!, которые можно изменить в соответствующем разделе.
Указываем общие настройки сайта
В меню «Общие настройки» выберите вкладку «Сайт». Укажите название ресурса, убедитесь, что он включен. Напишите уведомление о недоступности сайта и при необходимости выберите изображение. В меню «Уровень доступа по умолчанию» выберите вариант «Публичный».
Укажите мета-данные сайта: описание и ключевые слова. Выберите значение для тега robots. Если не нужно ограничивать индексирование ресурса поисковыми системами, подойдет вариант Index, Follow. В поле «Авторские права» внесите данные о копирайте.
В разделе «Настройки SEO» включите ЧПУ и добавление суффикса к URL. Чтобы включить перенаправление URL, необходимо переименовать файл htaccess.txt, который находится в корневой директории ресурса. Чтобы получить к нему доступ, воспользуйтесь любым FTP-клиентом, например, Filezilla. Найдите указанный файл и переименуйте его в.htaccess.
Поставьте напротив поля «Алиасы в Unicode» отметку «Нет». Если хотите включать название сайта в заголовок страницы, сделайте отметку в соответствующем поле.
На вкладке «Система» поставьте «Нет» напротив полей «Отладка системы» и «Отладка языка». Включите стандартное кэширование. В разделе «Настройки сессии» установите время продолжительности сессий для авторизованных пользователей. Например, если укажете значение 120 минут, система потребует от пользователя повторный ввод логина и пароля после двух часов бездействия.
На вкладке «Сервер» включите gzip-сжатие страниц. Это ускорит загрузку сайта в браузерах посетителей. Если хотите обеспечить пользователям безопасную связь с сайтом, приобретите SSL-сертификат и включите соответствующую опцию в панели управления «Джумлы». Выберите часовой пояс, подходящий аудитории вашего ресурса. Оставьте выключенными встроенный доступ к FTP и прокси-сервер. В разделе «Настройка почты» укажите адрес электронной почты и отправителя письма.
На вкладке «Права» можно настроить права доступ для разных групп посетителей. Владелец сайта относится к группе суперпользователей, которым доступны все права. Незарегистрированный пользователь может только просматривать страницы ресурса. Настройте права доступа в соответствии с потребностями аудитории и администраторов. На иллюстрации указаны настройки для автора, имеющего возможность регистрироваться и входить на сайт, публиковать и редактировать собственные материалы.
Если вы работаете с сайтом самостоятельно, не изменяйте настройки на вкладке «Фильтры текста». Если другие пользователи могут добавлять публикации, отфильтруйте нежелательные теги HTML. Например, с помощью фильтров можете запретить группе пользователей встраивать в публикации видео с YouTube. Для этого напротив соответствующей группы укажите тип фильтра «Черный список», в который по умолчанию включаются теги
Как создать меню сайта на CMS Joomla!
Чтобы создать меню, воспользуйтесь менеджером меню в панели управления «Джумлы».
Нажмите кнопку «Создать» в левом верхнем углу экрана. На открывшейся странице укажите название, описание и тип меню. Сохраните изменения.
Чтобы создать пункты меню, необходимо сначала опубликовать соответствующие им страницы сайта.
Чтобы добавить пункты меню, перейдите по соответствующей ссылке и воспользуйтесь кнопкой «Создать». Выберите тип пункта меню. Представьте, что хотите вывести в главное меню ссылку на публикацию. Для этого воспользуйтесь опцией «Выбрать – материалы – материал».
Для выбора конкретного материала воспользуйтесь опцией «Выбрать».
Таким же способом создайте остальные пункты меню. Например, чтобы добавить в меню ссылку на блог, выберите тип меню «Блог категории».
Теперь нужно создать модуль отображения меню на сайте. Для этого перейдите в менеджер модулей.
Нажмите кнопку «Создать» в левом верхнем углу экрана.
На открывшейся странице выберите вариант модуля «Меню».
На странице редактирования модуля укажите его название. Выберите меню, для которого создаете модуль. Укажите базовый пункт. Включите отображение подпунктов меню. Отключите отображение заголовка, в выпадающем меню выберите позицию модуля. Сохраните изменения.
Как создать категории и меню категорий
Если создаете информационный ресурс или интернет-магазин, организуйте навигацию по сайту с помощью категорий. Для этого воспользуйтесь менеджером категорий.
Представьте, что необходимо создать категорию, которая содержит подкатегории. Чтобы создать родительскую категорию, воспользуйтесь кнопкой «Создать» в менеджере категорий. В меню редактирования укажите название раздела, добавьте описание.
На вкладке «Публикация» укажите мета-данные категории, при необходимости укажите автора.
Не меняйте дефолтные настройки на вкладке «Права доступа». На вкладке «Параметры» выберите макет страницы категории и добавьте изображение. Например, для информационного ресурса подойдет макет «Блог». Сохраните изменения.
Теперь создайте модуль отображения категорий. Для этого перейдите в менеджер модулей. Воспользуйтесь опцией «Создать» и выберите тип модуля «Категории».
Укажите название, при необходимости включите отображение описания раздела и количества публикаций. Выберите «Да» напротив пункта «Показывать подкатегории». Выберите подходящие значения для пунктов «Количество первых подкатегорий» и «Максимальная глубина вложения». Выберите позицию отображения категорий. Сохраните изменения.
Если все сделано верно, на сайте будет отображаться меню навигации по категориям.
Если ваш шаблон не поддерживает отображение навигационных цепочек или хлебных крошек по умолчанию, добавьте их с помощью менеджера модулей. Например, представьте, что хотите добавить хлебные крошки над контентом сайта. Для этого при создании модуля выберите тип «Навигатор сайта».
Укажите название модуля, выберите подходящие настройки и позицию элемента на сайте. Сохраните изменения.
Теперь хлебные крошки будут отображаться в верхней части страниц сайта.
Вы настроили CMS и создали меню сайта. Теперь необходимо решить практические задачи с помощью расширений.
Шаг № 4: устанавливаем и настраиваем базовый набор расширений для Joomla!
C помощью базового набора расширений для Joomla! можно решить следующие практические задачи:
- Обеспечить безопасность сайта. С помощью расширений настройте резервное копирование, уменьшите вероятность несанкционированного доступа к сайту и защитите пользователей и администраторов от спама.
- Обеспечить соответствие ресурса техническим требованиям поисковых систем. Создайте карту сайта, обеспечьте возможность легко управлять мета-данными страниц.
- Расширить функциональность и повысить юзабилити сайта. Добавьте на сайт кнопки шеринга социальных сетей, форму обратной связи, ускоренные страницы. Также обеспечьте отображение в поисковой выдаче расширенных сниппетов с помощью микроразметки Schema.org .
Как настроить резервное копирование сайта на Joomla!
Чтобы регулярно создавать резервные копии, воспользуйтесь одним из следующих инструментов:
Скачайте дистрибутив выбранного инструмента и установите его на сайт с помощью менеджера расширений. Если выбрали бесплатный компонент Akeeba Backup Core, после установки перейдите на страницу настройки. Примите лицензионное соглашение и запустите мастер конфигурации. После завершения его работы Akeeba Backup предложит создать резервную копию или вручную изменить настройки.
Создайте резервную копию сайта.
С помощью кнопки View Log можно просмотреть журнал обновлений. Кнопка Manage backups позволяет войти в меню управления бэкапами. Здесь можете фильтровать, помечать и удалять устаревшие резервные копии.
Бесплатная версия Akeeba Backup не поддерживает автоматическое резервное копирование по расписанию, поэтому придется делать копии вручную. Для этого в панели управления Joomla! необходимо воспользоваться меню «Обслуживание – Backup is up-to-date».
Выбирайте частоту создания резервных копий в зависимости от частоты обновлений сайта. Например, если вы ежедневно публикуете несколько материалов, создавайте резервные копии один или два раза в неделю. Также создавайте копии перед обновлениями движка и компонентов, установкой новых расширений и шаблонов.
Как уменьшить вероятность несанкционированного доступа к сайту на Joomla!
Уменьшить вероятность взлома сайта на «Джумле» можно с помощью таких расширений:
Установите расширение Brute Force Stop. Включите его в меню «Менеджер расширений – Плагины».
На странице настроек плагина укажите порог блокировки. По умолчанию стоит значение «10». Рекомендую уменьшить его.
На вкладке «Уведомления» укажите электронный адрес, на который будут приходить сообщения о заблокированных IP.
На вкладках «Дополнительные настройки» и «Задержка» можно оставить дефолтные значения. Сохраните настройки. После этого плагин будет защищать сайт от взлома методом перебора.
Как защитить сайт на Joomla! от спама
Вы можете защитить ресурс на CMS «Джумла» от автоматических регистраций и спам-комментариев с помощью следующих расширений:
- iAkismet . Это платный плагин, обеспечивающий защиту сайта с помощью сервиса Akismet.
- R Antispam . Этот инструмент защищает от спам-ботов форумы сайтов, работающих на Joomla!
- CleanTalk (платный сервис).
В менеджере плагинов включите плагин CATCHA – reCAPTCHA.
Зарегистрируйте сайт в сервисе Google reCAPTCHA. Получите публичный и секретный ключ. Укажите их в настройках плагина.
Войдите в меню «Пользователи – Менеджер пользователей – Настройки». В поле CAPTCHA с помощью выпадающего меню укажите значение CAPTCHA – reCAPTCHA. Сохраните изменения.
После этого reCAPTCHA будет защищать формы регистрации, восстановления пароля, комментирования от спам-ботов.
Как создать карту сайта
Эту задачу можно решить с помощью следующих инструментов:
После установки Sitemap Generator перейдите в менеджер карты сайты. Его можно найти в меню «Компоненты – Sitemap Generator».
Нажмите кнопку «Generate your sitemap».
Дождитесь сообщения об успешном создании карты сайта. Чтобы просмотреть карту, воспользуйтесь кнопкой «Show the sitemap».
Обратите внимание, расширение Sitemap Generator можно бесплатно использовать на сайтах с количеством URL меньше 500. Стоимость использования модуля для сайтов с 500 URL и больше составляет от 40 евро в год.
Как обеспечить удобное управление мета-данными
По умолчанию можно добавлять и редактировать мета-данные для каждого материала отдельно на вкладке «Параметры публикации». Перечисленные ниже инструменты упрощают решение этой задачи:
- iSEO . Платное решение: мощный SEO-плагин, решающий комплекс задач.
- SEOBoss . Используйте этот бесплатный плагин осторожно, так как некоторые его функции относятся к олдскульному SEO .
Установите плагин EFSEO и включите его в менеджере плагинов. Перейдите на страницу настройки плагина. На вкладке «Дополнительные параметры» активируйте функцию Collect URL’s.
Откройте сайте во фронтенде. В правом верхнем углу экрана появился блок, с помощью которого можно контролировать мета-данные.
Щелкните по блоку и отредактируйте мета-данные страницы.
Повторите действие на каждой странице сайта.
Плагин EFSEO поддерживает автоматический режим. При его активации надстройка генерирует мета-данные для страниц. Функцию можно включить на вкладке Automatic Mode в настройках плагина. Используйте автоматический режим в крайнем случае, так как мета-данные лучше создавать вручную.
Как добавить кнопки шеринга социальных сетей
Установите и активируйте модуль AddToAny Share Buttons. По умолчанию кнопки шеринга появятся на страницах публикаций под контентом.
В настройках плагина на вкладке AddToAny Placement можно изменить расположение кнопок. Доступны позиции над контентом, под контентом и над и под контентом одновременно.
Как добавить форму обратной связи
Форму обратной связи можно сделать с помощью таких расширений:
После установки расширения Form Maker Lite войдите в меню «Компоненты – Form Maker Lite – Forms». С помощью кнопки «Создать» откройте редактор новых форм.
С помощью кнопки Form Options перейдите на страницу настройки формы. На вкладке Email Options введите адрес электронной почты, на который будут приходить сообщения, созданные с помощью формы.
Добавляйте новые поля с помощью кнопки Add New Field.
В редакторе выбирайте нужный тип и внешний вид полей, а также заменяйте английский текст на русский. После завершения редактирования сохраните изменения.
Чтобы добавить форму на страницы сайта, в меню «Компоненты – Form Maker Lite – Forms» скопируйте код созданной формы. В режиме редактирования вставьте его на выбранные страницы сайта.
Если вы все сделали верно, на страницах сайта появится созданная форма.
Как добавить микроразметку на сайт поду управлением Joomla!
Структурированные данные интересны благодаря расширенным описаниям страниц в поисковой выдаче. Подробнее о расширенных сниппетах читайте .
Google Structured Data Markup . После активации бесплатная версия добавляет микроразметку Schema.org Breadcrumblist, Organization и Website.
С помощью бесплатной версии плагина к публикациям можно добавлять структурированные данные Schema.org Article. Для этого в меню настроек Google Structured Data выберите раздел Items и нажмите кнопку «Создать».
В открывшемся окне с помощью кнопки Select Item выберите статью, к которой планируете добавить разметку. Укажите название и описание. Сохраните изменения.
Проверьте корректность микроразметки с помощью инструмента Google .
Платная версия плагина поддерживает другие типы разметки, включая Review, Products, Recipes, Events.
Реализуйте на сайте протокол Open Graph. Он нужен, чтобы при шеринге контента в социальных сетях сниппет выглядел привлекательно.
Установите и активируйте расширение Phoca Open Graph . В настройках плагина на вкладке Main Options включите опцию Find Image in content. Укажите название сайта и сохраните изменения.
Если все сделано верно, при публикации материала в социальных сетях будет формироваться привлекательный сниппет.Турбо-страницы «Яндекса» на сайт под управлением CMS Joomla! можно подключить с помощью платного плагина Turbozen . Стоимость расширения – 990 рублей.
Шаг № 5: как добавить код аналитических сервисов на сайт под управлением Joomla!
Чтобы отслеживать эффективность, добавьте сайт под управлением CMS Joomla! в сервисы аналитики «Метрика» и Google Analytics, а также в Search Console Google и «Яндекс.Вебмастер».
Как добавить сайт на «Джумле» в Google Analytics
Войдите в аккаунт Google Analytics. Добавьте новый сайт в систему: укажите название, URL. Воспользуйтесь опцией «Получить идентификатор отслеживания». Теперь доступен код отслеживания, который необходимо вставить на все страницы сайта.
Задачу можно решить с помощью следующих расширений:
После установки плагина Advanced Google Analytics включите его и перейдите на страницу настроек. Укажите ID идентификатора отслеживания, название домена, выберите подходящие настройки и сохраните изменения. Вы добавили код отслеживания на сайт.
Как добавить сайт на Joomla! в «Яндекс.Метрику»
Добавить на сайт код отслеживания «Яндекс.Метрики» можно с помощью плагина do Yandex Metrika .
После установки плагина do Yandex Metrika включите его и перейдите на страницу настройки. На вкладке «Модуль» введите ID идентификатора. Выберите подходящие настройки и сохраните изменения.
В «Яндекс.Метрике» проверьте, поступают ли данные с сайта.
Как верифицировать сайт на Joomla! в Google Search Console и «Яндекс.Вебмастер»
Чтобы добавить сайт в кабинеты для вебмастеров Google и «Яндекс», необходимо подтвердить права на управление ресурсом. Это можно быстро сделать с помощью расширения Webmaster site verification .
После установки включите плагин и перейдите на страницу настроек. Добавьте идентификаторы верификации сайтов и сохраните изменения.
После этого подтвердите права в кабинетах для вебмастеров Google и «Яндекс».
Шаг № 6: как публиковать контент
На странице редактирования укажите название публикации, добавьте текст. Выберите категорию. Чтобы добавить изображение, воспользуйтесь отмеченной на иллюстрации кнопкой на панели редактора.
В открывшемся окне можно добавить атрибут alt, выбрать способ выравнивания и разрешение фото.
На вкладке «Публикация» добавьте описание и по желанию ключевые слова страницы.
На вкладке «Изображения и ссылки» можно добавлять и редактировать изображения для превью и основного материала, а также добавлять ссылки для перенаправления пользователей. На вкладках «Отображение», «Параметры редактирования» и «Права доступа» можно изменять соответствующие настройки. В большинстве случаев подходят параметры по умолчанию. После завершения редактирования опубликуйте материал с помощью кнопки «Сохранить и создать».
В разделе «Менеджер материалов» можно управлять публикациями: редактировать, удалять, снимать с публикации, оценивать количество просмотров.
Вместо заключения, или Что лучше: Joomla! или WordPress
Ответ на этот вопрос зависит от стоящих перед вами задач, личных предпочтений и привычек. Однозначное решение ищите самостоятельно. Для этого поработайте с двумя движками.
«Джумла» не так проста, логична и интуитивно понятна, как «Вордпресс». Поэтому новичку будет проще разобраться с WordPress. А Joomla! имеет больше встроенных возможностей, с помощью которых можно решать практические задачи без установки дополнительных компонентов.
Некоторые специалисты считают Joomla! более подходящей CMS для реализации масштабных проектов, например, больших интернет-магазинов или информационных ресурсов. Возможно, это как раз вопрос личных предпочтений, так как есть много примеров удачной реализации масштабных проектов на WordPress.
К преимуществам Joomla! перед WordPress можно отнести:
- Доступные без установки плагинов инструменты SEO. «Движок» поддерживает оптимизацию URL-адресов, переадресацию ссылок, управление мета-тегами robots.
- Автоматическое кэширование. Эта функция ускоряет загрузку страниц в браузерах.
- Наличие встроенного доступа к FTP.
- Управление сжатием страниц.
- Возможность редактирования контента во фронтенде.
В CMS WordPress перечисленные задачи можно решить только с помощью дополнительных плагинов.
К недостаткам Joomla! можно отнести:
- Меньшее по сравнению с WordPress количество бесплатных шаблонов и плагинов. Например, для Joomla! нет бесплатного плагина для реализации турбо-страниц .
- Нежелание некоторых расширений работать сразу после установки.
- Более сложное управление сайтом. Возможно, еще один субъективный недостаток. Please enable JavaScript to view the
Действия при создании новой статьи в Joomla 3 крайне просты. Но для начала я советую спроектировать структуру сайта как отдельного проекта. То есть создать структуру категорий . Также полезно сразу и параллельно создать метки для материалов , а также начать подумывать о том, как будут хранится картинки и файлы в Медиа-менеджере . Ну и подумать о том, что будет в основном меню сайта и возможные другие меню.
Чем раньше озадачится вопросами, озвученными выше, тем проще будет работать с проектом в будущем и расширять его при необходимости. Запутанные проекты, где всё свалено в одну кучу в стиле «Смешались люди, кони... » рано или поздно приведёт к Бородинскому сражению и не вполне ясно, кто в нём проиграет и чего будет стоить победа. ;)
Но хватит лирики. Дальше будет описано несколько ссылок, по которым можно попасть на страницу создания нового материала, новой статьи, новой новости; называйте как угодно. Это всего лишь отдельная запись в базе данных, имеющая несколько полей, заполнять которые мы научимся в других статьях... Итак!
. Ссылка с главной страницы админки.
На главной странице «Панели управления» Joomla в левом боковом меню в разделе «Материалы » есть ссылка «», кликнув на которую попадаешь на страницу создания нового материала:
. Ссылка в главном (верхнем) меню Joomla.
Если кликнуть в Главном меню админки Joomla на пункт меню «Материалы », а потом подвести курсор мыши на подменю «Менеджер материалов » (не кликая по нему, то выпадет ещё один пункт меню «». Клик по этому пункту также приведёт на страницу создания материала:
Кнопка + «Создать ». Создание нового материала в «Менеджере материалов»
Ну, если в предыдущем случае, проводя курсором над ссылкой «Менеджер материалов » пункта «Материалы » не удалось удержаться, по по клику на «Менеджер материалов », мы попадём в раздел админки «Менеджер материалов ». В этом нет ничего непоправимого, так как есть зелёная кнопка «Создать », расположенная в верхнем ряду кнопок управления материалами. Клик по этой кнопке также приведёт на страницу создания нового материала для сайта на Joomla:
Итог.
В итоге, любым из описанных выше способов можно попасть на страницу «Менеджер материалов », которая выглядит примерно так:
В верхнем ряду этой страницы располагаются кнопки управления. Ниже поля для наполнения содержимым новой статьи, справа от окна визуального редактора есть дополнительные опции для того, чтобы управлять расположением статьи на сайте, а вкладки помогают оформлению статьи и оптимизации её для поисковых систем.
Всё это рассмотрено (чтобы не мешать всё одну кучу: и людей, и коней, во избежание Бородинского сражения). =D
Лабораторная работа № 2. Создание страниц сайта
в Joomla
Пришло время сделать первую страницу нашего сайта - главную страницу. Все материалы сайта в Joomla находятся в Менеджере материалов , который находится в пункте Материалы :
Щелкаем по нему и попадаем в Менеджер материалов . Сейчас у нас нет ни одной статьи, поэтому список пуст. Давайте создадим первую статью, для этого нажмем на кнопку Добавить материал :
Открылась страница для добавления статьи
Здесь нужно указать ряд параметров:
Заголовок . В Joomla заголовок обязательно должен быть. Поэтому дадим нашей статье заголовок - Русобои Чебоксары.
Псевдоним . На главной странице это поле можно оставить пустым.
На главной . По умолчанию стоит НЕТ, но мы делаем статью для главной страницы, поэтому ставим ДА .
Вводим следующий текст:
Строилась фабрика обоев из экологически чистых материалов, с учетом всех положительных технологических наработок европейских коллег.
При производстве самих обоев компания использует дорогой, высококачественный флизелин-прессованный текстиль, состоящий из целлюлозы и вискозы. Этот материал легкий и долговечный. Благодаря этому, наши обои просты при монтаже и точны в подгонке. Устойчивы к истиранию и не теряют свою первоначальную форму. Пигменты, которые используются при окраске обоев - экологически чистые. Это те же пигменты, которые применяются в косметологии. Цветовые мотивы обоев адаптированы под вкусы и предпочтения российского потребителя. Кроме основных тем фабрика «Русобои Чебоксары» традиционно предоставляет богатейший выбор цветовых компаньонов, что оставляет максимум простора для дизайнерской мысли при разработке индивидуальных интерьеров. В разработке некоторых коллекций принимали участие японские дизайнеры, но в основном фабрика предоставляет классические традиции австрийской и немецкой школы.
Обои «Русобои Чебоксары» имеют большое преимущество по размеру. Техническое совершенство исполнения позволяет фабрике запускать обои шириной 1м, что недоступно для большинства западных производителей. Продукция «Русобои Чебоксары» получила одобрение среди самых требовательных и изысканных клиентов. Нашими обоями декорированы стены зданий правительств в пяти субъектах Российской Федерации.
Все эти преимущества дают нам возможность создания стильной, неповторимой и качественной продукции.
Нажимаем на кнопку Сохранить
(в верхнем правом углу) и видим, что наша статья появилась в Менеджере материалов
:
Перейдем на вкладку сайта, обновим его и посмотрим, что у нас получилось:
Отлично, текст на главной странице появился, но есть несколько недочетов:
Отображается заголовок статьи,
Чтобы все это убрать, снова пойдем в менеджер материалов и щелчком по названию статьи откроем ее для редактирования. В правой части есть параметры настройки статьи, они нам и нужны:
Интересующие нас параметры находятся в Дополнительных параметрах . Раскрываем список, щелкнув по зеленому треугольничку и выбираем значение Скрыть в полях: заголовок страницы, имя автора, дата создания и изменения, значок PDF, значок Печать и значок e-mail:
Но название сайта - Русобои - по-прежнему отображается. Давайте это исправим. Для этого идем на вкладку администрирования , в Главное меню , которое находится в пункте Все меню :
У нас пока один пункт меню - Главная страница , щелкнув по его названию (Главная ), откроется страница редактирования пункта меню:
На панели Параметры системы надо поставить галочку НЕТ у Показать заголовок страницы :
Осталось сделать внешний вид текста нашей статьи таким же, т.е. выделить полужирным шрифтом отдельные слова. Для этого на странице редактирования статьи можно использовать панель для форматирования текста. (Сделайте это самостоятельно).
В Joomla по умолчанию стоит редактор для форматирования TinyMCE, честно говоря не самый удачный редактор, слишком ограничен у него набор функций. Поэтому мы установим другой редактор – JCE.
Мы знаем, что Joomla - некий конструктор, который позволяет вам как из кубиков собрать сайт любой сложности. На самом деле, когда мы устанавливаем Joomla, мы устанавливаем лишь базовый набор конструктора. Он умеет отображать страницы сайта, различные меню и еще кое-чего. Но если мы хотим расширить его функциональность, например, сделать фотогалерею или музыку на сайте, то нам необходимо найти в Интернете кубик, который умеет это делать, установить его и настроить. В Joomla такие кубики так и называются - Расширения . Само расширение может состоять из нескольких частей - компонента, модуля и плагина.
Компонент - блок управления расширением (именно здесь идет настройка работы расширения).
Модуль - отвечает за то, в каком месте сайта будет отображаться информация, за которую отвечает расширение.
Плагин - внедряет расширение прямо в текст страницы сайта. Расширения могут состоять только из компонента, из компонента и плагина, из компонента и модуля или из всех трех частей.
При установке Joomla устанавливается несколько базовых расширений, 6 из них имеют блоки управления - компоненты, которые вы можете увидеть в соответствующем разделе меню:
Остальные придется устанавливать самостоятельно по мере необходимости. У нас возникла необходимость установить расширение - редактор JCE.
Наше расширение состоит из компонента (файл D :\Джумл\com_jce_157_156_package.zip ) и плагина (файл D :\Джумл\ plg_jce_156.zip ). Теперь идем в администраторскую зону: Расширения – Установить/удалить.
Нажимаем на кнопку Выберите файл , выбираем сначала компонент com_jce_157_156_package.zip и нажимаем на кнопку Загрузить файл & Установить :
Видим, что компонент установлен:
Теперь также устанавливаем плагин:
После того, как установлен и плагин , можно увидеть, что наш компонент появился в пункте меню Компоненты:
А затем убедиться в Расширения – Менеджер плагинов :
что плагин Editor - JCE 1.5.6 включен (в столбце Включен стоит зеленая галочка).
Теперь нам надо сделать наш редактор редактором по умолчанию. Для этого мы идем в пункт меню Сайт – Общие настройки:
В поле Визуальный редактор по умолчанию выбираем наш редактор Editor - JCE 1.5.6 и сохраняем изменения.
Открываем нашу главную страницу для редактирования: Материалы – Менеджер материалов - Русобои Чебоксаы. Как видете панель форматирования стала гораздо объемнее:
Вообще форматировать текст можно двумя способами:
1. С помощью визуального редактора. Он такой же, как в Worde.
2. С помощью редактора HTML (для тех, кто знает html). Для того, чтобы перейти в редактор HTML надо щелкнуть по ссылке
здесь вы можете писать любой html-код. Не важно, какой способ вы выберите, но отформатируйте страницу на свое усмотрение.
Итак, наша главная страница готова.
Нам осталось разобраться с двумя вопросами:
1. С полем Псевдоним .
2. С глобальными настройками .
Поле Псевдоним
Псевдоним используется в SEF-ссылках (search engines friendly url, т.е человекопонятные УРЛ). Чтобы было понятнее приведем два примера: Если оставить это поле пустым, то УРЛ страницы, сделанной на CMS Joomla, будет выглядеть примерно так: http:// index.php?option = com_content & view = article&id=2&Itemid=2 а если указать псевдоним статьи (например, shop) - то УРЛ той же статьи будет вот таким: http://www.rusoboi.net/index.php/shop Согласитесь, что выглядит такой адрес куда лучше. Такой тип ссылок создается встроенным SEF расширением Joomla
На главной странице это поле можно оставить пустым, так как адрес главной страницы и так человеческий. А вот прежде, чем создавать другие статьи, надо включить SEF -расширение. Для этого мы идем в пункт меню Сайт – Общие Настройки :
В панели Поисковая оптимизация (SEO ) ставим галочку ДА у Включить SEF-ссылки (ЧПУ) и сохраняем изменения:
Глобальные настройки
Ранее, когда мы создавали Главную страницу, в параметрах настройки материалов, мы скрывали имя автора, дату создания и изменения статьи, различные иконки и т.д. Конечно, можно задавать эти настройки для каждой статьи (локальные настройки). Но если мы хотим задать какие-то настройки для всех статей сайта, то необходимо воспользоваться Глобальными настройками .
Для этого мы идем в пункт меню Материалы – менеджер материалов и щелкаем по кнопке Параметры :
Если редактируя статью, мы не укажем никаких параметров, то будут использоваться параметры, указанные здесь (глобальные параметры). Разобраться в них достаточно просто, к тому же при наведении мыши на параметр появляется подсказка, объясняющая за что отвечает данный параметр. Давайте здесь укажем те же параметры, что мы указывали при настройке Главной страницы . Т.е. скроем имя автора, дату создания и изменения статей и все значки . После чего нажмем на кнопку Сохранить в верхней части этого окна.
Наполняем сайт материалами (вставляем картинки)
В Joomla нельзя создать пункт меню, пока нет материала, на который этот пункт будет ссылаться. Поэтому мы сначала создадим 4 материала: Условия работы , Наши магазины , Контакты и Статьи (Карту сайта будем делать позже), а затем создадим меню.
Итак, создаем первую статью - Условия работы . Для этого, как вы уже знаете, идем в Административную панель и выбираем пункт Добавить материал:
Даем нашей статье:
Заголовок - Условия работы.
Псевдоним - cooperation (так эта страница называется на сайте-образце).
На главной - НЕТ.
Мы производим доставку готовой продукции по всей территории России
По г. Чебоксары и Новочебоксарск доставка осуществляется бесплатно.
В другие регионы России доставка осуществляется транспортными компаниями, любыми на Ваш выбор. В данном случае стоимость доставки Вы оплачиваете самостоятельно, по факту прибытия продукции, в конечный пункт назначения. Стоимость составит порядка 200-400 руб., в зависимости от пункта назначения.
Оплатить заказ Вы можете несколькими способами:
Наличными или картой курьеру при получении.
Наш курьер доставит заказанную продукцию к Вам домой, в офис или другое удобное для Вас место.
Банковским переводом на карту.
Вы можете воспользоваться услугой банковского перевода для оплаты заказ.
Оплату можно произвести на карту Сбербанка России или карту Банка Связной через интернет, банкомат или в любое удобное для Вас отделение банка.
Безналичным расчетом.
Вы можете оплатить Ваш заказ по безналичному расчету по счету, который Вы получите после оформления заказа.
В офисе нашей компании
Оплатить и забрать заказанную продукцию Вы можете в нашем офисе по адресу:
г. Чебоксары, ул. И. Франко, д. 3
Принимаем к оплате пластиковые карты.
Аналогично, создаем следующую статью - Наши магазины (stores). Здесь встает вопрос, как вставлять картинки в Joomla. Сами картинки расположены в двух блоках. Такую разметку удобнее всего сделать с помощью таблицы из одной строки и двух столбцов. Используя визуальный редактор, таблица задается кнопочкой Inserts a New Table :
Все изображения, которые вы будете использовать для своих статей, должны храниться в папке stories . Полный путь к этой папке у нас следующий:
Сохраним сюда нашу картинку karta .jpg
Теперь возвращаемся к нашей статье, будем вставлять в нее эти изображения. Встаем курсором мыши в место, куда хотим вставить картинку и на панели форматирования нажимаем на кнопку вставки изображения:
Здесь мы выбираем изображение, задаем необходимые параметры (описание, выравнивание...) и нажимаем кнопку Insert. Все, картинка вставлена.
Чтобы вставлять в Joomla картинки, необходимо:
Поместить картинки в папку stories.
Встать курсором мыши в то место статьи, куда хотим вставить картинку.
Щелкнуть по значку Insert/Edit image. В открывшемся окне выбрать необходимое изображение (щелкнуть по названию в списке), задать необходимые параметры (отступы, выравнивание, описание, размеры) и нажать на кнопку Insert (Вставить).
Удалить картинку можно кнопкой Del на клавиатуре.
Самостоятельно создайте для сайта Иванова Ивана Ивановича два пункта меню: О себе, Мои увлечения. Обязательно отредактируйте маиериалы (цвет, шрифт) и вставляйте картинки с использованием таблиц.