Заметка: активирована адаптивная версия сайта, которая автоматически подстраивается под небольшой размер Вашего браузера и скрывает некоторые детали сайта для удобства чтения. Приятного просмотра!

Добрый день, дорогие читатели! Как и обещал, этим постом начинаю цикл статей по пошаговому созданию качественного блога на Joomla. Почему именно Joomla? В одной из прошлых статей я писал свои размышления по поводу (систем управления содержимым сайта) и вывод из той статьи: Joomla – отличная, очень гибкая (особенно для разработки новых расширений) система с хорошо продуманной архитектурой, Wordpress – лёгкий, простой и быстрый в освоении движок, идеальный для блогов и новостных порталов.

Так почему же для блога я всё равно выбираю Joomla? – всё дело в том, что постепенно из блога я собираюсь создавать информационный портал с множеством нестандартного функционала. Мне важна надёжность и стабильность системы, чтобы я не отвлекался на гору мелких проблем. Именно такой системой, по моему личному мнению, является Joomla 2.5. Мне импонирует MVC паттерн, продуманная реализация и взаимодействие компонентов, модулей и плагинов.

«Хорошо, допустим, убедил» – скажите вы. Что дальше?

Что такое компонент в Джумла?

Говоря простым языком, компонент – это приложение для Джумлы, которое выводит основную часть конкретной страницы. То есть в 99% случаев компонент выводится в самой большой (широкой) колонке сайта. А в дополнительных колонках (более узких) выводятся модули Joomla.

Компонентом может быть:

• PHP приложение для создания интернет-магазина
• PHP приложение для создания галереи фотографий
• PHP приложение для создания блога
• PHP приложение для создания социальной сети
• И тд.

То есть другими словами компонент – это программа, которая делает из Джумла тот тип сайта, который нам нужен. Одновременно на Joomla можно устанавливать и использовать бесконечное множество компонентов, но на 1 странице может быть подключён только 1 компонент + сколько угодно плагинов и модулей. В этом принципиальный смысл архитектуры Джумла.

То есть на этой странице у нас интернет-магазин, на любой другой блог, а на третьей целая социальная сеть. Возможно, кому-то сейчас покажется, что система Joomla ограничена: «А что если я хочу показать в социальной сети анонсы статей из блога?» - спросите вы. Нет проблем! Для этого в любом месте сайта, вы можете подключить модуль, который делает то, что вам нужно. Модули можно подключать даже внутри компонентов. Таким образом, на одной странице визуально может быть и интернет-магазин, и блог, но технически, мы как разработчики понимаем, что что-то из этого основной компонент, а что-то – просто второстепенный модуль или даже плагин.

Выбор компонента

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

• EasyBlog (платный)
• – на мой взгляд, самый популярный компонент для информационных сайтов на Джумла, имеет множество готовых расширений (платных и бесплатных).
• Cobalt – помимо прочих особенностей, основной упор сделан на скорость загрузки страниц и производительность в целом. Добавлять новые статьи (записи, материалы) можно только с лицевой части вашего сайта (с front-end).
• Seblod - возможно, самый гибкий и перспективный конструктор контента из всех существующих. Наиболее полная интеграция со стандартными таблицами базы данных Джумлы, не рекомендуется тестировать на рабочих сайтах. Изначально упор делался на разработчиков, а не на конечного пользователя.

Во все (или почти все) вышеперечисленные компоненты стандартно входят такие распространённые функции как: комментарии, рейтинги, теги и тд.

Всё это хорошо, вот только я ещё не успел вам рассказать, что Джумла сама по себе имеет встроенный компонент для блога/новостей – или можете называть его просто "Материалы" . По сути, этот компонент – и есть сама Джумла. Им мало кто пользуется, я думаю, ввиду популярности других, вышеперечисленных компонентов. Но это не единственная причина, в com_content включено минимум наворотов и возможностей:

• Отсутствуют комментарии;
• Отсутствуют теги/метки (в Joomla 3 добавлены);
• Очень некрасивый и неудобный рейтинг;
• И др.

Однако есть большой противовес этим недостаткам – все недостающие функции вы можете бесплатно скачать и добавить! Теперь, когда вы знаете, как обстоят дела, возникает вопрос: «Установить К2, EasyBlog, Cobalt или любой другой конструктор контента (материалов), либо скачать все недостающие функции по отдельности и использовать стандартный com_content?»

Лично я для себя решил, что использовать com_content лучше (кто не знает, он изображён на рисунке выше), и вот почему:

1. С com_content интегрируются абсолютно все расширения Joomla, ведь это основа.

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

При нестандартных проектах, вам всё равно придётся начать писать (или заказывать разработку) расширения. Поэтому, несмотря на гибкость конструкторов контента (Cobalt, Seblod и др.), скачивать заведомо тяжёлую или сложную в освоении систему я не вижу смысла.

