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

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

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

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

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

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

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

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

Вариант 1

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

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

Вариант 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дополнение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как человек, который не пользовался ранее Joomla!, вы должны знать с чего начать.

Может быть у вас есть друг или сосед, который пользуется Joomla!, а вы хотите свой собственный Joomla! сайт.

Может быть вы владелец малого бизнеса, может быть у вас есть клуб или сообщество, ко торое нуждается в веб сайте и для этой цели вы хотите использовать Joomla!

Может быть вы опытный профессионал в сфере IT, но ранее не пользовались Joomla!

В этом случае вы начинаете приятное для вас путешествие и мы рады тепло вас поприветствовать от имени Joomla! и призываем вас прочесть Joomla! руководство для начинающих.

Добро пожаловать в Joomla! лидирующую платформу системы управления контентом с открытым кодом.

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

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

Пойми как работает Joomla!

Возможно вы захотите узнать как построена Joomla! и как взаимосвязаны её функции.

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

Вы можете сравнить это с такой операционной системой компьютера, как Microsoft Windows или Linux. Напрямую вы не используете саму систему (Joomla!); вы пользуетесь расширениями для выполнения задач. Некоторые приложения сразу же становятся доступными, но так же вы в любое время можете установить или удалить любые другие.

Устанавливаем Joomla!

Вот несколько способов установки Joomla!

Если вы желаете протестировать Joomla! и ещё не приобрели домен, то можете установить Joomla! на свой компьютер (ваш сайт не отобразится в сети интернет), установить её можно с помощью пакета установки XAMPP. Так же вы можете легко создать работающий веб сайт по этой ссылке .

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

• Вариант первый: Установка в один клик. Многие хостинговые компании предлагают «мгновенный» способ установки Joomla! Следуйте инструкциям вашего хостинг провайдера для установки в один клик.

• Вариант второй: обычная установка. Этод метод подразумевает копирование архива Joomla! на ваш хостинг аккаунт, распаковку, создание базы данных и последующий запуск файла установки. Полная инструкция по установке по ссылке .

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

Начинаем делать наш собственный Joomla! cайт

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

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

Всего 14 уроков, немного внимания и терпения, и вот вы уже умеете пользоваться одной из самых гибких систем управления контентом - Joomla. Это на самом деле универсальный движок, который подходит для всех проектов .

• 1 Знакомство с Joomla

  Небольшая вводная часть: о возможностях, об истории, о внешнем виде - вы будете понимать, с чем предстоит иметь дело.

• 2 Установка Joomla на localhost
  

  Многие веб-мастера начинают работу над сайтом, не выкладывая его в Интернет, а размещая на локальном хостинге. О том, как установить CMS на него и пойдёт речь в этой статье.

• 3 Установка Joomla на хостинг
  

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

• 4 Знакомство с админкой и базовые настройки
  

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

• 5 Установка шаблона на Joomla
  

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

• 6 Создание страниц и пункта меню
  

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

• 7 Создание категорий
  
• 8 Типы меню в Joomla
  

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

• 9 Создание формы обратной связи
  

  Если хотите поддерживать с посетителями двухстороннюю связь - создайте контактную форму, пройдя этот урок.

• 10 Модули, плагины, компоненты
  

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

• 11 Создание фотогалереи
  

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

• 12 Создание шаблона на Joomla
  

  Чтобы не пользоваться сторонними разработками, можно адаптировать под Joomla собственный (или любой другой) HTML-шаблон. Как именно это делать, в уроке показано на наглядном примере. Раскрывается структура тем оформления, правильный подход к архивации и настройке файла templateDetails.xml.

• 13 Перенос сайта с локального хостинга на сервер
  

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

• 14 Интернет-магазин на Joomla
  

  Создание наполненного товарами, корзинами и способами оплат интернет-проекта на основе Joomla с использованием известного расширения VirtueMart. Прочтите, и вы будете иметь понятие, с чего начать создание интернет-магазина и как вообще строится этот процесс.

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

Всех рад приветствовать дорогие друзья! С вами Макс Метелев и в сегодняшнем уроке, а точнее даже, целом руководстве я расскажу и покажу как создать сайт на Joomla (джумла) с нуля.

Создание сайта на joomla – процесс не сложный и очень интересный, а то я все про WordPress рассказываю. Наверняка, среди вас есть поклонники и этой .

Имеено она (Джумла) в далеком 2000 году стояла у истоков и приняла на себя новшества в PHP/MySql пространстве, которые позже были включены в WordPress, Drupal, Magento и другие системы управления сайтом.

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

