Как сделать страницу в joomla. Создание страницы в Joomla на примере материала
Действия при создании новой статьи в Joomla 3 крайне просты. Но для начала я советую спроектировать структуру сайта как отдельного проекта. То есть создать структуру категорий . Также полезно сразу и параллельно создать метки для материалов , а также начать подумывать о том, как будут хранится картинки и файлы в Медиа-менеджере . Ну и подумать о том, что будет в основном меню сайта и возможные другие меню.
Чем раньше озадачится вопросами, озвученными выше, тем проще будет работать с проектом в будущем и расширять его при необходимости. Запутанные проекты, где всё свалено в одну кучу в стиле «Смешались люди, кони... » рано или поздно приведёт к Бородинскому сражению и не вполне ясно, кто в нём проиграет и чего будет стоить победа. ;)
Но хватит лирики. Дальше будет описано несколько ссылок, по которым можно попасть на страницу создания нового материала, новой статьи, новой новости; называйте как угодно. Это всего лишь отдельная запись в базе данных, имеющая несколько полей, заполнять которые мы научимся в других статьях... Итак!
. Ссылка с главной страницы админки.
На главной странице «Панели управления» Joomla в левом боковом меню в разделе «Материалы » есть ссылка «», кликнув на которую попадаешь на страницу создания нового материала:
. Ссылка в главном (верхнем) меню Joomla.
Если кликнуть в Главном меню админки Joomla на пункт меню «Материалы », а потом подвести курсор мыши на подменю «Менеджер материалов » (не кликая по нему, то выпадет ещё один пункт меню «». Клик по этому пункту также приведёт на страницу создания материала:
Кнопка + «Создать ». Создание нового материала в «Менеджере материалов»
Ну, если в предыдущем случае, проводя курсором над ссылкой «Менеджер материалов » пункта «Материалы » не удалось удержаться, по по клику на «Менеджер материалов », мы попадём в раздел админки «Менеджер материалов ». В этом нет ничего непоправимого, так как есть зелёная кнопка «Создать », расположенная в верхнем ряду кнопок управления материалами. Клик по этой кнопке также приведёт на страницу создания нового материала для сайта на Joomla:
Итог.
В итоге, любым из описанных выше способов можно попасть на страницу «Менеджер материалов », которая выглядит примерно так:
В верхнем ряду этой страницы располагаются кнопки управления. Ниже поля для наполнения содержимым новой статьи, справа от окна визуального редактора есть дополнительные опции для того, чтобы управлять расположением статьи на сайте, а вкладки помогают оформлению статьи и оптимизации её для поисковых систем.
Всё это рассмотрено (чтобы не мешать всё одну кучу: и людей, и коней, во избежание Бородинского сражения). =D
В этой статье я хочу поговорить на тему, что такое главная страница 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, страница называется «материал».
Условно процесс добавления страницы состоит из двух этапов:
- Создание «материала» (собственно самой страницы)
- Привязка «материала» к меню сайта, чтобы посетитель смог как-то найти и открыть данную страницу.
Итак, разберем эти пункты подробнее:
Создание материала
1. Войдите в панель управления сайтом и кликнете на «Менеджер материалов»
2. Если Вы планируете создать новую страницу, то в «менеджере материалов» кликнете на кнопку «создать»:
3. В окне добавления материала укажите его название, и вставьте или напишите текст материала.
После этого, сохраните и закройте «материал». Поздравляем Вас, Вы создали новую страницу, теперь нужно сделать так, чтобы она появилась на Вашем сайте.
Привязка «материала» к меню сайта
Вы создали новую страницу сайта, теперь, чтобы посетитель сайта смог зайти на эту страницу нужно создать для нее новый пункт меню.
1. Вернитесь на главную страницу панели управления сайтом и зайдите в «Менеджер меню»
2. Выберите меню, в которое Вы хотите добавить новый пункт, как правило, это «Вертикальное меню»
3. Войдя в редактирование «Вертикального меню», нажмите на кнопку «Создать», для создания нового пункта меню.
4. Сначала нужно выбрать тип пункта меню. Для этого в первой строке нажмите кнопку «выбрать»
5. Выберите тип пункта меню «Материал»
6. Укажите название пункта меню, выберите из списка нужный материал, который будет открываться при клике на данный пункт меню. Больше ничего заполнять не нужно! Сохраните пункт меню. (Для увеличения изображение кликнете по нему мышью)
(Если Вы хотите добавить новый материал в качестве подпункта к уже существующему пункту меню, то Вам нужно указать «Родительский элемент». Для этого в поле «Родительский элемент» Вам нужно выбрать основной пункт меню, для которого Вы создаете новый подпункт.)
Вы добавили новый «материал» и пункт меню с привязкой к данному материалу. Откройте Ваш сайт, проверьте проделанную работу. Должен появиться новый пункт меню в вертикальном меню, при клике на который, должен открываться созданный Вами «материал» (новая страница).
Создание страницы материала в Joomla.
В статье показано как создать страницу в Joomla на примере создания материала (пример видео в конце статьи), основные действия, нюансы для начинающих.
Создание заголовков, вставка текста и изображений, создание ссылки.
Создание страницы в Joomla на примере материала.
Создание страницы в Joomla заключается в прикреплении контента (содержимого - текста, изображений, ссылок и пр.) к определенному адресу (url) с помощью движка. По умолчанию в движке Joomla уже стоит визуальный редактор TinyMCE, но по опыту, для качественного и удобного создания страницы в Joomla рекомендуется установить визуальный редактор JCE от разработчиков движка (CMS) Joomla. Подробнее про установку и настройку JCE для Joomla .
Начало работы в Joomla.
Входим в админ панель (Панель управления) Joomla.
В административной панели Joomla нажимаем кнопку в верхнем меню МАТЕРИАЛЫ, всплывает подменю, в нем при наведении курсора на пункт МЕНЕДЖЕР МАТЕРИАЛОВ, справа появляется пункт - СОЗДАТЬ.
Или после нажатия на пункт МЕНЕДЖЕР МАТЕРИАЛОВ, в открывшемся менеджере материалов слева вверху жмем зеленую кнопку СОЗДАТЬ.
Открывается редактор материала, где и будем создавать контент (содержимое) нашей страницы.
Работа в редакторе по созданию контента страницы Joomla.
По умолчанию стоит визуальный редактор TinyMCE. Принцип работы в нем похожий.
Но в данном примере будем рассматривать создание материала с помощью редактора JCE, который можно загрузить или установить из JED и в общих настройках системы установить по умолчанию. Одним из достоинств данного редактора является такие моменты, как возможность создавать всплывающие окна изображений, роликов Youtube и пр. Пример создания всплывающего окна изображений в видео ниже. Но для такого функционала дополнительно необходимо установить плагин JCE MediaBox аналогичным образом (см. картинку). После загрузки и установки данных плагинов назначаем в общих настройках системы по умолчанию редактор JCE для создания страниц и редактирования контента в модулях Joomla.
В редакторе JCE - вводим название материала (обязательное поле) (1). Материал необходимо привязать к категории. По умолчанию, если категория в правом окне (2) не выбрана, материал сохраняется в разделе Uncategorized. Создание своей категории можно подобным подобным образом.
Создание адреса страницы материала в Joomla.
Адрес материала (url) при включенном в общих настройках параметры SEO (ЧПУ) будет автоматически генерироваться от названия материала. Адрес можно создать вручную (латинскими буквами без пробелов, между словами дефис) в окне Алиас (справа вверху)(3). Создание и редактирование url можно также осуществлять при помощи дополнительных SEO плагинов для Joomla. Про настройку движка Joomla для поиска читайте в статье SEO оптимизация Joomla.
Создание контента (содержимого страницы).
Принцип работы визуального редактора для Joomla (JCE) в основном подобен как в документе Microsoft Word. В поле набираем текст, вставляем изображения и ссылки. Для визуального выделения текста и улучшения SEO выбираем заголовки (4). Для чего выделяем нужный текст в окне format и выбираем из списка нужный. В данном случае Heading 1 (Заголовок 1) соответствует тегу h1.
Необходимо знать, что при создании страницы, вставлять копированный текст из Word, тем более с другого сайта, рекомендуется предварительно вставив текст в блокнот, чтоб удалить сторонние стили и ссылки. В крайнем случае, выделить весь текст и нажать кнопку с символом ластика remove formatting. (5).
Вставка изображения в редактор.
Для вставки картинки нажимаем на кнопку редактора Insert/Edit image/(1).
В появившемся менеджере изображений (Image manager) выбираем папку на хостинге, куда будем сохранять файл изображения (2).
Или создаем новую папку, называем ее латинскими буквами (3).
Для загрузки файла нажимаем на кнопку с символом изображения с синей стрелкой вверх (Upload) (4).
В открывшемся окне Upload (загрузка) загрузить файл можем двумя способами.
1. Перетягиванием файл из папки на компьютере в окно Upload, (5).
2. Загрузка обычным способом с помощью кнопки с символом лупы Browse выбираем в открывшемся окне свой файл в нужной папке на компьютере и нажимаем открыть (или двойной клик по файлу). (6).
3. Кнопкой Upload загружаем файл в выделенную для него папку на хостинг. (7)
Обработка изображения.
Для того чтобы картинка вставилась в редакторе в нужном месте текста, необходимо нажать на загруженную картинку в Image manager! Чтобы сформировался адрес картинки (путь на хостинге, указывающий какой именно файл из какой папки вставляем в поле редактора страницы.)(1).
Можно выставить свои размеры картинки (2) (или впоследствии масштабировать ее в визуальном редакторе страницы), задать выравнивание по желаемому краю страницы (Alignment) (3), отступы (margin) (4), создать обводку (border) любой ширины и цвета (5) и другие параметры.
Желательно сразу присвоить картинке тег Title во вкладке image manager - Advanced чтобы картинка лучше искалась в интернет поиске по картинкам и название картинки всплывало при наведении на нее курсором на странице сайта.
После того, как предварительно настроили изображение, вставляем его в поле редактора материала кнопкой insert.
Дальнейшая работа с изображением в редакторе Joomla.
После вставки картинки в страницу материала просматриваем, как получилось, и при необходимости настраиваем вид изображения, выделив его. Например: масштабирование (изменение размера) производим, потянув за квадратики (маркеры) на выделенной картинке (1), выравнивание выделенной картинки можно сделать аналогично, как и текст, кнопками в панели редактора (2). Это можно сделать опять через Image manager, как описано выше. Еще про оптимизацию изображений на этой странице.
Создание ссылки в joomla.
Создать ссылку можно следующим образом - вставить с помощью кнопки с символом звена цепи. Для этого выделяем текст, нажимаем на кнопку ссылки, и в открывшемся окне в поле URL вводим необходимый адрес со всеми необходимыми настройками атрибутов ссылки. В Joomla ссылки на внутренние страницы пишем без доменного имени. В итоге мы создали ссылку с анкором (текстом).
Сохранение страницы.
По умолчанию при сохранении страницы в Joomla настроено состояние Опубликовано. Если страница не до конца оформлена, необходимо справа нажать на зеленую кнопку Опубликовано и в выпадающем списке выбрать Не опубликовано.
Чтобы страница показывалась на сайте, ее необходимо прикрепить к пункту меню или к категории, которая уже опубликована и прикреплена к пункту меню, или адрес вставить ссылкой в текст опубликованной страницы или html модуль.
Десять лет назад это могло казаться фантазией, но сейчас даже начинающий пользователь может создать самый простой сайт. Осуществить свою задумку легко, используя специальные движки, которые устанавливаются за пару минут.
Инструкция
