Joomla — Урок 4. Делаем первую страницу сайта
Пришло время сделать первую страницу нашего сайта — главную страницу. Все материалы сайта в Joomla находятся в Менеджере статей, который находится в пункте Статьи:
Щелкаем по нему и попадаем в Менеджере статей. Сейчас у нас нет ни одной статьи, поэтому список пуст. Давайте создадим первую статью, для этого нажмем на кнопку Создать:
Открылась страница для добавления статьи
- Заголовок. Посмотрим на сайт-образец. У главной страницы заголовка нет, но в Joomla заголовок обязательно должен быть. Поэтому дадим нашей статье заголовок — Русобои СПб.
- Псевдоним. На главной странице это поле можно оставить пустым. Подробнее об этом параметре мы поговорим в 6 уроке.
- Раздел и Категория. Эта главная страница сайта, она не входит ни в какой раздел, поэтому выбираем — Без категории.
- Опубликовано. Если мы хотим, чтобы статья сразу появилась на сайте, то выбираем ДА.
- На главной. По умолчанию стоит НЕТ, но мы делаем статью для главной страницы, поэтому ставим ДА.
Нажимаем на кнопку Сохранить (в верхнем правом углу) и видим, что наша статья появилась в Менеджере статей
Перейдем на вкладку сайта, обновим его и посмотрим, что у нас получилось:
Отлично, текст на главной странице появился, но есть несколько недочетов:
— Отображается заголовок статьи, а на сайте-образце его нет.
— Отображаются автор статьи, дата и время опубликования, различные иконки и дата последнего обновления под статьей.
Чтобы все это убрать, снова пойдем в менеджер статей и щелчком по названию статьи откроем ее для редактирования. В правой части есть параметры настройки статьи, они нам и нужны:
Интересующие нас параметры находятся в Дополнительных параметрах. Раскрываем список, щелкнув по зеленому треугольничку и выбираем значение Скрыть в полях: заголовок страницы, имя автора, дата создания и изменения, значок PDF, значок Печать и значок e-mail:
Сохраняем статью (кнопка Сохранить в верхнем правом углу), идем на вкладку сайта, обновляем его и видим, что недочеты исправлены:
Но название сайта — Русобои — по-прежнему отображается. Давайте это исправим. Для этого идем на вкладку администрирования, в Главное меню, которое находится в пункте Меню:
У нас пока один пункт меню — Главная страница, щелкнув по его названию (Главная), откроется страница редактирования пункта меню:
Подробно о меню мы будем говорить позже, пока же нас интересует панель Параметры системы, в которой необходимо поставить галочку НЕТ у Опубликовать заголовок страницы:
Сохраняем изменения (кнопка Сохранить в верхнем правом углу), переходим на вкладку сайта и обновляем:
Ну вот, название сайта на странице больше не отображается. Осталось сделать внешний вид текста нашей статьи таким же, как у образца, т.е. выделить коричневым жирным шрифтом отдельные слова. Для этого на странице редактирования статьи можно использовать панель для форматирования текста.
В Joomla по умолчанию стоит редактор для форматирования TinyMCE, честно говоря не самый удачный редактор, слишком ограничен у него набор функций. Поэтому мы установим другой редактор — JCE, но сделаем мы это в следующем уроке.
Если этот сайт оказался вам полезен, пожалуйста, посмотрите другие наши статьи и разделы.
Как создать статическую (обычную страницу) в Joomla? — Joomla 1.5: Общие вопросы
Сегодня важный день для проекта Joomla! Мы отмечаем два года напряженной работы наших добровольцев, решивших выпускать новую основную версию каждые два года. После большого количества обсуждений, спринтов по написанию кода и устранения ошибок этот день наконец настал и мы с гордостью объявляем о выпуске новой мажорной ( major ) версии Joomla 5.0, наряду с Joomla 4.4.
В Joomla Extensions Directory появился тег совместимости с Joomla 5.
Joomla-разработчики, проверившие совместимость своих расширений с Joomla 5 могут поставить галочку ��
JoomlaDay Spain, Madrid.
В Мадриде, Испания 5-6 октября 2023 года проходит Joomla Day — конференция, посвящённая как новичкам, так и профессионалам, работающим с Joomla.
Создание страниц в CMS Joomla 3
Создадим страницу с контентом и ведущий на неё пункт меню.
Как создать материал
1. В главном меню панели управления Joomla выберите Материалы -> Менеджер материалов.
2. Откроется страница с уже созданными статьями. Их можно просмотреть, отредактировать или удалить, но сейчас нас это не интересует. Чтобы добавить новую статью, нажмите кнопку Создать в левой верхней части страницы.
3. В поле Заголовок введите название статьи.
4. В основное поле вставьте её текст. Создавать материалы прямо из админ-панели удобно, потому как Joomla предлагает для этой цели функциональный и удобный визуальный редактор, основные инструменты форматирования в котором не спрятаны глубоко и у большинства пользователей не вызовут вопросов. Однако есть некоторые возможности, о которых стоит упомянуть.
- Редактор может работать как в визуальном режиме, так и в режиме просмотра исходного кода материала. Чтобы активировать его, нажмите Инструменты -> Исходный код.
- Обратите внимание на вкладки. Самое популярное действие, кроме правки текста — добавление в него картинок. Эта функция в расширенном виде доступна на вкладке Изображения и ссылки.
- Простая вставка картинок (без широких возможностей) спрятана не так далеко: Вставить -> Вставить/редактировать изображение.
Однако вместо загрузки файла картинки такой подход предполагает вставку адреса ссылки, ведущей на рисунок.
- На вкладке Материал есть кнопка Модуль, с помощью которой можно вывести разного рода содержимое (архивы статей, последние, самые популярные посты и т. д.) прямо в материале. Нажмите кнопку Модуль и выберите, информацию какого именно хотите вывести, нажав на его названии.
После выбора в материале появится новая строка кода.
5. Когда материал готов, из раскрывающегося списка Категории выберите раздел, которому он принадлежит (как создавать категории, читайте здесь). Кроме того, вы можете добавить запись в Избранное, если нажмёте Да в одноимённой области.
6. Из раскрывающегося списка Доступ выберите, кто может просматривать материал. По умолчанию установлен уровень доступа Public — это значит, что страница будет находиться в публичном доступе и просмотреть её сможет любой желающий.
7. В поле Метки введите теги поста.
8. Когда материал будет полностью готов к публикации, нажмите кнопку Сохранить.
Как создать пункт меню
1. В панели управления Joomla откройте Меню -> Менеджер меню.
2. Загрузится страница со списком доступных меню. Щёлкните на том, в котором должен появиться новый пункт. Шаблон, установленный по умолчанию, содержит три меню: Top (верхнее), Main Menu (отображается справа) и User Menu (меню пользователя, которое появляется только после авторизации на сайте). Новый пункт можно добавить в любое из них, но я создам его в меню Top.
В нём мы видим два совершенно ненужных пункта (Sample Sites и Joomla.org) и один (Home), который надо переименовать, он ведёт на главную страницу сайта. Установите флажки рядом с ненужными пунктами и нажмите кнопку В корзину, щёлкните на оставшемся пункте, в поле Заголовок меню открывшейся страницы вместо Home введите Главная и нажмите Сохранить. В результате верхнее меню сайта полностью поменяет структуру.
3. Для добавления пункта в редакторе меню Top нажмите кнопку Создать.
4. Нажмите кнопку Выбрать области Тип пункта меню открывшейся страницы.
5. Из появившегося списка выберите Материалы -> Материал (подробнее об остальных типах меню читайте здесь).
6. В области Выбор материала нажмите кнопку Выбрать.
7. Либо найдите нужный материал в списке имеющихся, либо воспользуйтесь поиском — в поле Фильтр введите заголовок вашей статьи и нажмите Искать. Когда пост будет найден, щёлкните на нём кнопкой мыши.
8. Чтобы добавить пункт, нажмите кнопку Сохранить. Обратите внимание на дополнительные настройки: в частности, вы можете задавать родительский элемент меню (с помощью этой функции можно создавать подменю), устанавливать уровень доступа (как в материалах), изменять порядок расположения элементов и т. д.
Теперь можно перейти на сайт и посмотреть, что получилось — щёлкните на вновь созданный пункт меню и посмотрите свой первый материал.
Полезные ссылки:
- Выбор редакции:uKit лучший конструктор сайтов.
- Сайт на Joomla 3 с нуля по гуру — видеокурс;
- WordPress 5 с Нуля до Гуру — видеокурс;
- Заработок на создании сайтов — бесплатный курс по открытию своей веб-студии;
- Каталог курсов — полноценные платные видеокурсы по созданию сайтов.
Создание страницы в 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 модуль.
Контент страницы Категорий в joomla (описание категорий) создается по такому же принципу.
Видео. Пример создания страницы в Joomla.
- Перечень бесплатных плагинов для Joomla
- SEO оптимизация joomla