Она также адаптивна для мобильных устройств, благодаря использованию фреймворка Bootstrap. Именно поэтому Джумла + Бутстрап так притягивает фронт-энд разработчиков и дизайнеров и делает легкой работу с исходным кодом и интерфейсом для своего кода.

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

Введение в Joomla

После установки файлов, в браузере вы увидите экран установщика. Это первый из 3-х шагов процесса.

Если вы не используете английский язык на вашем сайте, вы можете его поменять на русский. Введите имя вашего сайта, а также данные учетной записи администратора. Нажмите «Далее» чтобы продолжить установку.

Как мы уже говорили раннее Joomla имеет поддержку баз данных таких как MySQLi и PostgreSQL.

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

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

Из соображений безопасности после установки мы должны будем удалить папку с установщиком.

Создание нового сайта на Joomla

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

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

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

Вход в ваш сайт

Теперь давайте взглянем внутрь административной панели на интерфейс движка. Добавьте после названия вашего сайта в адресной строки слово — /administrator/. Будет примерно так – http : //vash-site.ru/administrator/

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

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

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

Давайте напишем нашу первую статью на сайт. На главной панели перейдите в раздел Контент, а затем в Управление статьями (Article Manager).

Там будут три поля, которые нужны для написания и публикации:

Или что-то свое.

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

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

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

Вы можете также найти свою запись в секции «Недавно добавленные статьи» или нажав на Content («Содержание»), затем Article Manager («Управление статьями») на главной панели инструментов.

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

Нажмете на изображение и увидите всплывающее pop-up окно с существующими картинками на вашем сайте.

Чтобы использовать конкретное изображение, просто кликните на него, а затем нажмите на «Вставить» (Insert)

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

Боковая панель (Сайдбар) содержим самые важные параметры для каждой статьи.

• Статус: Публиковать статью или оставить в черновиках
• Доступ: Если установите чекбокс «Зарегистрирован», то только зарегистрированные пользователи могут видеть контент.
• Метки: как и в Вордпресс, вы можете организовать содержимое по иерархическим категориям и тегам в свободной форме.

Более продвинутые настройки для публикации статей доступны внутри вкладок в верхней части экрана.

• Опции публикации: задайте дату начала и завершения для размещения статьи
• Опции статьи: Управляйте отображением вашей заметки.
• Конфигурациия настроек редактора: Выбирает что пользователи могут видеть при редактировании статьи на главной странице.
• Внутренние параметры метаданных: добавление мета-описания (description) и многое другое.
• Доступы к статье: контроль доступа и возможность редактирования.

Для просмотра и упорядочивания статей на вашем сайте, закройте статью, которую вы редактировали и нажмите на Content (Контент), а затем на Управление Статьями.

Вы увидите текст записи в главной области.

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

Шаблоны для Joomla

Дизайн вашего сайта контролируется шаблонами. В панели инструментов на главной странице переходите в Расширения (Extensions), а затем в Управление Шаблонами (Template Manager).

Кликните на «Мой стиль по умолчанию» (My Default style) и зайдите на вкладку Опции (Options).

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

Главные особенности в Joomla мы называем Компонентами (Components). Они имеют свои собственные ссылки в главном инструментарии админки.

3 из них наиболее полезные:

1. Контакты: Позволяют создавать
2. Обновления Joomla: самая свежая версия движка и «ядра» в один клик
3. Метки: Организация тегов, добавляемых к статьям.

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

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

Нажмите на Расширения, затем Диспетчер Модулей (Module Manager) и там вы увидите список функций для блога: старые заметки, блог рол, самые популярные статьи и другие.

Вы их заметите сразу, они находятся в положении – position 7

Теперь, наконец-то давайте взглянет на то, как контролировать колонками в сайдбаре.

Идем в Расширения – Менеджер Шаблонов – Опции (Options) в верхней части экрана.

Устанавливаем модуль Preview (Просмотр) в режим включено (Enabled).

Теперь добавляйте к урлу следующий префикс — ? tp = 1

У вас должно получиться следующее – http : //vash-domen.ru/?tp=1

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

Расширения Joomla.org

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

Есть место где вы все их можете найти – это площадка extensions.joomla.org

Этот каталог был запущен в 2006 году и в настоящее время имеет свыше 9000 самых разнообразных и полезных дополнений в категориях от «Доступ и безопасность» до «Дизайн и Стиль». Полное его название – Joomla Extension Directory или сокращенно JED. Давайте называть его Джидда для простоты и ясности 🙂

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

Картинка ниже взята из раздела «Доступ и безопасность» по ссылке — http://extensions.joomla.org/category/access-a-security

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

На скрине ниже вы можете просмотреть основные сведение об этом плагине для Джумла:

1. Имя расширения
2. Кнопка скачивания
3. Детализированное описание