В этом уроке я пошагово расскажу, как добавлять материалы, новости, или статьи на сайт Joomla через редактор JCE Editor. Этот редактор по праву считается самым лучшим для Joomla, так как с его помощью очень легко редактировать введённый текст, а также добавлять картинки и фото в материал.
Кроме того, в редакторе JCE очень удобно работать с исходным кодом текста.
Но так как мы только начинаем изучение Joomla, то в этой статье я расскажу лишь о том, как правильно добавить новый материал (новость, статью) на сайт и как красиво оформить и украсить этот материал картинками, или фото. Каждый этап публикации материала, будет сопровождаться соответствующим визуальным руководством (картинкой).
Пошаговое руководство добавления материала в Joomla через редактор JCE
Шаг 1. Заходим в Панель управления сайтом
Шаг 2. Нажимаем «Материалы» – «Менеджер материалов» – «Создать материал»
Шаг 3. В появившуюся форму вводим «Заголовок» и набираем текст новости. Также выбираем категорию к которой относится материал. Принцип работы с редактором новостей очень похож на работу с программой MS Word.
Шаг 4. Добавляем фото в новость. Для этого сначала устанавливаем курсор ввода в то место, где должна быть установлена картинка, затем нажимаем на иконку «Вставить/Изменить изображение»
Шаг 5. Обязательно кликаем на папку 2018 (или любую другую, которую посчитаете нужным), чтобы именно в нее загрузить новое фото.
Шаг 6. Кликаем «Загрузить»
Шаг 7. Перетаскиваем нужное фото на появившуюся форму, или добавляем фото используя кнопку «Обзор»
Шаг 8. Для того, чтобы фото было загружено на сайт необходимо нажать кнопку «Загрузить»
Шаг 9. Если все сделано правильно, то загруженное фото должно появиться в перечне изображений.
Шаг 10. Несмотря на то, что картинка отмечена галочкой, необходимо кликнуть по самому названию этого изображения левой кнопкой мыши. После этого в верхней части формы появится ссылка на изображение, информация о размере изображения и т.д.
Шаг 11. Устанавливаем параметры добавления картинки в статью
Шаг 12. Нажимаем на кнопку «Вставить». После этого картинка должна появиться в том месте текста, где был установлен курсор ввода.
- Ширина картинки 300px (длина будет изменена автоматически)
- Выравнивание картинки (в моем случае по левому краю)
- Убираем галочку «Равны»
- В поле «Отступ» – «Справа» устанавливаем значение 10. Это означает что отступ справа от картинки будет составлять 10px. Таким образом текст не будет накладываться на фото.
Примечание.
Если нужно чтобы картинка была по правой стороне и обтекала текстом, то выравнивание ставим «Право», а поле отступ «Слева» – 10px.