Дополнительный функционал

Надеюсь, я вас убедил, что стоит попробовать всё сделать на стандартном com_content. Как минимум это отличная практика, с которой придёт понимание основ Джумла. Но что за современный блог без комментариев, тегов и рейтинга статей? Кроме Site on! , конечно:)

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

• JComments - популярное расширение для создания комментариев от российских разработчиков;
• Плагин Extra Vote для красивого и удобного Ajax рейтинга + модуль Top ExtraVote для вывода оценок пользователей в правой колонке;
• TorTags – для создания тегов (меток);

Дизайн

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

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

Создание шаблона

Установив нужные расширения и имея перед собой.psd макет сайта, можно приступать к , то есть вёрстке макета сайта. Этот процесс уже был подробно описан, кто ещё не читал, прошу по ссылке выше. Сразу предупреждаю, что создание любого (не только на Джумле) более менее качественного сайта требует от вас хотя бы средних навыков , а также минимальных знаний . Кто говорит иначе – подразумевает создание сайта «лишь бы был».

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

В конце, я обязательно покажу вам результат, и жду от вас того же;) Сейчас много заказов поступает на почту, поэтому как скоро я закончу свой новый сайт - мне неизвестно, однако главное, что домен уже куплен, работы начались, отступать некуда. Не забудьте подписаться на продолжение, всего хорошего и до встречи в новых статьях блога Site on!

От автора: приветствую Вас, дорогой друг. В данное время очень большой популярностью пользуются сайты-блоги. Благодаря которым, их владельцы ведут свой бизнес, или просто публикуют информацию на различные темы. Поэтому в данной статье я хотел бы показать, как создать блог на Joomla.

Слово, блог, очень хорошо знакомо практически любому веб-разработчику, так как сайты данной группы очень популярны в данное время. Но начинающие веб-мастера, достаточно часто спрашивают, “что такое блог”, и “чем он отличается от обычного сайта”.

Блог – это сайт, основное содержимое которого – это регулярно добавляемые записи, состоящие из текста и некоторых файлов мультимедиа (изображения, видео, аудио). При этом, записи как правило, упорядочены в обратном хронологическом порядке, принадлежат определенной тематике и разделены по категориям. Обычно блоги доступны для всеобщего посещения и предусматривают возможность добавления комментариев к каждой записи, что формирует некую среду общения, пользователей с автором записей, или сайта в целом.

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

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

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

Как я и говорил все материалы блога, делятся на отдельные категории, поэтому, используя данный менеджер, необходимо создать несколько категорий будущего блога. Для этого кликаем по кнопке “Создать”.

Для добавления новой категории необходимо в поле “Заголовок”, указать название будущей категории (ее заголовок) и, если необходимо, прописать краткое описание в текстовой области “Описание”.

Категории на блоге, могут быть как одноуровневыми, так и многоуровневыми. Поэтому, если Вы планируете реализовать многоуровневую систему категорий, для начала, необходимо создать категории верхнего уровня, то есть родительские. Для этого в поле “Родитель”, выбираете значение “- Нет родителя-”, что указывает CMS Joomla, на то, что создаваемая категория — родительская. Далее, для создания дочерних категорий, в вышеуказанном поле, необходимо выбрать родительскую категорию, по отношению к создаваемой (созданные категории будут добавляться в список поля “Родитель”).

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

Как, обычно кликнув по кнопке “Создать” мы перейдем на страницу создания новой метки.

Для создания новой метки достаточно указать ее название в поле “Заголовок”. При необходимости в поле “Описание” можно добавить краткую информацию, а также заполнить поля на доступных вкладках, тем самым добавив дополнительную информацию, которая необходима для создания страниц отображения информации о метках и материалах, привязанных к конкретной метке.

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

На вкладке “Материал”, указываем заголовок будущей статьи в поле “Заголовок”, выбираем категорию, используя выпадающий список “Категория”, выбираем подходящую метку из специального поля “Метки” и добавляем текст будущего материала в текстовую область. Как Вы знаете на блоге, редко когда показывается весь материал целиком, на страницах, где отображается список статей той или иной категории. Обычно отображается только вводная часть материала, а полный текст доступен, только на странице детального просмотра. Поэтому основное содержимое записи, которое будет добавлено в текстовую область, необходимо разделить, используя кнопку “Подробнее” (поставив в нужное место текста курсор, кликаете по кнопке).

На вкладке “Публикация”, добавляем информацию, которая сформирует мета-теги, будущей страницы, что необходимо для SEO оптимизации.

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

На этом создание материала завершено, можно кликать по кнопке “Сохранить” — для сохранения информации в базу данных.

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

Первым делом выбираем тип пункта меню, в одноименном поле. Для реализации блога необходимо выбрать в компоненте “Материалы”, макет “Блог категории” и выбрать категорию (это может быть родительская категория), материалы которой будут показаны на экране. Затем в поле “Заголовок меню”, указываем название нового пункта.

