Joomla 3 редактирование главной страницы. Как редактировать шаблон Joomla. Изменение внешнего вида. Менеджер статей: Изменить материал

Создадим страницу с контентом и ведущий на неё пункт меню.

Как создать материал

1. В главном меню панели управления Joomla выберите Материалы -> Менеджер материалов .

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

3. В поле Заголовок введите название статьи.

4. В основное поле вставьте её текст. Создавать материалы прямо из админ-панели удобно, потому как Joomla предлагает для этой цели функциональный и удобный визуальный редактор, основные инструменты форматирования в котором не спрятаны глубоко и у большинства пользователей не вызовут вопросов. Однако есть некоторые возможности, о которых стоит упомянуть.

• Редактор может работать как в визуальном режиме, так и в режиме просмотра исходного кода материала. Чтобы активировать его, нажмите Инструменты -> Исходный код .

• Обратите внимание на вкладки. Самое популярное действие, кроме правки текста - добавление в него картинок. Эта функция в расширенном виде доступна на вкладке Изображения и ссылки .

• Простая вставка картинок (без широких возможностей) спрятана не так далеко: Вставить -> Вставить/редактировать изображение .

Однако вместо загрузки файла картинки такой подход предполагает вставку адреса ссылки, ведущей на рисунок.

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

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

5. Когда материал готов, из раскрывающегося списка Категории выберите раздел, которому он принадлежит (как создавать категории, читайте здесь). Кроме того, вы можете добавить запись в Избранное, если нажмёте Да в одноимённой области.

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

7. В поле Метки введите теги поста.

8. Когда материал будет полностью готов к публикации, нажмите кнопку Сохранить .

Как создать пункт меню

1. В панели управления Joomla откройте Меню -> Менеджер меню .

2. Загрузится страница со списком доступных меню. Щёлкните на том, в котором должен появиться новый пункт. Шаблон, установленный по умолчанию, содержит три меню: Top (верхнее), Main Menu (отображается справа) и User Menu (меню пользователя, которое появляется только после авторизации на сайте). Новый пункт можно добавить в любое из них, но я создам его в меню Top.

В нём мы видим два совершенно ненужных пункта (Sample Sites и Joomla.org ) и один (Home ), который надо переименовать, он ведёт на главную страницу сайта. Установите флажки рядом с ненужными пунктами и нажмите кнопку В корзину , щёлкните на оставшемся пункте, в поле Заголовок меню открывшейся страницы вместо Home введите Главная и нажмите Сохранить . В результате верхнее меню сайта полностью поменяет структуру.

3. Для добавления пункта в редакторе меню Top нажмите кнопку Создать .

4. Нажмите кнопку Выбрать области Тип пункта меню открывшейся страницы.

5. Из появившегося списка выберите Материалы -> Материал (подробнее об остальных типах меню читайте здесь).

6. В области Выбор материала нажмите кнопку Выбрать .

7. Либо найдите нужный материал в списке имеющихся, либо воспользуйтесь поиском - в поле Фильтр введите заголовок вашей статьи и нажмите Искать . Когда пост будет найден, щёлкните на нём кнопкой мыши.

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

Теперь можно перейти на сайт и посмотреть, что получилось - щёлкните на вновь созданный пункт меню и посмотрите свой первый материал.

" мы научились создавать разделы и категории, менять шаблоны и устанавливать Быстрый старт Joomla. Теперь давайте поговорим о том, как правильно расположить материалы на главной странице Вашего сайта (по этому же примеру можно расположить и на всех остальных страницах). Для этого я буду использовать статьи этого блога, а Вы можете создать свои категории и написать свои статьи для более детального изучения. Ведь только проделав всё самому, можно быстрее понять и запомнить весь процесс.

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

Во первых, при написании статей внимательно изучите текстовый редактор Joomla. Он довольно функциональный и имеет множество настроек, которых будет достаточно для обычного сайта (например для моего блога). В следующих статьях мы его подробно рассмотрим и разберём его основные функции. Если же Вам нужно будет создавать, к примеру, различные таблицы или использовать другие более сложные функции для своих статей, то тогда Вам следует обратить внимание на сторонние компоненты типа JCE Editor.

После создания необходимых разделов и категорий, зайдите в "Материалы">>"Менеджер материалов", и Вам откроется список статей (или же, скорее всего, их отсутствие. Если Вы не устанавливали Быстрый старт). В правой верхней части нажмите "Создать". Напишите несколько пробных статей для тренировки. Я, к примеру, скопировал в пробный сайт три статьи со своего блога . Вот как они сейчас выглядят на главной странице Joomla:

Мы видим, что первая статья расположилась по всей ширине страницы, а две другие отобразились в колонках слева и справа.Это стандартная настройка отображения страниц сайта, если выбран режим пункта меню, который называется "Блог категории на главной". Но, кроме отображения статей в виде блога есть ещё много способов подачи материала Вашего сайта на страницах. Для того, чтобы увидеть все возможные варианты вывода статей в Joomla , Вам нужно зайти в административную панель сайта и нажать "Все меню">>"Главное меню":

