Изменение внешнего вида. Как редактировать шаблон Joomla

💖 Нравится? Поделись с друзьями ссылкой

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

Что такое главная страница Joomla

Здесь всё просто. Главная страница Joomla – это материал, открывающийся пользователю по вызову им основного домена вашего сайта. На Joomla главную страницу можно назначить. Это важно. Так как её можно назначить, то и вариантов её создания может быть несколько.

Предлагаю посмотреть 6 вариантов главной страницы сайта Joomla:

  • Блог Избранные материалы;
  • Стандартная страница материалов отдельной категории;
  • Лендинг страница конструктором SP PageBuilder от JoomShaper
  • Посадочная страница расширением Shortcode Ultimate Plugin for Joomla;
  • Страница, созданная на одностраничном шаблоне;
  • Главная страница, как страница авторизации (вход на сайт)

Покажу, как применить все эти способы.

Блог Избранные материалы

Классический вариант главной страницы сайта Joomla – это блог под названием «Избранные материалы». Я использую названия перевода CMS, которое мы видим в административной части сайта.

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

Обратите внимание, что статьи из выбранных категорий для избранных материалов, можно на главной странице не публиковать. Для этого в редакторе материала есть специальная настройка «Избранные – Да/Нет».

Чтобы создать блог «Избранные материалы» нужно:

  • Создать новое меню или выбрать уже существующие меню;
  • Создать в этом меню новый пункт. Выбрать тип этого пункта: Материалы - Избранные материалы;

  • В настройках пунктах меню на вкладке «Параметры макета» выбрать категории материалов, которые вы хотите показывать на главной странице. Можно выбрать «Все категории»;
  • Там же, выбрать внешний вид страницы избранных материалов, определив количество колонок и количество материалов на странице;
  • Выставить другие настройки этого пункта меню по своему желанию. Обязательно заполнить мета-данные. Они не влияют на функциональность, но улучшают оптимизацию;

Важно! На вкладке «Пункт меню», справой стороны, в пункте «Главная страница» поставить значение «Да». Этим действием будет назначена главная страница Joomla.

Если вы не сделали последнюю настройку при создании пункта меню, то назначить пункт меню главной страницей можно в списке пунктов меню. Для этого выделите чек пункта меню и нажмите кнопку «Главная». Или просто нажмите на звёздочку рядом с пунктом меню.

Важно! Двух главных пунктов меню на сайте быть не может.

Страница материалов отдельной категории

Можно сделать главной, страницу материалов отдельной категории. В данном случае речь идёт не о блоге, а о списке материалов отдельной категории.

Для создания нужно:

  • Создать новое меню или выбрать уже существующие меню;
  • Создать в этом меню новый пункт. Выбрать тип пункта меню: Материалы - Список материалов категории;

  • Далее выбрать категорию, материалы которой вы хотите показать на главной;
  • Заполнить другие настройки пункта меню.

Важно! На вкладке «Пункт меню», с правой стороны, в пункте «Главная страница» поставить значение «Да».

class="eliadunit">

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

Главная страница - Лендинг страница конструктором SP Page Builder

Есть расширение под названием «SP Page Builder» от JoomShaper. О нём я писал . С помощью этого расширения, можно легко и быстро создать красивую, уникальную, а также отличную от стандартной, главную страницу сайта.

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

Инструменты простые. С помощью перетаскивания вы «навешиваете» на страницу материала нужный контент. Далее сохраняете страницу. Затем создайте пункт меню типа Материалы - Материал. Выбираете созданную конструктором страницу и назначаете этот пункт меню «Главной страницей».

Посадочная страница расширением Shortcode Ultimate Plugin for Joomla

Второе расширение, которое можно использовать для создания главной страницы называется «Shortcode Ultimate Plugin for Joomla».