На вкладке “Параметры макета Блога”, содержатся настройки внешнего вида будущей страницы.

Назначение основных полей:

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

Только введения — количество введений материалов на одной странице (остальные материалы будут отображены на следующей странице). Материал, который отображается во всю ширину, не учитывается.

Количество колонок – разбиение материалов на колонки. Можно задать 1-2-3-4 колонок.

Количество ссылок — определяет количество ссылок на другие статьи сайта.

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

После завершения настроек, кликаем по кнопке “Сохранить”. Теперь можно перейти в пользовательскую часть и посмотреть, что получилось.

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

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

На этом вопрос как сделать блог на joomla, исчерпан. Всего Вам доброго и удачного кодирования!!!

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Блог Joomla 3 это один из макетов, системы Joomla для показа статей сайта. Внешний вид макета типа блог Joomla 3 вам хорошо знаком. Это показ на одной странице анонсов статей со ссылками на их дальнейшее чтение. Макет задает, как анонсы статей будут располагаться на странице, как будет показан заголовок статей, как будет показана ссылка на подробное чтение, в какой форме будет выводиться навигация по страницам блога.

Структура материалов Joomla объединяет материалы по категориям. В один блог Joomla 3 могут входить статьи одной категории (блог категории) или категории разных статей (избранные материалы). Количество обоих видов блога Joomla 3 не ограничено. Вы можете создать любое количество блогов, как категорий, так и блогов избранных материалов.

Не нужно путать блог избранные материалы и главная страница сайта. Если избранные материалы можно объединять в любое количество блогов, то главная страница на Joomlaможет быть только одна. Также, напомню, что на главной странице сайта Joomla 3, можно вывести любой из макетов Joomla, включая список материалов, блог материалов или отдельную статью.

Чтобы разобраться с настройками макета блог Joomla 3, для примера, пошагово создадим блог материалов категорий и настроим его показ на сайте.

К слову сказать, вы заметили, как умение общаться с программными продуктами и сетью Интернет глубоко проникло в различные сферы жизнедеятельности. Этот процесс продолжает углубляться. Например, еще вчера, доступные, только в фантастических фильмах, 3D-сканеры вполне обыденно используются в различных сферах жизнедеятельности человека от медицины и строительства, до быта и развлечений. Рынок современных сканеров уже не так дорог и доступен в самом широком ассортименте. смотрите спеециальный материал.

Как создать блог Joomla 3

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

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

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

Для примера в меню «Mainmenu» создадим два блога: блог категории «Блог категории» и блог избранные материалы «Избранные материалы».

Создать блог категории

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

• Авторизуйтесь в административной панели сайта.
• Войдите в «Менеджер меню»;
• Откройте нужное меню и нажмите "Создать" пункт меню. Пункт меню должен иметь название. Название, а вернее алиас названия, должен быть уникален в пределах сайта,
• Далее жмем "Выбрать";

• Для создания блога, нужно выбрать тип пункта меню «Материалы»→«Блог категории».

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

• С левой стороны страницы выставите категорию, для которой делается блог.
• С права выберите меню, в который входит этот пункт меню и родительский элемент в меню. Если родителя нет, то выберите «Корневой пункт меню».
• В настройках блога категории 8 пунктов. Внешний вид (макет) блога настраивается в «Параметры макета Блога». Смотрим фото.

class="eliadunit">

1- Во всю ширину : Количество материалов, которые всегда будут во всю ширину блога, не зависимо от заданных колонок.

2- Только введения : Количество введений к статьям на одной странице блога. Не включает статьи «Во всю ширину».

3- Количество колонок : Можно задать 1-2-3-4 колонок. Введения к статьям блога разместятся в этихколонках.

4- Количество ссылок : Определяет количество ссылок на другие статьи сайта.

Важно , что эти настройки показа материалов в блоге переопределят общие настройки материалов (вкладка Менеджер материалов→Настройки). Если ничего не заполнять, то к блогу применятся общие настройки материалов для блога.

Однако, если в настройках «Параметры» этой категории, указан Альтернативный стиль шаблона, «Список», то вывести эту категорию в виде блога не получится. Для блога выставите шаблон категории на вкладке Менеджер категорий→Редакция категории→Параметры, «По умолчанию» или «Блог».

Как создать блог избранных материалов

Блог избранных материалов, делается аналогично, только тип пункта меню выбирается «Избранные материалы», а при выборе категорий, выбирается не одна, а несколько категорий.

Как блог сделать главной страницей сайта

Любой блог можно сделать главной страницей сайта. Для этого при создании пункта меню этого блога, выставите кнопку «Главная страница» в зеленый сектор «Да». Повторюсь, на 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. Для этого напротив соответствующей группы укажите тип фильтра «Черный список», в который по умолчанию включаются теги