Создание страниц joomla 3

Создание страниц 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 введите Главная и нажмите Сохранить. В результате верхнее меню сайта полностью поменяет структуру.

Читайте также:  Построение сложных диаграмм в excel

3. Для добавления пункта в редакторе меню Top нажмите кнопку Создать.

4. Нажмите кнопку Выбрать области Тип пункта меню открывшейся страницы.

5. Из появившегося списка выберите Материалы -> Материал (подробнее об остальных типах меню читайте здесь).

6. В области Выбор материала нажмите кнопку Выбрать.

7. Либо найдите нужный материал в списке имеющихся, либо воспользуйтесь поиском — в поле Фильтр введите заголовок вашей статьи и нажмите Искать. Когда пост будет найден, щёлкните на нём кнопкой мыши.

8. Чтобы добавить пункт, нажмите кнопку Сохранить. Обратите внимание на дополнительные настройки: в частности, вы можете задавать родительский элемент меню (с помощью этой функции можно создавать подменю), устанавливать уровень доступа (как в материалах), изменять порядок расположения элементов и т. д.

Теперь можно перейти на сайт и посмотреть, что получилось — щёлкните на вновь созданный пункт меню и посмотрите свой первый материал.

Очередь просмотра

Очередь

  • Удалить все
  • Отключить

Хотите сохраните это видео?

  • Пожаловаться

Пожаловаться на видео?

Выполните вход, чтобы сообщить о неприемлемом контенте.

Понравилось?

Не понравилось?

Текст видео

Данный урок — это пошаговая инструкция как создать страницу в Joomla, а точнее — создать материал.
Бесплатный самоучитель по Joomla здесь: http://step-to-web.ru/

После просмотра видео вы сможете создать страницу в Joomla 2.5, Joomla 3.0 и Joomla 1.5 — процесс аналогичен для всех версий.

В руководстве описаны основные поля, которые нужно заполнить при создании материала, а именно:
Заголовок материала;
Title tag — заголовок страницы для поисковых роботов;
Категория;
Текст материала;

Об остальных настройка более подробно в другом уроке:

Создание страницы в Joomla заключается в прикреплении контента (содержимого — текста, изображений, ссылок и пр.) к определенному адресу (url) с помощью движка. По умолчанию в движке Joomla уже стоит визуальный редактор TinyMCE, но по опыту, для качественного и удобного создания страницы в Joomla рекомендуется установить визуальный редактор JCE от разработчиков движка (CMS) Joomla. Подробнее про установку и настройку JCE для Joomla здесь.

Начало работы в Joomla.

Входим в админ панель (Панель управления) Joomla.

В административной панели Joomla нажимаем кнопку в верхнем меню МАТЕРИАЛЫ, всплывает подменю, в нем при наведении курсора на пункт МЕНЕДЖЕР МАТЕРИАЛОВ, справа появляется пункт — СОЗДАТЬ.

Или после нажатия на пункт МЕНЕДЖЕР МАТЕРИАЛОВ, в открывшемся менеджере материалов слева вверху жмем зеленую кнопку СОЗДАТЬ.

Читайте также:  Доступ по rdp через интернет

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

Работа в редакторе по созданию контента страницы 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 (описание категорий) создается по такому же принципу.

Ссылка на основную публикацию
Adblock detector