Shortcodes Ultimate это плагин Joomla, который предоставляет мега пакет шорткодов. В него входит более 45 бесплатных шорткодов и 90+ в pro версии.

  • Разработчик плагина: BdThemes Ltd (https://bdthemes.com/)
  • Скачать: Есть ссылка тут, http://bdthemes.com/demo/?product=shortcodeultimatefree , где можно было скачать бесплатную версию. Однако сейчас эта официальная ссылка не работает. Там можно купить плагин за 35$. Однако вы легко найдете этот плагин в сети бесплатно.

Повторюсь, плагин позволит вам создать уникальную страницу сайта, которую вы потом должны назначить главной, стандартными инструментами Joomla. Читайте выше.

Главная страница на одностраничном шаблоне

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

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

  • Найдите и скачайте одностраничный шаблон Joomla. Поищите и ;
  • Создайте материал, который будет на главной (не публикуйте, только сохраните);
  • Создайте модули, которые будут на этой главной (не публикуйте, только сохраните);
  • Создайте пункт меню с этим материалом. При создании этого пункта меню, важно, кроме всех настроек описанных выше, на вкладке «Пункт меню» в настройке «Стиль шаблона» выберите одностраничный шаблон, установленный ранее.

В настройках модулей уберите их видимость с нового пункта меню. Модули, которые вы создавали специально для главной, покажите только на главной странице. Используйте для этого настройки модуля «Привязка к пунктам меню».

Главная страница — это лицо вашего сайта. В жизни людей встречают «по одежке», а в Интернете — по оформлению и содержанию главной страницы сайта. Так что если хотите, чтобы о вас в Сети думали хорошо и уважали, вы обязаны сделать стоящую домашнюю страницу. В данной статье вы узнаете как редактировать и изменять ключевую страницу ресурса, установленного на движке Joomla.
https://www.youtube.com/watch?v=HK7sU25NeIA

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

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

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

Чтобы изменить содержание контента на главной, вам необходимо зайти в админку Joomla. Скорее всего, вы уже научились это делать, а если нет, то введите доменное имя ресурса в адресной строке браузера и допишите в конец /administrator. После входа в админку Joomla вы сможете редактировать любое содержание сайта и изменить главную страницу.

Перейдите во вкладку «Материалы», а оттуда в «Менеджер материалов». Через этот раздел меню настроек Joomla вы сможете добавлять новый контент на страницы сайта. Но на удивление вы не найдете на странице добавления статьи кнопку «Поместить на главную страницу сайта». Вместо этого вам необходимо будет нажать звездочку возле названия статьи. После нажатия статья отмечается, как избранная, а значит она автоматически попадает на главную. Чтобы это изменить, просто уберите звездочку, на которую вы нажали.
https://www.youtube.com/watch?v=bg20sJ-SUJ8&spfreload=10

Как редактировать главную

Теперь поразмышляем над вопросом, как изменить саму страницу через стандартные возможности настроек Joomla. Оказывается, в конструкторе есть такая возможности. Вам необходимо вновь зайти в административную панель движка во вкладку «Меню». В выпадающем списке вы увидите пункт «Верхнее меню». Нажмите на него. Перед вами откроется список, среди которого будет числиться «Главная страница». Через эту вкладку вы сможете редактировать наименование главной сайта.

Кроме того, через «Верхнее меню» вы сможете редактировать внешнее оформление главной страницы Joomla. Для этого перейдите во вкладку «Параметры макета». По умолчанию главная страница имеет общий для всего шаблона вид, но вы можете настроить ее индивидуально, чтобы она слегка отличалась по надобности. В частности, вы сможете настроить ширину макета главной, количество ссылок и колонок, а также способы отображения материала в разных частях страницы. После того, как внесете все необходимые изменения, не забудьте нажать «Сохранить», чтобы ваши корректировки вступили в силу.
https://www.youtube.com/watch?v=zb0O69VUCtY

Что размещать на главной

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

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

Не рекомендуется проводить эксперименты на главной в режиме реального времени. То есть не стоит редактировать сайт и сразу публиковать его в Интернет. Так вы лишь запутаете пользователей и они перестанут доверять вашей молодой площадке. Лучше сразу постарайтесь сделать окончательный вариант главной, чтобы потом не затягивать с техническими работами. А все эксперименты с дизайном и наполнением проводите где-нибудь не на основном хостинге. Например, можете создать локальный сервер при помощи программы Денвер и уже там редактировать дизайн и статью для главной.
https://www.youtube.com/watch?v=Bl6YxgZqEh0
И не забывайте, что перед вами стоит задача создать лицо вашего интернет-ресурса. Постарайтесь на славу и если понадобится, не жалейте денег на разработку удачной страницы. Вы должны продумать все до мелочей, и пускай это будет тяжело, вы обязательно справитесь!

Online service by OceanTheme are is a platform where people can unite with each other with mutual interest to purchase premium templates and extensions Joomla! at a bargain price. The target audience of the service are individuals and small and medium businesses, professional web developers to create online stores, community sites or people wishing to have your blog. In our great collection of premium solutions everyone will find what he needs.

Our resource acts as an organizer pooling, specifies the number of people that you want to buy templates and extensions, the cost of goods, as well as the amount and access to these materials. Our website has a lot of opportunities for easy searching of templates and extensions. Intuitive navigation, tagging system, sorting by the filter and the tool "add to bookmarks" will allow you to find the right material you want incredibly fast. In addition You will always find the latest information, so as to update the collection every day.

Access to the entire database of materials is provided for the duration of the club specified in the subscription purse. Subscribers receive unrestricted access to all available archives, news and updates, as well as technical support throughout the subscription period.

All the products you can find on this site are 100% GPL-compatible, which means you can change them as you want and install on unlimited number of sites.

Thanks to our collection you will save a lot of time and money, as the templates and extensions easy to use, easy to install and configure, multi-functional and diverse. That will allow you to create a website of any complexity and orientation, without learning advanced web development technologies.

Main features of our website

A rich set of functions, working out of the box:

Use all opportunities of our resource to get ready-made professional solution for rapid implementation of your business projects or creative ideas.

Use the search tools

Use advanced search and filtering, and easy navigation for quickly finding the desired web solutions in design, functionality and other criteria.

To favorite materials were always at hand, use the unique function "Add to favorites", and they are available in a separate section for the whole year.

Logged into our site, you will be able to leave comments and to participate in promotions, as well as use of a free subscription with permium access.

Join our club membership

Club subscription gives you full access to our entire catalogue of original material. And includes premium templates and extensions for several years.

Download appropriate to your Joomla templates and extensions, both free and subscription for the club without any limits and ogoranicheny speed.

If you liked any material on the site, you can leave your voice, as well as share it with friends via social networks.

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

Доступ к редактору статей

Чтобы добавить новую статью, войдите в административную часть сайта и выполните одно из следующих действий:

Выберите в верхнем меню Материалы -> Менеджер материалов -> Создать материал. В Менеджере материалов нажмите зеленую кнопку «Создать» в панели инструментов Менеджера материалов (ряд кнопок вверху страницы).

Описание редактора статей

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

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

В системе Joomla можно установить нескольких редакторов для работы со статьями. По умолчанию установлены два текстовых редактора: и один визуальный редактор: TinyMCE. Рабочий редактор называется редактором По-умолчанию и выбирается он в «Общих настройках», меню быстрого доступа или в верхнем меню: Система →Общие настройки.

Примечание: Вкладки «Менеджер материалов: Создать материал» и «Менеджер материалов: Изменить материал» имеют сходные кнопки панели инструментов. Отличие в кнопке «Создать копию статьи» на вкладке «Изменить материал».

Детали редактирования статей

Менеджер статей: Изменить материал

Страница «Изменить материал» содержит 6(шесть) вкладок.

  • Материал;
  • Параметры редактирования;

Кроме этого обязательный для заполнения – Заголовок. И рядом, Алиас. Алиас система формирует сама или вы можете сразу вбить свой алиас статьи.

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

Боковая панель Менеджера материалов

Боковая панель в Менеджере материалов, включает кнопки определяющие состояние и размещение редактируемой статьи. Находится панель справа страницы. Включает панель шесть выпадающих списков.

Метки . Это нововведение Joomla. Метки сайта создаются в компоненте «Tags». Метки для статьи, должны быть уникальны.

Состояние.

  • Опубликовано: Статья видна на сайте;
  • Не опубликовано: Статья не видна на сайте, но видна в менеджере статей административной части;
  • В корзине: Статья удалена из основного списка статей, и имеет состояние в корзине, но все еще находится в базе данных. Из корзины статью можно восстановить. Для этого выбрать в меню «Состояние» «В корзине», выделить нужную статью и нажать кнопку «Опубликовать» в панели инструментов.

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

Пункт Избранные

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

Пункт Доступ

Доступ содержит группы пользователей выбранные вами в Пользователи → Уровни доступа. В этом пункте вы выставляете доступ к просмотру статьи, а не к ее управлению (ACL). По умолчанию выбрать предстоит из четырех уровней доступа: Guest, Public, Registered, Special.

Выпадающее меню Язык

Здесь вы выбираете язык статьи для многоязычного сайта или оставляете «Все» для сайта на одном языке.

Текст статьи

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

Кнопки внизу окна редактора

Внизу визуального редактора предусмотрены 4(четыре) рабочие кнопки для создания статей: Материал, Изображение, Разрыв страницы и Подробнее. Эти кнопки, по–умолчанию, включены в Joomla, в любую версию визуального редактора.

class="eliadunit">

Материал: Эта кнопка открывает модальное око со списком всех статей сайта. При необходимости вы можете вставить в статью название другой статьи с виде ссылки на нее.

Изображение: Эта кнопка позволяет вставить в статью любое изображение из «Медиа менеджера», а также сначала загрузить изображение с компьютера, а потом вставить в статью.

Разрыв страницы: Позволяет разделить статью на несколько частей. Каждая часть статьи будет иметь заголовок, и отображаться в меню, которое появиться вверху статьи в таблице (смотри рисунок ниже).

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


.

Переходим к вкладке «Параметры публикации»

Параметры публикации разделены на две части. Слева все, что касается привязки статьи к различным датам. Дате написания, дате публикации и т.д. Почти все пункты задаются автоматически. В пункте «Начало публикации» вы можете задать любое число публикации, тем самым поставить статью в очередь на публикацию. Это позволяет формировать публикации по плану. В списке статей она будет помечена желтым цветом и опубликуется автоматом в запланированную дату и время.

Правая часть «Параметров публикации» это мета-данные статьи. Основные поля Мета-тег Description и Мета-тег Keywords , вводятся вручную.

Мета-тег Description

Мета-тег Description будет использоваться в качестве описания страницы в HTML страницы. Этот мета – тег важен для поисковых систем и будет отражаться как превью в поисковой выдаче.

Мета-тег Keywords

Meta-тег Keywords. Это ключевые слова статьи. Слова вводятся через запятую, в верхнем или нижнем регистре. Например: слова «СЛОН» и «слон» это равнозначные ключевые слова.

Используется Мета-тег Keywords для следующего:

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

Настройки мета-тег Robots

Интересен пункт «Настройки мета-тег Robots»

Он позволяет скрыть статью от поисковиков. Имеет пять параметров: По умолчанию, Index/Follow, No index/ follow, Index/No follow, No index/No follow . Значения по умолчанию, устанавливаются в Общих настройках сайта.

Переходим ко второй вкладке «Изображения и ссылки»

Изображения

Изображения позволяют задать изображение для вводной части текста и для всего текста статьи. Первое изображение будет видно на главной странице сайта и в блогах. Второе изображение будет видно при открытии статьи вверху. Оба изображения можно ориентировать по отношению к тексту при помощи выпадающего меню «Выравнивание изображения»: По умолчанию, Вправо, Влево, Нет. Параметр «По-умолчанию» задается в настройках визуального редактора установленного по умолчанию.

Ссылки

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

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

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

Показывать параметры публикации. (По умолчанию/ Нет / Да). Если нет, то на вкладке редактирования не будет показываться вкладка «Параметры публикации». Эти поля всегда будут установлены в свои значения по умолчанию.

Показывать параметры материала. (По умолчанию/ Нет / Да). Если нет, то на вкладке редактирования не будет показываться вкладка «Параметры материала ». Эти поля всегда будут установлены в свои значения по умолчанию.

Изображения и ссылки (панель управления). (По умолчанию/ Нет / Да). Если нет, то на вкладке редактирования не будет показываться вкладка «Изображения и ссылки». Эти поля всегда будут установлены в свои значения по умолчанию.

В этом пункте осуществляется управление настройками прав доступа для групп пользователей.

или отображение материала на главной странице Joomla сайта

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

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

Контент для проекта на Joomla и главной страницы

Для добавления контента на главную страницу сайта на Joomla нужно сделать следующее.

1. В админке во вкладке Материалы открываем Менеджер материалов:

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

Проверьте, создайте еще несколько материалов (5-6) и все определите как избранные.
Создание материала или статьи было подробно рассмотрено в одной из предыдущих глав.
Итак, вы создали еще пять статей и все определили избранными. Замечательно.
Теперь ваш сайт на Joomla, а точнее его главная страница содержит все эти материалы.

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

Главная страница в Joomla или как изменить макет

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

1. В панели администратора, во вкладке Меню открываем Верхнее меню:

2. Затем нажатием мыши открываем Главную страницу сайта на Joomla :


Здесь можно изменить название страницы, а во вкладке Параметры макета - макет.
Именно эти параметры отвечают за внешний вид макета главной страницы.

3. Если изменить все как на иллюстрации ниже, изменится облик выводимого:


Внесли изменения - нажмите Сохранить и закрыть.

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

Рассказать друзьям