Как редактировать шаблон Joomla. Изменение внешнего вида. Айхор —это выгодно Как создать главную страницу в joomla 3

Главная страница сайта Joomla, открывается по основному адресу сайта, его домену . Можно сказать, что через главную страницу посетители заходят на сайт. Именно поэтому, главную страницу в среде оптимизаторов, называют «дорвей» (doorway-входная дверь), а в российской среде, «морда» или «хомяк» (home page).

Будучи «лицом сайта», главная страница сайта имеет повышенное значение в удержании посетителя на сайте и продуманного направления посетителя по сайту (навигации по сайту).

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

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

На сайте должен быть создан хотя бы один материал;

• Создаем меню и пункт меню нужного типа (Вкладка «Менеджер меню»);
• При создании пункта меню, назначаем его «Главной страницей» или «Home» или как угодно;
• Всё! Главная страница сайта, в самом простом её исполнении, создана.

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

Общий принцип пересоздания главной страницы сайта таков:

Вариант 1

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

После этого, система автоматически пересоздаст главную страницу сайта. После очистки кэша сайта (если включено его использование), изменения перейдут на пользовательскую часть (фронтэнд) сайта.

Вариант 2

При создании или редактировании пункта меню, просто включите кнопку «Главная страница».

Динамическая главная страница «Избранные материалы»

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

Очень часто, используя группу «Избранные материалы», создают главную страницу сайта Joomla в виде блога избранных материалов. То есть, получаем динамическую (постоянно обновляемую) главную страницу сайта. Для сравнения, на сайтах WordPress, это аналог страницы последних публикаций.

class="eliadunit">

Статическая главная страница сайта Joomla

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

Создается такая страница по аналогичному алгоритму:

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

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

Модули на главной странице

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

Используя именно этот инструмент, можно создать главную страницу самого различного вида:

• В виде отдельных модулей с минимальным содержанием;
• В виде большого материала о сайте с навигацией без боковых колонок;
• В виде страницы регистрации;
• В виде страницы контактов и т.д.

Именно так создаются лейдинг пейдж на CMS Joomla.

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

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

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

Лендинг пейдж

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

Дополнение

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

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 . Не назову данную главу сложной, но от вас потребуется самостоятельность при просмотре и экспериментах с определенными настройками CMS. Самостоятельность, впрочем, вам нужна в любом случае, я лишь подскажу, что и как делать, а дальше с контентом и CMS вы уже сами разберетесь.

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

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

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

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

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

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

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

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

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

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


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

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


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

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

Joomla главная страница: вывод нескольких материалов

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

Joomla главная страница: создание материала.

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

1. Заходим в панель управления сайтом и и выбираем пункт меню «Материалы» → «Менеджер материалов»

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

Чтобы вывести материал определенный как избранный на главной странице сайта, нужно создать новый пункт в верхнем меню и выбрать ему тип «Избранные материалы» и определить его главным. Для проверки можно создать еще 3-4 и все их отметить как избранные.

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

Joomla главная страница: изменение макета.

Произвести изменение настроек главной страницы в Joomla можно проделав следующую последовательность действий:

1. Идем в панель администрирования сайта и открываем «Меню» → «Main Menu»

2. Кликаем по пункту «Home», открывая тем самым «Редактирование пункта меню»

3. Переходим на вкладку «Дополнительные параметры» и изменяем настройки вывода макета

4. И как всегда нажимаем после проверки правильности внесенных изменений кнопку «Сохранить и закрыть»

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

И на этом урок по теме «Joomla главная страница: изменение содержимого и макета» завершен. В следующем уроке цикла как создать сайт бесплатно с помощью Joomla рассмотрим установку обновлений в систему Joomla

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

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

Из чего состоит шаблон Joomla 3

Для шаблонов в Joomla отведена специальная папка «templates», в корне которой каждый шаблон имеет свою собственную одноименную папку. Все без исключения шаблоны состоят из файлов, причем количество этих файлов у разных шаблонов может отличаться. Но есть и стандартные файлы, без которых не будет работать ни один шаблон:

• index.php – индексный файл, он определяет структуру сайта
• templateDetails.xml – данный файл содержит всю информацию о шаблоне и служит для установки шаблона через панель управления
• Файлы стилей (.css) – с их помощью определяется оформление страниц

Кроме того шаблоны могут содержать файлы скриптов (.js), изображения, языки и многое другое. На скриншоте ниже представлен набор файлов, из которых состоит стандартный шаблон «Protostar»:

Какие бывают шаблоны

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

• Шаблоны для сайта – меняют облик и дизайн сайта
• Шаблоны для панели управления – данный вид шаблонов предназначен именно для панели управления, на сайт они никак не влияют.

Работа с шаблонами Joomla 3

С разновидностями, местом хранения и файлами шаблонов разобрались, теперь поговорим о том, как работать с шаблонами при помощи панели управления. Для начала давайте перейдем в раздел «Шаблоны: Стили (Site)» («Расширения» -> «Шаблоны») и посмотрим, какие шаблоны уже присутствуют в базовой сборке CMS Joomla:

На странице «Шаблоны: Стили (Site)» видно, что в нашем распоряжении имеется два шаблона Beez3 и Protostar , последний установлен по умолчанию для всех страниц сайта, обратите на это внимание ведь в Joomla один и тот же сайт может состоять из нескольких шаблонов. И для различных разделов сайта можно назначить свой собственный шаблон, тем самым сделать сайт более привлекательным.

Давайте откроем один из шаблонов для редактирования и посмотрим, что и как можно отредактировать:

На первой вкладке с именем «Подробно» мы видим некую информацию касательную данного шаблона, тут же разработчики нам пишут, что шаблон использует фреймворк Bootstrap.

Следующая вкладка «Дополнительные параметры» содержит базовые настройки шаблона, тут мы можем поменять цвет текста и фона сайта, логотип, заголовок шрифты и прочие настройки:

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

Позиции модулей в шаблоне Joomla 3

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

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

Для того чтобы включить отображение позиций модулей в Joomla 3 необходимо на странице «Шаблоны: Стили (Site)» нажать на кнопку «Настройки». После этого мы попадем на страницу «Настройки менеджера шаблонов», на которой выставляем переключатель «Просмотр позиций модулей» в положение «Включено»:

После этого снова переходим на страницу менеджера шаблонов – «Шаблоны: Стили (Site)» и жмем на иконку с изображением глаза расположенную чуть левее названия шаблона:

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

Создание собственных позиций модулей

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

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

Переходим от слов к делу, для начала открываем файл templateDetails.xml , который находится в корневом каталоге шаблона. Вникать в его суть сейчас нет смысла, нас интересуют только позиции для модулей, они объявлены между строчками <position >имя-позиции-модуляposition > (строки 28-47 шаблона Protostar). По умолчанию их 18 штук:

Для того чтобы объявить свою позицию модулей добавляем дополнительную строку (либо несколько строк) такого вида:

my-module-position

Сохраняем файл, его можно закрыть, главное запомнить имя позиции, под которой вы его объявили.

Теперь открываем файл index.php и добавляем в него новый блок DIV, который будет являться контейнером для новой позиции модулей. Я для примера решил создать новую позицию для модулей в футере сайта. Пишем в футер следующий код:

Div>