Нажав на "Главное меню", мы попадаем в пункты меню. У нас там пока что только один пункт - это "Главная" (другого меню при установке чистой Joomla там пока что нет. А вот при установке быстрого старта , там будет много других пунктов):

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

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

А вот так это окно выглядит, если Вы используете более новую версию Joomla 1.6 или 1.7:

Как видите, отличий особо никаких нет. Разве что в новых версиях Joomla все окна сразу раскрыты. А в Joomla 1.5 нужно нажать сначала на определённый компонент, а только потом Вы увидите все возможные варианты отображения материалов этого расширения на странице сайта. Если посмотреть на мой блог, то Вы увидите, что у меня есть верхнее меню, в котором помимо Главной страницы есть ещё множество других пунктов, например "О блоге", "Подписка на новости" и прочие. Но об установке новых пунктов меню мы поговрим чуть ниже. А сейчас вернёмся к настройке главной страницы. На главной странице принято выводить именно материалы в различной форме: можно выводить статьи со всех категорий прямо с главной, архивные материалы и прочее. Нажав на тип меню "Материалы", Вы увидите этот список:

Постараюсь подробнее описать все доступные варианты вывода статей в Joomla :

• Список материалов в архиве - будут отображаться статьи, которые были заархивированы и ищутся по дате создания или времени публикации;
• Стандартный шаблон материала - этот пункт меню будет отображать только одну статью на выбор (например, как у меня статья об авторе);
• Шаблон отправки материала - позволяет пользователям Вашего сайта добавлять материалы на сайт, но только в том случае, если им присвоена категория автора или более высокая;
• Шаблон блога категории - этот шаблон отображает материалы в виде блога (как на главной странице). Это самый распространённый вид пункта меню, так как он подходит для отображения практически всех категорий на страницах сайта;
• Шаблон списка категорий - отображает все опубликованные статьи определённой категории, которую Вы выберите, в виде простого списка;
• Шаблон блога материалов на главной - отображение материалов из выбранных категорий в формате блога на главной странице сайта;
• Шаблон блога раздела - показывает все опубликованные статьи из определённого раздела вашего сайта в виде блога;
• Стандартный шаблон раздела - отображает список опубликованных категорий выбранного раздела.

Список материалов в архиве

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

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

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

Вот как будет выглядеть список материалов в архиве на сайте:

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

Стандартный шаблон материала

Этот тип вывода информации используется, если необходимо отобразить определённую статью на сайте. Например, я использовал этот тип пункта меню для создания страниц "Автор блога ", " " и "Мои услуги ". Теперь для тренировки давайте вместе с Вами нажмём на этот пункт меню в настройках. Для этого Вам нужно опять нажать на кнопку "Изменить тип" или просто создать новый пункт меню. Вот, что мы увидим в настройках параметров данной страницы при выборе стандартного шаблона материала:

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

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

Я, при настройках отображения данной страницы, отменил показ практически всех ненужных элементов (дата создания, категория, автор статьи и прочие). Так что у меня просто заголовок и сам материал. Больше никаких лишних элементов для отображения этой страницы мне не понадобилось. Советую Вам на будущее: старайтесь использовать как можно меньше настроек вывода статей в Joomla , так как это снизит количество запросов к базе данных и ускорит загрузку страницы в целом.

Шаблон отправки материала

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

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

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

Вывод материалов в виде блога

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

Итак, выбрав "Шаблон блога категории", "Шаблон блога раздела" или "Шаблон блога материалов на главной", Вы увидите в правой части экрана вот такие настройки для отображения статей:

1. Во всю ширину - количество статей, отображаемых во всю ширину без разбиения на колонки;
2. Вступление - количество статей, разбиваемых на колонки;
3. Колонки - количество колонок для вывода статей со вступлением;
4. Ссылки - количество статей, отображаемых в виде ссылок внизу страницы.

Я обычно ставлю 5 статей во всю ширину, а остальный параметры оставляю по нулям. Для блога так мне кажется намного удобнее. Если Вы желаете, чтобы все статьи отображались во всю ширину, то выставляйте значение "Во всю ширину" - 5, "Вступление" - 0, "Колонки" - 1 или 0 (это уже не важно). И наоборот, для отображения всех статей в двух колонках, ставите "Во всю ширину" - 0, "Вступление" - например 4 или 6 и "Колонки" - 2. Попробуйте поэкспериментировать с отображением и подобрать для себя оптимильный вариант, который подойдет для Вашего сайта.

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

Статьи категории или категории определённого раздела в виде списка

Я практически не пользовался этими видами отображения материалов на сайте. Между ними есть небольшое отличие:

• "Статьи категории в виде списка" - тут отображается список статей из определённой категории сайта. Можно выбрать только одну категорию, но зато список статей можно сделать любого размера. Тут Вы уже ничем не ограничены.
• "Список категорий одного раздела" - отображается не список статей, а список самих категорий определённого раздела. Это удобно, если на Вашем сайте множество разных категорий и их нужно отобразить на одной странице, чтобы пользователь мог сразу их все увидеть.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Способ 1:

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

Способ 2:

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

Способ 3:

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

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

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

Находим главный блок - div . Как видно на картинке, это