В этой статье я хочу поговорить на тему, что такое главная страница 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. А именно: установить визуальный редактор , настроить ЧПУ в Joomla , а так же оптимально настроить отражение title страницы . Данные настройки не потребуют дополнительных расширений для Joomla, они установлены все по умолчанию и их просто надо включить и настроить в административной панели.

После того как зашли в админку сайта на Joomla кликаете по иконке “Настройки”,

откроется страница, состоящая из трех вкладок: “Сайт”, ”Система”,”Сервер”. Особое внимание необходимо обратить на вкладку “Сайт”. Именно здесь следует прописывать метатег description, ключевые слова (метатег keywords) сайта, настраиваете ЧПУ.

В разделе “Сайт” нас будет интересовать всего несколько пунктов:

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

— Сообщение при выключенном сайте – в этом уже по умолчанию прописан текст, который будет отражаться если в поле “Сайт выключен” стоит галочка в положение “нет”. При желании Вы можете прописать в этом поле свой текст.

— Название сайта – в данной строке будет отражаться то название сайта, которое было задано при установки Joomla, но Вы можете его с помощью этого поля изменить.

— Визуальный редактор по умолчанию – Редактор TinyMCE. Это поле позволяет настроить отражение текстового редактора, отражающегося при добавлении статьи. По умолчанию стоит простой html и если Вы зайдете в редактор статей, то увидите примерно следующую картину

Редактировать материал в таком редакторе довольно проблематично и неудобно. Поэтому необходимо подключить другой редактор — и немного его настроить.

После того как Вы в поле Визуальный редактор по умолчанию выберите Редактор TinyMCE сохраните произведенные изменения, нажав в правом верхнем углу кнопку “Сохранить”. В административной панели зайдите во вкладку Расширения – Плагины. На открывшейся странице в списке плагинов найдите Редактор TinyMCE

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

Сохраняем произведенные изменения, нажав кнопку “Сохранить”, открываем редактор статей и видим что теперь он сталь очень похож на панель Word

То есть появились различные кнопки форматирования текста и не только. Я не буду подробно описывать работу каждой кнопки – здесь все очень понятно. Немного освоившись с этим редактором можно будет установить более расширенную версию бесплатного редактора JCE , но об этом будет рассказано чуть позже.

С редактором разобрались. Теперь снова возвращаемся в Настройки – Сайт и спустившись чуть ниже в поле Мета – данные прописываем ключевые слова сайта и его описание.

Ниже находится еще два поля:

Показывать тег title – устанавливаете значение “Да”, что позволит отражаться заголовку статьи в названии страницы. Это играет не маловажное значение в оптимитизации сайта

А вот показывать тег autor в начале каждого материала будет зависить от Вашего желания.

Теперь осталось только в разделе “Поисковая оптимизация (SEO)”настроить человеко – понятные url для сайта.

Настраиваем ЧПУ в Joomla

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

http://gotovte-vkysno.com /pervie-bluda/borz/petrovskii.html

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

Для настройки чпу в joomla можно воспользоваться встроенными возможностями в панели Настройки – Сайт – Поисковая оптимитизация

Если поставить галочку в положение “да” в поле Включить SEF-ссылки (чпу) и сразу сохранить изменения то адрес страницы будет отражаться следующим образом:

http://gotovte-vkysno.com /pervie-bluda/petrovskii

Но это только в том случае, если хост, на котором размещен сайт поддерживает расширение Apache. Уже практически желаемый результат, осталось только добавить суффикс.html, а для этого поставим галочку в положение “да” в поле Добавить суффикс к URL. Сохраняем изменения, обновляем сайт и смотрим как теперь отражается адрес страницы – все как и было задумано.

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

http://gotovte-vkysno.com /pervie-bluda/borz/20-05-2011

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

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

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

Чтобы угодить поисковым роботам необходимо придать title следующий вид:

название статьи|название ресурса

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

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

Чтобы добиться такого отражения Вы уже сделали первый шаг и в админке в панели Настроек – Сайт поставили галочку в поле Отражать тег title в положение “да”, но после этого все равно желаемого результата мы не получим, в качестве title будет отражаться название пунктов меню.

Поэтому теперь необходимо зайти во вкладку Меню, кликаем по названию пункта меню и на открывшейся странице заходим в “Параметры системы”

Здесь в строке “Заголовок страницы” прописываем что у нас должно отражаться. Так для главной страницы я в этом поле прописала – Готовим вкусно, а для остальных пунктов меню я применила вид – название статье|Готовим вкусно.

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

Таким образом мы произвели основные настройки Joomla после ее установки, как это работает все в действительности Вы можете посмотреть на сайте http://gotovte-vkysno.com . Теперь остается только позаботиться об защите административной панели сайта , но это уже совсем другая история.

На этом я завершаю. Всем удачи и до новых встреч на блоге “Seo записки отчаянной ”

Возможно Вам это будет интересно:

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

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

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

Теперь рассмотрим ответ на следующий вопрос для CMS Joomla — как сделать главную страницу? Главная страница – это в первую очередь абсолютно обычная страница, как, к примеру, страница контактной информации или отображения конкретного материала. А значит в качестве главной, может быть назначена любая созданная страница Вашего сайта.

Теперь давайте вспомним, как формируются страницы в CMS Joomla. В основном для создания отдельной страницы сайта необходимо создать новый пункт меню, который по сути представляет собой ссылку, ведущей на страницу. При этом за формирование страницы и отображения на ней необходимых данных, отвечает определенный компонент, который выбирается при создании пункта меню. Соответственно создавая или редактируя пункт меню в “Менеджере меню” мы можем назначить страницу, на которую он ссылается в качестве главной, используя специальный переключатель.

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

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

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

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

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

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

Вот собственно и все что я хотел сказать Вам в данной статье, а значит и вопрос для CMS Joomla как изменить главную страницу — исчерпан. Всего Вам доброго и удачного кодирования!!!

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

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

В данной статье мы рассмотрим, как редактировать внешний вид шаблона 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 . Как видно на картинке, это