Создать страницу в joomla

Создать страницу в joomla

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

  1. Заходим в административную панель сайта
  2. Выбираем "Материалы">"Менеджер материалов">"Создать материал"
  3. Заполняем "Заголовок" и чуть ниже пишем контент страницы. В правой колонке выбирает нужную категорию во вкладке "Категория" (по необходимости).
  4. Жмем "Сохранить и закрыть"
  5. Далее сверху выбираем "Меню"> выбрать соответствующую группу меню > "Создать пункт меню"
  6. Заполняем "Заголовок меню"
  7. Выбираем "тип пункта меню" — в нашем случае это будет "Материалы"> "Материал"
  8. Появится вкладка "выбрать материал", где выбираем нужный материал, заголовок которого заполняли в пункте 2
  9. Нажимаем "Сохранить и закрыть"

ПОЗДРАВЛЯЮ! Вы добавили на свой сайт новую страницу.))

Создание страницы в 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).

Читайте также:  Как зарегистрироваться в магазине windows 10

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

При пользовании «Инфоуроком» вам не нужно платить за интернет!

Минкомсвязь РФ: «Инфоурок» включен в перечень социально значимых ресурсов .

Лабораторная работа № 2. Создание страниц сайта в Joomla

Пришло время сделать первую страницу нашего сайта — главную страницу. Все материалы сайта в Joomla находятся в Менеджере материалов, который находится в пункте Материалы:

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

Открылась страница для добавления статьи

Здесь нужно указать ряд параметров:

Заголовок. В Joomla заголовок обязательно должен быть. Поэтому дадим нашей статье заголовок — Русобои Чебоксары.

Псевдоним. На главной странице это поле можно оставить пустым.

Раздел и Категория. Эта главная страница сайта, она не входит ни в какой раздел, поэтому выбираем – Не указано.

Опубликовано. Если мы хотим, чтобы статья сразу появилась на сайте, то выбираем ДА.

На главной. По умолчанию стоит НЕТ, но мы делаем статью для главной страницы, поэтому ставим ДА.

Вводим следующий текст:

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

При производстве самих обоев компания использует дорогой, высококачественный флизелин-прессованный текстиль, состоящий из целлюлозы и вискозы. Этот материал легкий и долговечный. Благодаря этому, наши обои просты при монтаже и точны в подгонке. Устойчивы к истиранию и не теряют свою первоначальную форму. Пигменты, которые используются при окраске обоев — экологически чистые. Это те же пигменты, которые применяются в косметологии. Цветовые мотивы обоев адаптированы под вкусы и предпочтения российского потребителя. Кроме основных тем фабрика «Русобои Чебоксары» традиционно предоставляет богатейший выбор цветовых компаньонов, что оставляет максимум простора для дизайнерской мысли при разработке индивидуальных интерьеров. В разработке некоторых коллекций принимали участие японские дизайнеры, но в основном фабрика предоставляет классические традиции австрийской и немецкой школы.

Обои «Русобои Чебоксары» имеют большое преимущество по размеру. Техническое совершенство исполнения позволяет фабрике запускать обои шириной 1м, что недоступно для большинства западных производителей. Продукция «Русобои Чебоксары» получила одобрение среди самых требовательных и изысканных клиентов. Нашими обоями декорированы стены зданий правительств в пяти субъектах Российской Федерации.

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

Нажимаем на кнопку Сохранить (в верхнем правом углу) и видим, что наша статья появилась в Менеджере материалов:

Читайте также:  Как запустить флешку с виндой на ноутбуке

Перейдем на вкладку сайта, обновим его и посмотрим, что у нас получилось:

Отлично, текст на главной странице появился, но есть несколько недочетов:

— Отображается заголовок статьи,

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

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

Интересующие нас параметры находятся в Дополнительных параметрах. Раскрываем список, щелкнув по зеленому треугольничку и выбираем значение Скрыть в полях: заголовок страницы, имя автора, дата создания и изменения, значок PDF, значок Печать и значок e-mail:

Сохраняем статью (кнопка Сохранить в верхнем правом углу), идем на вкладку сайта, обновляем его и видим, что недочеты исправлены:

Но название сайта — Русобои — по-прежнему отображается. Давайте это исправим. Для этого идем на вкладку администрирования, в Главное меню, которое находится в пункте Все меню:

У нас пока один пункт меню — Главная страница, щелкнув по его названию (Главная), откроется страница редактирования пункта меню:

На панели Параметры системы надо поставить галочку НЕТ у Показать заголовок страницы:

Сохраняем изменения (кнопка Сохранить в верхнем правом углу), переходим на вкладку сайта и обновляем:

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

В Joomla по умолчанию стоит редактор для форматирования TinyMCE, честно говоря не самый удачный редактор, слишком ограничен у него набор функций. Поэтому мы установим другой редактор – JCE.

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

Компонент — блок управления расширением (именно здесь идет настройка работы расширения).

Модуль — отвечает за то, в каком месте сайта будет отображаться информация, за которую отвечает расширение.

Плагин — внедряет расширение прямо в текст страницы сайта. Расширения могут состоять только из компонента, из компонента и плагина, из компонента и модуля или из всех трех частей.

При установке Joomla устанавливается несколько базовых расширений, 6 из них имеют блоки управления — компоненты, которые вы можете увидеть в соответствующем разделе меню:

Остальные придется устанавливать самостоятельно по мере необходимости. У нас возникла необходимость установить расширение — редактор JCE.

Наше расширение состоит из компонента (файл D :Джумлcom_jce_157_156_package.zip) и плагина (файл D :Джумл plg_jce_156.zip). Теперь идем в администраторскую зону: РасширенияУстановить/удалить.

Нажимаем на кнопку Выберите файл, выбираем сначала компонент com_jce_157_156_package.zip и нажимаем на кнопку Загрузить файл & Установить:

Видим, что компонент установлен:

Теперь также устанавливаем плагин:

После того, как установлен и плагин, можно увидеть, что наш компонент появился в пункте меню Компоненты:

А затем убедиться в Расширения – Менеджер плагинов:

что плагин Editor — JCE 1.5.6 включен (в столбце Включен стоит зеленая галочка).

Теперь нам надо сделать наш редактор редактором по умолчанию. Для этого мы идем в пункт меню Сайт – Общие настройки:

В поле Визуальный редактор по умолчанию выбираем наш редактор Editor — JCE 1.5.6 и сохраняем изменения.

Открываем нашу главную страницу для редактирования: Материалы – Менеджер материалов — Русобои Чебоксаы. Как видете панель форматирования стала гораздо объемнее:

Вообще форматировать текст можно двумя способами:

1. С помощью визуального редактора. Он такой же, как в Worde.

2. С помощью редактора HTML (для тех, кто знает html). Для того, чтобы перейти в редактор HTML надо щелкнуть по ссылке [ edit code ]

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

Итак, наша главная страница готова.

Нам осталось разобраться с двумя вопросами:

1. С полем Псевдоним.

2. С глобальными настройками.

Псевдоним используется в SEF-ссылках (search engines friendly url, т.е человекопонятные УРЛ). Чтобы было понятнее приведем два примера: Если оставить это поле пустым, то УРЛ страницы, сделанной на CMS Joomla, будет выглядеть примерно так: http:// www.rusoboi.net/ index.php?option = com_content & view = article&id=2&Itemid=2 а если указать псевдоним статьи (например, shop) — то УРЛ той же статьи будет вот таким: http://www.rusoboi.net/index.php/shop Согласитесь, что выглядит такой адрес куда лучше. Такой тип ссылок создается встроенным SEF расширением Joomla

Читайте также:  Красивая музыка для клипа из фотографий

На главной странице это поле можно оставить пустым, так как адрес главной страницы и так человеческий. А вот прежде, чем создавать другие статьи, надо включить SEF-расширение. Для этого мы идем в пункт меню Сайт – Общие Настройки:

В панели Поисковая оптимизация (SEO) ставим галочку ДА у Включить SEF-ссылки (ЧПУ) и сохраняем изменения:

Ранее, когда мы создавали Главную страницу, в параметрах настройки материалов, мы скрывали имя автора, дату создания и изменения статьи, различные иконки и т.д. Конечно, можно задавать эти настройки для каждой статьи (локальные настройки). Но если мы хотим задать какие-то настройки для всех статей сайта, то необходимо воспользоваться Глобальными настройками.

Для этого мы идем в пункт меню Материалы – менеджер материалов и щелкаем по кнопке Параметры:

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

Наполняем сайт материалами (вставляем картинки)

В Joomla нельзя создать пункт меню, пока нет материала, на который этот пункт будет ссылаться. Поэтому мы сначала создадим 4 материала: Условия работы, Наши магазины, Контакты и Статьи (Карту сайта будем делать позже), а затем создадим меню.

Итак, создаем первую статью — Условия работы. Для этого, как вы уже знаете, идем в Административную панель и выбираем пункт Добавить материал:

Даем нашей статье:

Заголовок — Условия работы.

Псевдоним — cooperation (так эта страница называется на сайте-образце).

Раздел и Категория – Не указано.

На главной — НЕТ.

Мы производим доставку готовой продукции по всей территории России

По г. Чебоксары и Новочебоксарск доставка осуществляется бесплатно.

В другие регионы России доставка осуществляется транспортными компаниями, любыми на Ваш выбор. В данном случае стоимость доставки Вы оплачиваете самостоятельно, по факту прибытия продукции, в конечный пункт назначения. Стоимость составит порядка 200-400 руб., в зависимости от пункта назначения.

Оплатить заказ Вы можете несколькими способами:

Наличными или картой курьеру при получении.

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

Банковским переводом на карту.

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

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

В офисе нашей компании

Оплатить и забрать заказанную продукцию Вы можете в нашем офисе по адресу:
г. Чебоксары, ул. И. Франко, д. 3

Принимаем к оплате пластиковые карты.

Аналогично, создаем следующую статью — Наши магазины (stores). Здесь встает вопрос, как вставлять картинки в Joomla. Сами картинки расположены в двух блоках. Такую разметку удобнее всего сделать с помощью таблицы из одной строки и двух столбцов. Используя визуальный редактор, таблица задается кнопочкой Inserts a New Table:

Все изображения, которые вы будете использовать для своих статей, должны храниться в папке stories. Полный путь к этой папке у нас следующий:

Сохраним сюда нашу картинку karta .jpg

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

Здесь мы выбираем изображение, задаем необходимые параметры (описание, выравнивание. ) и нажимаем кнопку Insert. Все, картинка вставлена .

Чтобы вставлять в Joomla картинки, необходимо:

Поместить картинки в папку stories.

Встать курсором мыши в то место статьи, куда хотим вставить картинку.

Щелкнуть по значку Insert/Edit image. В открывшемся окне выбрать необходимое изображение (щелкнуть по названию в списке), задать необходимые параметры (отступы, выравнивание, описание, размеры) и нажать на кнопку Insert (Вставить).

Удалить картинку можно кнопкой Del на клавиатуре.

Самостоятельно создайте для сайта Иванова Ивана Ивановича два пункта меню: О себе, Мои увлечения. Обязательно отредактируйте маиериалы (цвет, шрифт) и вставляйте картинки с использованием таблиц.

Ссылка на основную публикацию
Сколько рублей получают ютуберы
Видеохостинг YouTube — не только развлекательная площадка, но и хороший источник дохода. Тысячи пользователей выкладывают ролики, пытаясь привлечь внимание аудитории....
Самый дорогой самсунг 2018
Samsung / Самсунг - южнокорейская компания, ведущий производитель смартфонов в мире. В первом квартале 2018 года доля Самсунг на мировом...
Самый лучший smart tv
Ежегодные обновления телевизионных технологий делают телевизоры уже больше, чем обычным экраном для демонстрации каналов. Растет популярность функции Smart TV, которая...
Сколько света мотает компьютер
Выбирая комплектующие для персонального компьютера (ПК) обычно обращают внимание на производительность и объем памяти, порой забывая о том, сколько же...
Adblock detector