Дмитрий Дементий
Владельцы сайтов выбирают эту систему управления контентом благодаря таким достоинствам:
- По простоте использования 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.
Слово, блог, очень хорошо знакомо практически любому веб-разработчику, так как сайты данной группы очень популярны в данное время. Но начинающие веб-мастера, достаточно часто спрашивают, “что такое блог”, и “чем он отличается от обычного сайта”.
Блог – это сайт, основное содержимое которого – это регулярно добавляемые записи, состоящие из текста и некоторых файлов мультимедиа (изображения, видео, аудио). При этом, записи как правило, упорядочены в обратном хронологическом порядке, принадлежат определенной тематике и разделены по категориям. Обычно блоги доступны для всеобщего посещения и предусматривают возможность добавления комментариев к каждой записи, что формирует некую среду общения, пользователей с автором записей, или сайта в целом.
На блоге можно располагать как личные записи автора, так и записи, которые несут некий информационный характер, к примеру, обучающие материалы и статьи.
Блог – это относительно простой сайт и для его создания подойдет практически любая система управления контентом. Как было сказано выше, в данной статье мы поговорим о том, как создать блог на Joomla, тем более, что данная CMS, в своем базовом функционале содержит инструменты позволяющие реализовать сайт типа блог. Правда, механизм добавления комментариев, без установки сторонних расширений, реализовать не получится, но это поправимо, так как в данное время создано достаточное количество готовых компонентов комментариев для Joomla.
Итак, условимся, что CMS Joomla установлена и готова к работе. Если Вы не знаете, как установить данную CMS, то на нашем сайте, в ранее опубликованных статьях, приведена подробная, пошаговая инструкция по установке Joomla на локальный компьютер. Теперь переходим в панель администратора и открываем менеджер категорий.
Как я и говорил все материалы блога, делятся на отдельные категории, поэтому, используя данный менеджер, необходимо создать несколько категорий будущего блога. Для этого кликаем по кнопке “Создать”.
Для добавления новой категории необходимо в поле “Заголовок”, указать название будущей категории (ее заголовок) и, если необходимо, прописать краткое описание в текстовой области “Описание”.
Категории на блоге, могут быть как одноуровневыми, так и многоуровневыми. Поэтому, если Вы планируете реализовать многоуровневую систему категорий, для начала, необходимо создать категории верхнего уровня, то есть родительские. Для этого в поле “Родитель”, выбираете значение “- Нет родителя-”, что указывает CMS Joomla, на то, что создаваемая категория — родительская. Далее, для создания дочерних категорий, в вышеуказанном поле, необходимо выбрать родительскую категорию, по отношению к создаваемой (созданные категории будут добавляться в список поля “Родитель”).
Добавив необходимое количество категорий, можно переходить к созданию материалов, то есть контента будущего блога, но перед тем, я хотел бы добавить несколько меток, которые, так же как и категории, будут делить материалы сайта на отдельные группы и значительно упростят поиск нужной информации. Метки – это определенные ключевые слова, которые кратко характеризуют содержимое материала или записи. Для создания меток, переходим в специальный менеджер.
Как, обычно кликнув по кнопке “Создать” мы перейдем на страницу создания новой метки.
Для создания новой метки достаточно указать ее название в поле “Заголовок”. При необходимости в поле “Описание” можно добавить краткую информацию, а также заполнить поля на доступных вкладках, тем самым добавив дополнительную информацию, которая необходима для создания страниц отображения информации о метках и материалах, привязанных к конкретной метке.
Теперь можно приступать к созданию контента блога, а значит, переходим в менеджер материалов.
На вкладке “Материал”, указываем заголовок будущей статьи в поле “Заголовок”, выбираем категорию, используя выпадающий список “Категория”, выбираем подходящую метку из специального поля “Метки” и добавляем текст будущего материала в текстовую область. Как Вы знаете на блоге, редко когда показывается весь материал целиком, на страницах, где отображается список статей той или иной категории. Обычно отображается только вводная часть материала, а полный текст доступен, только на странице детального просмотра. Поэтому основное содержимое записи, которое будет добавлено в текстовую область, необходимо разделить, используя кнопку “Подробнее” (поставив в нужное место текста курсор, кликаете по кнопке).
На вкладке “Публикация”, добавляем информацию, которая сформирует мета-теги, будущей страницы, что необходимо для SEO оптимизации.
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
На этом создание материала завершено, можно кликать по кнопке “Сохранить” — для сохранения информации в базу данных.
На этом блог на джумла, практически завершен, за исключением страницы отображения добавленных постов, поэтому давайте ее создадим. Для этого переходим в менеджер меню, для создания нового пункта меню (я создам новый пункт мню для отображения добавленных материалов, хотя можно отредактировать уже существующий).
Первым делом выбираем тип пункта меню, в одноименном поле. Для реализации блога необходимо выбрать в компоненте “Материалы”, макет “Блог категории” и выбрать категорию (это может быть родительская категория), материалы которой будут показаны на экране. Затем в поле “Заголовок меню”, указываем название нового пункта.
На вкладке “Параметры макета Блога”, содержатся настройки внешнего вида будущей страницы.
Назначение основных полей:
Во всю ширину — количество материалов, которые будут отображаться во всю ширину центральной области страницы сайта. Данный параметр актуален, если используется разбиение на колонки.
Только введения — количество введений материалов на одной странице (остальные материалы будут отображены на следующей странице). Материал, который отображается во всю ширину, не учитывается.
Количество колонок – разбиение материалов на колонки. Можно задать 1-2-3-4 колонок.
Количество ссылок — определяет количество ссылок на другие статьи сайта.
Остальные вкладки используются для дополнительных настроек страницы показа материалов, к примеру, показывать ли заголовок категории, ее описание, изображение, описания подкатегорий и т.д.
После завершения настроек, кликаем по кнопке “Сохранить”. Теперь можно перейти в пользовательскую часть и посмотреть, что получилось.
Теперь осталось выбрать или создать шаблон для будущего сайта, и он обязательно должен быть уникальным, красивым, понятным и современным, так как шаблон сайта – это его лицо, и это первое, что видит пользователь при посещении первой страницы блога. Если Вам интересна тема создания собственных шаблонов, Вам будет полезен наш курс .
Так же, по желанию, можно добавить несколько модулей, которые упростят навигацию по сайту, к примеру, модуль категорий и модуль последних добавленных материалов.
На этом вопрос как сделать блог на joomla, исчерпан. Всего Вам доброго и удачного кодирования!!!
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
class="eliadunit">
Вступление
Блог Joomla 3 это один из макетов, системы Joomla для показа статей сайта. Внешний вид макета типа блог Joomla 3 вам хорошо знаком. Это показ на одной странице анонсов статей со ссылками на их дальнейшее чтение. Макет задает, как анонсы статей будут располагаться на странице, как будет показан заголовок статей, как будет показана ссылка на подробное чтение, в какой форме будет выводиться навигация по страницам блога.
Структура материалов Joomla объединяет материалы по категориям. В один блог Joomla 3 могут входить статьи одной категории (блог категории) или категории разных статей (избранные материалы). Количество обоих видов блога Joomla 3 не ограничено. Вы можете создать любое количество блогов, как категорий, так и блогов избранных материалов.
Не нужно путать блог избранные материалы и главная страница сайта. Если избранные материалы можно объединять в любое количество блогов, то главная страница на Joomlaможет быть только одна. Также, напомню, что на главной странице сайта Joomla 3, можно вывести любой из макетов Joomla, включая список материалов, блог материалов или отдельную статью.
Чтобы разобраться с настройками макета блог Joomla 3, для примера, пошагово создадим блог материалов категорий и настроим его показ на сайте.
Как создать блог Joomla 3
Создание блога Joomla 3 начинаем, как и создание любого макета Joomla, с создания пункта меню нужного типа. Пункт меню создается в любом меню сайта и, причем необязательно опубликованном.
Создаем пункт меню
При создании пункта меню для вывода блога, нужно задать его тип. Для блога, тип меню должен быть «Блог категории» или «Избранные материалы». Блог «Избранные…» может включать статьи нескольких категорий.
Для примера в меню «Mainmenu» создадим два блога: блог категории «Блог категории» и блог избранные материалы «Избранные материалы».
Создать блог категории
Создать блог категории можно и без наличия статей в этом разделе, а вот для появления блога на сайте, в этой категории должна быть, хотя бы одна статья опубликована. Вернее будет сказать, что пункт меню для этого блога не появиться на сайте, если в категории этого блога нет опубликованной статьи.
- Авторизуйтесь в административной панели сайта.
- Войдите в «Менеджер меню»;
- Откройте нужное меню и нажмите "Создать" пункт меню. Пункт меню должен иметь название. Название, а вернее алиас названия, должен быть уникален в пределах сайта,
- Далее жмем "Выбрать";
- Для создания блога, нужно выбрать тип пункта меню «Материалы»→«Блог категории».
- После выбора этого типа пункта меню, страница перегрузится, и появятся настройки для блога материалов.
- С левой стороны страницы выставите категорию, для которой делается блог.
- С права выберите меню, в который входит этот пункт меню и родительский элемент в меню. Если родителя нет, то выберите «Корневой пункт меню».
- В настройках блога категории 8 пунктов. Внешний вид (макет) блога настраивается в «Параметры макета Блога». Смотрим фото.
class="eliadunit">
1- Во всю ширину : Количество материалов, которые всегда будут во всю ширину блога, не зависимо от заданных колонок.
2- Только введения : Количество введений к статьям на одной странице блога. Не включает статьи «Во всю ширину».
3- Количество колонок : Можно задать 1-2-3-4 колонок. Введения к статьям блога разместятся в этихколонках.
4- Количество ссылок : Определяет количество ссылок на другие статьи сайта.
Важно , что эти настройки показа материалов в блоге переопределят общие настройки материалов (вкладка Менеджер материалов→Настройки). Если ничего не заполнять, то к блогу применятся общие настройки материалов для блога.
Однако, если в настройках «Параметры» этой категории, указан Альтернативный стиль шаблона, «Список», то вывести эту категорию в виде блога не получится. Для блога выставите шаблон категории на вкладке Менеджер категорий→Редакция категории→Параметры, «По умолчанию» или «Блог».
Как создать блог избранных материалов
Блог избранных материалов, делается аналогично, только тип пункта меню выбирается «Избранные материалы», а при выборе категорий, выбирается не одна, а несколько категорий.
Что такое переопределение или шаблонизация в Joomla мы познакомились в предыдущей статье . Там же мы говорили о том, как переопределить макет модуля последних новостей. Данная же статья будет посвящена блогу категорий, точнее переопределению стандартного макета блога категорий под нужды конкретного сайта.
Что такое блог категории думаю объяснять не стоит, но на всякий случай чтобы стало понятнее посмотрите на скриншот с небольшим примером того как могут выглядеть материалы выведенные в виде блога:
Статью я решил построить следующим образом - для начала мы поговорим о том, для чего может потребоваться переопределять макет блога категории, затем рассмотрим код стандартного файла отвечающего за вывод блога категорий. После чего сократим данный файл, удалив из него весь ненужный для нас код тем самым пусть незначительно, но ускорим скорость загрузки страницы. И в заключении внесем определенные корректировки и изменим стандартный вид при выводе материалов категории.
Зачем переопределять макет блога категории?
Ответ на данный вопрос достаточно простой – чтобы сократить размер страницы либо кардинально поменять внешний облик макета блога категории на страницах сайта.
С внешним видом все понятно, а как влияет переопределение на размер страницы? Все просто, допустим нам необходимо чтобы в блоге, материалы выводились следующим образом – изображение, заголовок, краткий текст, кнопка подробнее и более для нас ничего не интересно. Но стандартный файл, отвечающий за макет блога категории, содержит гораздо больше кода, чем может потребоваться для большинства сайтов, следовательно, его размер можно значительно сократить.
Таким образом, сократив размер файла, мы уменьшим размер страницы, а так же пусть незначительно, но сократим нагрузку на сервер, ведь ему потребуется выполнять меньше действий.
Файлы, отвечающие за макет блога категории
- blog.php – основной макет для всей страницы целиком, включает заголовок пункта меню, заголовок и описание категории, метки категории, материалы в виде блога и пагинацию (тип пункта меню «Блог категории»). Кроме того для отображения каждого конкретного материала используется дополнительный файл blog_item.php.
- blog_item.php – отвечает за макет материала в блоге. Выводит заголовок материала, рейтинг, краткое содержание, кнопку подробнее и так далее.
- blog_children.php – отвечает за вывод подкатегорий.
- blog_links.php – выводит заголовки материалов в виде обычных ссылок. Количество подобных ссылок можно указывать в параметрах макета блога.
- default_articles.php – отвечает за вывод материалов в виде списка (тип пункта меню «Список материалов категории»), но в данный момент он нам не интересен.
Есть в данной папке и другие файлы, но они нас сейчас не интересуют.
Стандартные файлы, отвечающие за макет блога категории и их код
Прежде чем начать переопределение макета блога категории не лишним будет разобраться в коде оригинальных файлов, это поможет избежать ошибок при внесении в них изменений. Но для начала давайте скопируем оригинальные файлы (нам потребуются файлы blog.php и blog_item.php) с вышеупомянутой папки в папку /templates/имя_шаблона/html/com_content/category.
Файл blog.php отвечающий за макет блога категории в Joomla 3.8.1
Как я уже говорил файл blog.php отвечает за макет блога категории целиком – за отображение заголовка пункта меню (если используется), заголовка категории, списка материалов, меток, пагинацию и так далее.
Давайте откроем данный файл (с папки html/com_content/category текущего шаблона) и посмотрим на его код. В самом начале (строки с 1 по 30) идет информация по лицензии и авторских правах, следом за ней строка, отвечающая за безопасность и объявление переменных.
Далее начинается код, отвечающий за вывод контента. Первые 5 строчек отвечают за вывод заголовка страницы, если быть точнее, то в качестве такого заголовка будет выступать заголовок пункта меню (если установлено «показать»). Чтобы было понятнее, я решил внести комментарии в код и показать его в виде скриншотов:
Следом за метками идет (опять же если установлено в настройках) описание и изображение категории:
Теперь начинается проверка на наличие в данной категории материалов, если материалов нет, то будет выведено соответствующее сообщение:
Вот теперь уже начинается самая интересная часть – вывод материалов категории. Причем для вывода материалов в блоге используется три различных, указанных в настройках макета блога: во всю ширину, в колонках и в виде ссылок. И для каждого из этих вариантов имеется три различных блока кода.
В начале идет код, отвечающий за вывод материалов во всю ширину, их количество указывается в настройках макета блога:
Следующий блок кода отвечает за вывод материалов в колонках, количество таких материалов и количество колонок так же указывается в настройках макета блога Joomla:
Завершается файл blog.php кодом, который отвечает за вывод материалов в виде обычных ссылок, которые идут после главных материалов, а в самом конце файла идет код, отвечающий за пагинацию (навигация по страницам):
Файл blog_item.php отвечающий за внешний вид материалов в блоге
Следующий файл, который формирует макет страницы блога, называется blog_item.php. С помощью данного файла задается внешний облик материалов – выводится изображение вступительного текста, сам текст, кнопка подробнее, дополнительная информация, такая как дата создания, автор и прочее.
Как и в предыдущем файле в самом начале файла blog_item.php содержится информация об авторских правах, и объявляются необходимые переменные. Далее идет основной код, отвечающий за внешний вид материала.
Чтобы разобраться, что к чему смотрите на скриншот:
На скриншоте показан не полный код, но все что ниже нас не интересует. Для того чтобы изменить внешний облик выводимых материалов мы будем работать исключительно с этими строками кода. Файлы blog_children.php и blog_links.php рассматривать более детально не вижу смысла, их переопределяют крайне редко.
На этом, пожалуй, я закончу статью, она получилась довольно большой. В следующей части статьи я расскажу, как редактировать макет блога категорий и в частности файлы blog.php и blog_item.php для придания уникальности блогу категорий.
Данный компонент – это сочетание всех функций, доступных в стандартных блогах, плюс небольшое внедрение социальной составляющей. CjBlog даст возможность организовать на сайте профили для пользователей, дать им возможность оценивать содержимое, а также проводить опросы и многое другое, но обо всем по порядку. Данный компонент блога для Joomla 3 позволяет полностью организовать работу блога, при этом используя обширный функционал, практически один из лучших на сегодняшний день. Нельзя не отметить, что последнее обновление разработки произошло совсем недавно, так что любой желающий получит наиболее актуальный набор функций, да еще и полностью бесплатно. Интересных возможностей у данного компонента достаточно, а значит рассматривать их стоит в любом случае.
Функционал CjBlog
Введу того, что для сайтов, связанных с блогами, наиболее важно поддерживать удобный для использования интерфейс, разработчики предусмотрели много разных мелочей. Тем не менее, рассмотрим мы наиболее важные функции, которые выглядят следующим образом:
Если необходим инструмент, который позволит создать не только функциональный, но еще и реально удобный в использовании блог, то этот вариант подойдет отлично. Сделать качественный блог на joomla, где каждый пользователь сможет вести свои собственные странички, а также без проблем сотрудничать с социальными сетями – все это реально, если выбрать правильное расширение.