Как в joomla сделать ссылку на документ word?

От автора: приветствую Вас дорогой друг.

Публикуя материалы на сайте, достаточно часто необходимо добавлять к содержимому статьи, информацию из различных ранее созданных документов, то есть отображать непосредственно на странице контент интересующего файла документа.

Поэтому в данной статье, мы с Вами поговорим о том, как добавить в CMS Joomla pdf файл (то есть как добавить pdf в статью joomla), так как этот формат, наиболее популярен в данное время.

Итак, PDF (Portable Document Format) — межплатформенный формат электронных документов, разработанный фирмой Adobe Systems.

Конечно в стандартной комплектации, инструменты по добавлению вышеуказанного типа документов в материалы Joomla ответствуют, а значит, воспользуемся удобным и простым в работе расширением, под названием PDF Embed.

На странице данного плагина, официального сайта расширений Joomla, традиционно кликаем по кнопке “Download” и переходим на официальный сайт разработчика расширения.

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Узнать подробнее

Затем, переходим по ссылке ”Download Now” на страницу выбора интересующей версии.

Выбрав подходящую версию, кликаем по кнопке “Take me to the downloads for this version”.

Таким образом, мы перешли на страницу скачивания архива и для этого, конечно же, необходимо нажать по кнопке “Download Now”.

Замете, что для скачивания архива, необходимо зарегистрироваться, иначе при попытке скачивания, Вас перенаправят на страницу указанную выше. После скачивания, необходимо установить pdf плагин на joomla 3. Для этого, как обычно используем менеджер расширений.

Обратите внимание, что после установки, на экране будет отображена краткая инструкция по использованию расширения, в соответствии с которой первым делом, необходимо активировать два плагина которые были установлены. А значит, переходим в менеджер плагинов и выполним “требования” инструкции.

При этом плагин “Content – PDF Embed” занимается разбором контента и при нахождении специальной строки, отображает PDF документ, путь которого указан в ней, плагин Button – Embed PDF — отображает кнопку добавления PDF документа в визуальном редакторе Joomla.

После активации, давайте непосредственно поговорим о том, как вставить pdf в материал joomla. Итак, переходим в менеджер материалов и открываем статью, в которую необходимо добавить интересующий документ.

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Узнать подробнее

При этом сразу же, в глаза бросается новый элемент управления – кнопка добавления PDF документа (Embed — PDF), которую мы с Вами далее используем, но по сути, данный инструмент добавляет в область с текстом, в место где расположен курсор, специальную строку, с параметрами вставки документа, которая отслеживается плагином.

И конечно, никто не запрещает Вам, самостоятельно, так сказать, вручную прописать необходимую строку, синтаксис которой следующий:

{pdf=doc.pdf|width|height|native}

{pdf=doc.pdf|width|height|native}

В строке используются следующие параметры:

• doc.pdf – полный путь к интересующему документу,
• width – ширина блока в котором будет отображено содержимое документа,
• height – высота блока в котором будет отображено содержимое документа,

Источник: https://webformyself.com/joomla-kak-vstavit-pdf-fajl/

Добавление ссылок и изображений в материалы на Джумле

Подробности Категория: Уроки Joomla Просмотров: 5873

В наших предыдущих уроках мы рассказали о создании материалов на CMSJoomla 3:

Урок 9. Создание материала в Joomla 3

А так же научились редактировать материалы и изменять их описание, формат вывода и т.д.:

Урок 9-1. Функции редактирования материала на Joomla 3

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

Так же иногда приходится проставлять ссылки на другие материалы или же другие сайты. О том, как вставить все эти элементы мы расскажем в этом уроке.

Все функции будут рассмотрены с установленным на сайте текстовым редактором JCE — Урок 6. Установка и настройка текстового редактора JCE.

Как вставить ссылку в материал Joomla 3

            Начнем наш урок с, пожалуй, самого популярного вопроса вставки ссылок в материалы на Джумле. На самом деле выполняется это довольно просто. Давайте поэтапно рассмотрим весь процесс.

• 1) Переходим в раздел МАТЕРИАЛЫ – МЕНЕДЖЕР МАТЕРИАЛОВ – СОЗДАТЬ МАТЕРИАЛ
• 2) Здесь же выбираем на панели текстового редактора значок «ВСТАВИТЬ ССЫЛКУ»
• 
• 3) В открывшемся окне заполняем нужные нам поля
• 
• Ссылка – введите сюда адрес ссылки
• Текст – введите текст ссылки (анкор)
• Так же тут присутствует параметр поиска ссылок и атрибуты для вставки якоря в статью.
• 
• Нажав на вкладку «РАСШИРЕННЫЕ» Вы сможете задать для Вашей ссылки различные классы и атрибуты.
• А во вкладке «ВСПЛЫВАЮЩИЕ ОКНА» Вы можете настроить эти самые окна на странице материала
• 4) Давайте теперь пропишем, какую либо ссылку и посмотрим, как она будет отображаться в нашем материале.
• Вариант 1 – Безанкорная ссылка. Для ее создания пропишите следующее:
• 
• Вариант 2 – Ссылка с анкором. Для ее создания пропишите следующее:
• 
• Теперь давайте посмотрим, как это будет выглядеть в нашем материале на сайте
• 
• Думаю с размещением ссылок на своем сайте все понятно.

Как вставить изображение в материал на Джумле 3

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

1. 1) Подберите необходимое изображение для размещения в статье
2. 2) Кликните по вкладке «ДОБАВИТЬ ИЗОБРАЖЕНИЕ» в поле редактора
3. 
4. 3) После этого перед нами раскрывается окно редактора изображений.
5. 
6. Чтобы добавить новое изображение Вам необходимо нажать на значок картинки
7. 
8. 4) После этого перед Вами откроется окно для загрузки нового изображения.
9. — Кликните по вкладке «ОБЗОР»
10. — Выберете изображение на своем компьютере
11. — Нажмите клавишу загрузить

После этого изображение появится в корневой папке Вашего сайта, где расположены все рисунки. Выберете его и нажмите ВСТАВИТЬ, и изображения появится в тексте материала Вашего сайта.

Кстати, для удобства Вы можете создавать новые папки для хранения изображений. Например, если хотите, чтобы картинки располагались по категориям, Вам достаточно создать несколько папок, присвоив им имена категорий. Для создания папки необходимо нажать на значок папки.

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

• Вкладка «ИЗОБРАЖЕНИЕ»
• Ссылка – здесь автоматически прописывается адрес к Вашему изображению
• Текст – название Вашего изображения, под которым оно сохранено на сайте
• Размер – размер Вашего изображения в пикселях

Выравнивание – Вы можете выровнять ваше изображения (по центру, по верху и т.д.)

1. Отступ – отступ изображения от правого, левого, верхнего и нижнего края
2. Границы – здесь Вы можете указать стиль, цвет и размер границ изображения
3. Вкладка «АЛЬТЕРНАТИВА»

В данной вкладке Вы можете указать два вида изображения, одно из них при наведении курсора мыши, а другое без этого. Подойдет для увеличения картинки при наведении курсора, но при этом нужно загрузить на сайт рисунки 2-х размеров.

• Вкладка «РАСШИРЕНЫЕ»
• Стиль – Вы можете указать один из встроенных CSSстилей
• Список классов – Вы можете указать доступный класс для изображения, выбрав его из выпадающего списка
• Классы – Вы можете самостоятельно прописать класс для Вашего изображения.
• Название – укажите название картинки, которое будет отображаться при наведении на нее курсора мыши
• Так же Вы можете указать ID, направление, код языка и другие параметры для Вашего изображения.

Заключение

1.             В этой статье мы рассказали о том:
2. — Как вставить ссылку в материал Джумла 3
3. — Как вставить изображение в материал Джумла 3
4. Так же мы разобрали основные функции, доступные при добавлении этих элементов в материал

Источник: https://vsetyrabota.ru/uroki-joomla/163-urok-9-2-kak-vstavit-ssylok-i-izobrazhenij-v-material-jommla-3

Создание ссылок в материале

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

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

Создание ссылки для перехода на другую страницу

Чтобы создать ссылку зайдите в режим редактирования материала:

Джумла 2.5

Джумла 3

Выделите нужное слово, которое должно являться ссылкой. В панели редактора материала станет активной иконка добавления ссылки, при нажатии на которую выпадает окно «Link».

Если требуется разместить ссылку на какой-либо раздел вашего сайта или материал, воспользуйтесь деревом каталога: Content — выбор материала, Menu — выбор раздела. Выбрав нужный материал или раздел нажмите «Insert» (Вставить).

Если это должна быть ссылка на внешний ресурс, в окно URL сверху введите адрес ссылки, начинающийся с http://…

Ниже в окне Target (цель) вы можете выбрать режим открытия ссылки — в новом окне, или в том же окне.

Если ссылка уже назначена, в тексте материала она будет выделена цветом и вы можете изменить ее либо удалить.

Не забудьте сохранить материал и проверить работоспособность ссылки на сайте.

Создание ссылки на скачивание документов

В панели управления заходим в Медиа-менеджер.

Джумла 2.5

Джумла 3

1. Загрузите свой файл в медиа-менеджер (images), при этом файл должен иметь название состоящее из латинских букв и цифр, без пробелов, допускаются дефисы и нижние подчеркивания. При необходимости создайте для этого отдельный каталог, например: Files.

Джумла 2.5

Джумла 3

2. Далее в материале выделите слово, которое должно быть ссылкой на скачивание документа и кликните иконку «Вставить/редактировать ссылку»

Открывается окно «Link», нажимаем на значок «Browse» (Обзор).

В выпадающем окне выбираем интересующий нас файл. Нажимаем кнопку «Insert» (Вставить).

При необходимости в окне Target (цель) вы можете выбрать режим открытия ссылки — в новом окне, или в том же окне. 

Сохраняем материал. Проверяем работоспособность ссылки на сайте.

Источник: http://www.p-xl.ru/sozdanie-ssylok-v-materiale

JCE — визуальный редактор для Joomla. Часть 2. Основные инструменты

В предыдущей статье мы определились с тем, что создавать текст материала лучше в редакторе операционной системы компьютера. Это может быть, например, Word. Но при работе с сайтом есть специфические моменты, с которыми можно работать только в редакторе Joomla. В этой статье я расскажу про основные инструменты JCE по работе с текстом, изображениями и  кодом.

Хочу заметить, что JCE содержит гораздо больше инструментов, чем я описал ниже, но рассказывать о простейших функциях, знакомых из Word’а, я не считаю нужным. В статье рассказывается только про уникальные для работы с html-редактором инструменты.

JCE. Инструменты для работы с текстом.

Начнем с инструментов для работы с текстом. Предполагается, что исходный текст у нас уже готов и написан в Word’e.

Прежде всего нужно запомнить, что простым копированием переносить текст из Word’a в JCE нельзя! Это связанно с тем, что Word вносит в текст собственное, уникальное форматирование, которое, при простом копировании в JCE, вызовет хаос. Так как же тогда переносить текст? С этим вопросом мы подходим к первому инструменту JCE – «Вставка текста».

В редакторе этот инструмент выглядит следующим образом:

При клике по кнопке выпадает подменю, содержащие две опции:

• Paste – используется для вставки текста из Word’а и других редакторов. Вид редактора определяется автоматически. (В предыдущих версиях JCE кнопок вставки текста было несколько – для каждого из распространенных редакторов).
• Paste as plain text – вставка в виде плоского текста. При использовании этой опции все символы форматирования будут удалены при вставке, т.е. получится просто сплошной текст, что-то вроде вставки в блокнот.

После выбора опции откроется окно, как на рисунке:

• В это окно мы вставляем наш текст из Word’а и жмем кнопку «Insert».
• После этого текст с максимальным сохранением форматирования будет вставлен в JCE.
• Следующим важным инструментом является выпадающий список с текстом «Paragraph»:

Важен он потому, что позволяет обрамлять нужные части текста нужными тэгами. Это, как считается, важно для SEO-оптимизации сайта. Из важных опций здесь:

• Paragraph – текст, к которому применена эта опция, обрамляется тегами , что означает, что текст относится к текущему параграфу. Подобными тегами  автоматически обрамляются все параграфы текста, вставленного из Word.
• Div – текст, к которому применена эта опция, помещается в контейнер Div. Применений у этой опции много, но людям, не знакомым с html и css, можно не обращать на нее внимания.
• Heading – текст, к которому применена эта опция, обрамляется тегами h1, h2, h3 и.т.д. Это означает, что данный текст является заголовком. Для поисковой оптимизации текста, все его заголовки и подзаголовки рекомендуют помещать в теги h.

Последним, крайне важным инструментом, являются таблицы. К счастью, JCE текущей версии уже умеет переносить таблицы из word’а автоматически, создавая при этом весь необходимый код. Функция эта, по истине замечательная. Кто уже имеет опыт работы с html-редакторами, прекрасно понимает почему. Для остальных расскажу.

Раньше, когда этой функции не было, редактор не умел автоматически создавать таблицы и вместо них вставлялся просто текст ячеек. Т.е. для вставки таблицы приходилось создавать ее вручную, а затем заново заполнять данными. И хорошо, если таблица небольшая, но ведь она могла содержать и сотню строк. Тогда работа превращалась в ужас.

Никому не хотелось создавать таблицы в html-редакторе вручную. При этом стали придумываться некоторые способы полуавтоматизации. Например, был способ с копированием таблицы из word’а в Excel с хитрым преобразованием ее в html-код. Сегодня, слава Богу, все эти хитрости уже не нужны. Процесс автоматизирован.

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

Создать таблицу можно с помощью кнопки «Inserts a new table»:

При клике по ней открывается следующее окно:

Здесь мы можем установить следующие опции таблицы:

Вкладка «General»:

• Cols – количество столбцов таблицы
• Rows – количество строк таблицы

Стоит заметить, что таблицу в html можно строить только однотипную. Т.е. количество ячеек в каждой строке будет одинаково.

Если вам нужно, чтобы в первой строке было, например, 2 ячейки, а во второй – 3, то сначала нужно создать таблицу 2х2, а потом, во второй строке, в одну из ячеек вставить таблицу 1х2(1 строка, 2 столбца). Не очень удобно, но ничего не поделать. Таков язык html для таблиц.

• Cellpadding – расстояние от границы ячейки до ее содержимого
• Cellspacing – расстояние между ячейками таблицы

Опции Cellpadding и Cellspacing для таблиц аналогичны опциям margin и padding для div’ов.

• Alignment –  определяет выравнивание содержимого таблицы(по левому краю, по центру, по правому краю)
• Border – ширина рамки таблицы
• Width – ширина таблицы
• Height – высота таблицы
• Class – CSS-класс, применяемый к таблице
• Table caption – место для заголовка таблицы. Если галочка установлена, над таблицей будет создана дополнительная строка, состоящая из одной ячейки, в которой предполагается размещение заголовка таблицы

Вкладка «Advanced» (в этой вкладке все опции не знакомы мне самому, поэтому опишу только основные):

• Id – уникальный идентификатор таблицы. Применяется в CSS;
• Style – CSS-стиль таблицы, заданный прямо в ее коде;
• Background image – изображение, которое будет использовано в качестве фона таблицы;
• Border color – цвет рамки таблицы;
• Background color – цвет фона таблицы.

Многие из этих опций можно применить не только к таблице в целом, но и к отдельным столбцам, строкам и ячейкам. Для этого после создания таблицы нужно выделить необходимые элементы, кликнуть правой кнопкой мышки(да, именно правой) и выбрать необходимые свойства. Кроме того, код таблицы можно подправить при просмотре html-кода. Об этом ниже.

JCE. Инструменты для работы с кодом.

Первым, и самым главным инструментом для работы с кодом, который я очень люблю, является «Edit Code»:

При клике по этой кнопке открывается редактор html-кода с подсветкой:

Это крайне удобная штука, которая наглядно показывает структуру вашей страницы. Бывает, что у редактора происходит глюк и что-то отображается на сайте неправильно. В этом случае можно посмотреть html-код. Благодаря подсветке он читается легко и найти ошибку не составит труда. Это, конечно, относится лишь к тем, кто знаком с html и CSS.

Вторым инструментом, который, к сожалению, не входит в стандартный состав JCE, но многим будет крайне удобен, является JCE-плагин  «RJ_InsertCode».

Данный плагин позволяет вставлять в статью пример кода, оформленного в соответствии с языком, на котором он написан. Например, выше можно видеть, как отображает код плагин «Edit Code». Он красиво подсвечен и структурирован.

Чтобы просто так вставить такой код в статью(под словом «вставить» я сейчас понимаю код, как текст, т.е. вставка не для исполнения кода, а для его показа пользователям) потребуется много усилий для работы со стилями.

Плагин  «RJ_InsertCode» применит все стили автоматически в соответствии с выбранным языком программирования(к которому относится код) и вставит его в красивом окошке с нумерацией строк. Выглядит это примерно так:

Плагин распространяется бесплатно и доступен здесь.

JCE. Инструменты для работы с изображениями.

Теперь перейдем, наверное, к самой интересной для web-мастеров функции JCE – вставке изображений. Эта тема действительно волнует многих, а также вызывает наибольшее количество проблем при использовании редактора.

Начнем с того, что в отличие от Word’a, в JCE, как впрочем и в любой другой html-редактор, нельзя просто так вставить изображение. Перед вставкой оно должно быть загружено на сервер в одну из папок Joomla. Это правило.

Если его нарушить, изображение не будет показано. Конечно, соединяться с сайтом по FTP каждый раз, когда нужно вставить на сайт картинку, крайне неудобно. К счастью в JCE есть возможность этого не делать. Рассмотрим ее ниже.

Вставка изображений в JCE вызывается кнопкой «Insert/Edit Image», либо кликом правой кнопкой мыши по месту вставки изображения и выбором «Insert/Edit Image»:

При клике открывается следующее окно:

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

Прежде всего изображения нужно загрузить на сервер и «разложить по полочкам».

В нижней части окна мы видим некоторое подобие файлового менеджера, в котором содержится файловая структура и файлы папки «imagesstories» Joomla.

Для редактора изображений JCE эта папка является корневой, но можно выбрать и другую корневую папку, задав ее в настройках JCE (подробнее об этом будет рассказано в одной из следующих статей про JCE). Справа есть 3 кнопки:

1. Благодаря им мы можем создавать подпапки и загружать изображения на сайт без использования FTP.
2. Для загрузки изображений нажимаем кнопку «Загрузить», при этом открывается следующее окно:
3. Здесь мы можем выбрать одно или несколько изображений, находящихся на локальном компьютере, задать, что делать в случае совпадения имен загружаемого и находящегося на сервере изображений(заменить или создать загружаемому уникальное имя), ну и, собственно, загрузить их.
4. После того, как изображения для сайта будут загружены, мы можем приступить к их вставки на сайт.

За один раз можно вставить только одно изображение. Если необходимо вставить сразу несколько изображений, следующих друг за другом, возможно, удобнее будет вставить одно, а затем, перейдя в просмотр html-кода, скопировать его код, вставить его и изменить имена файлов.

Но вернемся к вставке одного изображения. Раньше, чтобы вставить изображение, приходилось прописывать путь к нему на сервере.

Теперь достаточно лишь кликнуть по изображению, которое необходимо вставить в файловом менеджере изображений, и путь к нему будет прописан автоматически:

• Теперь рассмотрим остальные опции:
• Вкладка «Изображение»:

• URL – путь к изображению. Заполняется автоматически при клике по файлу изображения;
• Alternate Text – альтернативный текст. Будет показан вместо изображения у пользователей, которые отключили изображения в браузере. Кроме того, считается, что этот текст положительно влияет на поисковую оптимизацию статьи;
• Dimensions – размер или разрешение изображения. Здесь вы можете задать размеры, которые будет иметь изображение в статье. Я советую вам выбрать для себя какую-то одну ширину всех изображений для сайта. Таким образом вы убьете сразу двух зайцев. Во-первых, вам не нужно будет беспокоится о том, что новое изображение может нарушить верстку сайта и вылезти за пределы экрана. Достаточно протестировать сайт с каким-то одним размером изображения, а в дальнейшем применять его ко всем новым, а во-вторых, когда все изображения одинаковой ширины, статьи выглядят гораздо аккуратнее. Кроме того, поставив галочку «Proportional» высота вашего изображения изменится автоматически, не нарушая его пропорции.
• Выравнивание – данную опцию лично я использую только тогда, когда требуется сделать обтекание изображения текстом. Как например картинка в самом начале статьи. Выравнивание изображения относительно страницы проще делать точно также, как и выравнивание текста – специальными кнопками редактора.
• Margin – отступ изображения от текста. Задается со всех четырех сторон. Если установлена галочка «Equal Values», достаточно задать только один отступ. Остальные три автоматически будут заполнены тем же самым значением.
• Граница – здесь определяется все, что связанно с границей изображения.

Вкладка «Rollover»(интересная вкладка, опции которой я хоть и понимаю как работают, но совершенно не представляю, для чего это может понадобиться):

Прежде всего, для активации нужно установить галочку в опции «Разрешить».

• Mouseover – путь к изображению, которое будет показано вместо текущего(выбранного во вкладке «Изображение»), при наведении на него курсора мыши.
• Mouseout – путь к изображению, которое будет показано при ВЫведении с него курсора мыши. Здесь нужно указывать путь первоначального изображения(выбранного во вкладке «Изображение»)

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

Ну вот и все. С изображениями закончили. Как нет? Не закончили? Да, знаю, у всех остался еще один, самый главный вопрос. Как сделать, чтобы изображение плавно увеличивалось при клике по нему, как, например, в этой статье? Вопрос, действительно, хороший. И ответ будет дан. Даже несколько ответов. Но в следующей статье серии. Следите за обновлениями.

Источник: https://wedal.ru/rasshireniya-joomla/jce-vizualnij-redaktor-dlya-joomla-chast2-osnovnie-instrumentyhtml.html

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

Изображения также вставлять напрямую не рекомендуется (могут быть ссылки на другой сайт).

Вставка изображения в редактор

1. Для вставки картинки нажимаем на кнопку редактора Insert/Edit image/(1).
2. В появившемся менеджере изображений (Image manager) выбираем папку на хостинге, куда будем сохранять файл изображения (2).

    

3. Или создаем новую папку, называем ее латинскими буквами (3).
4. Для загрузки файла нажимаем на кнопку с символом изображения с синей стрелкой вверх (Upload) (4).
5. В открывшемся окне 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 ссылки на внутренние страницы пишем без доменного имени. В итоге мы создали ссылку с анкором (текстом).

 Сохранение страницы

Источник: https://alphabetseo.net/joomla/sozdanie-stranitsy-materiala-v-joomla

Как в joomla сделать ссылку на документ word?

Административная панель Joomla позволяет очень быстро загружать любые файлы с компьютера. Об этом мы знаем из урока — Загрузка и сохранение файлов в Joomla 3. Также нам известен способ вывода изображений на сайте. Но как же быть с другими файлами, к примеру pdf, doc и другими, которые необходимо представить пользователю для скачивания? Об этом в данном уроке.

В данном случае рассматривается создание ссылок на собственные файлы.

Загрузка файла

1.Все файлы, которые мы предоставляем для скачивания хранятся в разделе медиа-менеджер.

2. Первым делом, нужно определиться с папкой, куда будем загружать все наши файлы. Если их не много, то можно загружать в текущее место.

3. В появившемся окне выбираем необходимые файлы для скачивания. Можно загружать сразу несколько файлов (ctrl).

При загрузке обращайте внимание на название: оно должно быть на англ. языке и без пробелов.

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

Самое главное — это указать расширение файла и при необходимости размер.

В случае, если файл всё равно не загружается — используем для этого сторонний файловый менеджер.

После загрузки файла одним из способов можно ставить на него ссылку.

Создание ссылки на файл

1. Ссылка на файл создаётся также, как и любая другая: при помощи кнопки с цепью.

2. Однако в отличие от ссылок из Интернета, ссылки на собственные файлы мы создаем вручную. Для этого прописываем следующий адрес: images/file_name.format.

Папка images — это корневая папка, где хранятся файлы из медиа-менеджера.

В случае если мы создавали дополнительные папки, то дописываем их в пути: images/papka_name/file_name.format

3. Если путь до файла указан верно, то ссылка непременно будет работать как часы!

Если не хочется каждый раз прописывать путь до файла, то можно воспользоваться сторонними расширениями на сайте: а также скоро на нашем сайте!

Переход с Joomla 1.5 на 2.5 Управление 11 октября 2012

Здравствуйте. В данном уроке речь пойдет о переходе со старой версии Joomla 1.5 на новую версию 2.5. Вы узнаете как наиболее безопасно и без большого количества проблем можно это сделать.

Файл конфигурации — это файл, необходимый для запуска сайта на текущем веб-сервере. Данный файл хранит в себе технические данные, правильность заполнения которых должна быть строго учтена.

Как в статью вставить ссылку на загрузку документа, 3.8 из 5 основанный на 17 голосах.

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

Для начала, необходимо загрузить сам документ – файл на хостинг в какую-либо директорию. Предположим, это будет директория JOOMLA_ROOT/files. Создайте ее в корневой директории сайта и скопируйте в нее нужный файл FTP менеджером или файловым менеджером панели управления хостингом. Пусть этот файл будет называться pricelist.xlsx.

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

Скачать прайс-лист

• Как вставить ссылку на загрузку документа
• При использовании редактора «CodeMirror» дополнительных действий не потребуется, вы сразу сможете править HTML код, вставив в него код ссылки.
• Если вы используете редактор «TinyMCE», просто напишите текст ссылки, выделите его маркером курсора и нажмите кнопку «Insert/Edit Link» и в открывшемся диалоговом окне введите URL документа и название документа.
• Как вставить ссылку на загрузку документа в редакторе TinyMCE
• Для редактора «Editor – JCE», нажмите кнопку «Добавить/Изменить ссылку», введите URL загружаемого документа, название и текст ссылки.
• Как вставить ссылку на загрузку документа в редакторе Editor–JCE
• В вашем документе появится ссылка на загрузку документа с вашего сайта.
• Информация :

• Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с правилами раздела
• Не задавайте глупых вопросов «Посоветуйте какой-нибудь компонент..» Есть JED!!! Ищите там!!!
• Аналоги ищите там же — на JED!!!
• Новая версия? — У кого будет — тот выложит!

Статус темы: Закрыта.

1. Возможно ли вставлять готовую сверстанную статью (с картинками!) из Word в Joomla так чтобы картинки тоже вставлялись и сами подгружались в нужную директорию на сервере? Текст из Word без проблем («кривых» вордовских тегов) вставляется. Это, например, новый JoomlaCK (бывший FCK) умеет Он и картинку пытается вставить, но вместо неё лишь очертание.

   Смотрю в свойствах картинки на её адрес и вижу чушь типа file:///C:DOCUME~1MyAccountLOCALS~1Tempmsohtmlclip1

Источник: http://word-office.ru/kak-v-joomla-sdelat-ssylku-na-dokument-word.html

Вставляем ссылки на материал на Joomla-сайте

ПодробностиПросмотров: 13839

Здравствуйте, друзья. В процессе работы с Joomla! CMS любой пользователь первоочерёдно сталкивается с наполнением сайта контентом.

Как пользоваться стандартным компонентом для управления статьями я рассказывать не буду (хотя, может, кто-то и ищет именно это), но я хочу затронуть небольшую, но довольно нужную тему – ссылки в материале Joomla!.

Есть 3 типа ссылок:

1. Внутренние – ссылки на страницы этого же сайта.
2. Внешние – ссылки на страницы других сайтов.
3. Якоря – внутренние ссылки, которые ссылаются на определённое место на текущей странице.

   Я хочу показать вам различия в создании этих ссылок и тем самым предостеречь вас от оплошностей и долгого поиска и устранения, казалось бы, простой с первого вида, проблемы.

Создание внутренней ссылки

1. В редакторе выделяем текст, который мы хотим сделать ссылкой;
2. На панели инструментов нажимаем соответствующую кнопку – появляется окно, позволяющее настроить ссылку (задать URL, открывать ли ссылку в новом окне, CSS класс который требуется применить к тэгу ссылки);
3. В поле Link URL вводим относительный адрес ссылки (относительно корня сайта), например, если сайт у вас по адресу http://www.test.ru и мы хотим указать на страницу нашего сайта, что находиться по адресу http://www.test.ru/index.php/1, то вводим в поле адрес index.php/1, опуская доменное имя сайта.
4. Прожимаем сохранение статьи и получаем внутреннюю ссылку в материале.

    Рис. 1 Создание внутренней ссылки

Создание внешней ссылки

Делаем те же шаги как и в случае с внешней ссылкой, но есть особенность, не зная какую вы будете ломать себе голову. Эта особенность заключается в том, что на 3 шаге в поле Link URL надо вводить ссылку с указанием протокола (протокол указывается в начале ссылки и, как правило, это http или https).

Пример — https://ru.wikipedia.org/wiki/. Если же вы введёте ссылку без указания протокола (например, ru.wikipedia.org/wiki/), то после сохранения материала получите следующее: http://www.test.ru/ru.wikipedia.org/wiki, что, безусловно является некорректной ссылкой и далеко не тем, что вы ожидали.

Создание якоря продемонстрированно на рис. 2,3:

      Рис. 2 Создание якоря.

     Рис. 3 Создание ссылки на якорь.

1. Выделяем текст к которому мы хотим привязать якорь, и прожимаем на панели инструментов кнопку с изображением якоря.
2. В появившемся диалоговом окне вписываем идентификатор якоря (не должен повторяться в пределах одной страници).
3. Проделываем те же действия, что и при создании ссылки, но в поле Link URL вводим следующее: знак #, после которого следует идентификатор якоря на странице. Пример – на рис. 3.

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

Правильно проставленные якоря влияют на SEO и помогают организовать быструю и удобную навигацию по контенту в пределах одной и той же страницы.

Надеюсь, моя статья пролила вам свет на работу со ссылками в Joomla! и в последующем вы будете активно применять прочитанные здесь вещи и это принесёт вам немалую пользу.

Успехов в бизнесе и разработке и, как сказал Винни Пух, желаю счастья в личной жизни!

Подпишитесь на канал и получайте новые видео первыми!

Источник: https://www.joomla-secrets.ru/drugoe/127-ssylki-v-materiale-joomla

Чпу в joomla 3: создаём человекопонятные url-адреса

FAQ с ответами на вопросы относительно формирования ЧПУ («человекопонятных» URL-адресов) и коротких внутренних ссылок на материалы и категории компонента контента Joomla. Из материала вы узнаете, как сделать идеальные ЧПУ в Joomla 3.x.

Под ЧПУ подразумеваются ссылки без лишних символов (?, =, :, &): только буквы, наклонная черта и символы — и (или ) _ в качестве разделителей слов.

1. Пример сложного и непонятного URL-адреса (не-ЧПУ):

http://www.site.ru/index.php?option=com_content&view=article&id=1:welcome&catid=1:news&Itemid=50
Рядовому интернет-пользователю в данном адресе будет понятно лишь название домена: всё остальное воспринимается как непонятный набор символов, сложный для восприятия и запоминания.

2. Пример представленного выше URL в виде ЧПУ:

http://www.site.ru/news/welcome

Данный адрес отлично воспринимается любым мало-мальски знакомым с интернетом пользователем и легко запоминается при необходимости.

По умолчанию после установки Joomla на сайте не активированы ЧПУ-адреса. Для их включения достаточно активировать опцию Включить SEF (ЧПУ) (Система → Общие настройки, вкладка Сайт, раздел Настройки SEO) и сохранить изменения.

После этого все адреса страниц сайта станут «человекопонятными» (в порядке вложенности и без лишних символов), но в них по прежнему будет index.php после названия домена (например: http://www.domen.ru/index.php/news/welcome). Об этом смотрите следующий вопрос.

Для этого достаточно активировать опцию Перенаправление URL (Система → Общие настройки, вкладка Сайт, раздел Настройки SEO). Подробнее смотрите в инструкции Как убрать index.php из URL-адреса в Joomla.

Исключение index.php из URL

По умолчанию после установки Joomla «из коробки» к URL-адресам веб-страниц не приписывается суффикс .html и в настоящее такие URL'ы можно встретить достаточно редко.

Если же вам по какой то причине необходимо добавить .html к адресам внутренних страниц, то активируйте опцию Добавить суффикс к URL (Система → Общие настройки, вкладка Сайт, раздел Настройки SEO):

Следует упомянуть, что система будет добавлять суффикс, соответствующий расширению файла (не обязательно .html).

URL-адреса в Joomla 3 и выше формируются на основании алиасов для материалов, категорий и пунктов меню, которые можно заполнять и изменять в панели управления при создании (редактировании) соответствующих страниц. По умолчанию алиасы формируются из латинских символов и заполняются автоматически путём транслитерации (преобразования в латинские символы) названий страниц, если текстовое поле алиаса не заполняется вручную.

Для генерации кириллических алиасов необходимо активировать опцию Алиасы в Unicode (Система → Общие настройки, вкладка Сайт, раздел Настройки SEO) и сохранить изменения:

После этого автоматическая транслитерация алиасов происходить не будет, однако создание алиасов с латинскими символами возможно при их ручном заполнении.

Адреса страниц всех вложенных материалов и категорий в Joomla по умолчанию включают номера идентификаторов этих страниц, если им не присвоен пункт меню.

Пример ЧПУ с идентификаторами:

http://domen.ru/blog/2-novosti/3-prazdnik
Цифры 2 и 3 являются номерами идентификаторов категории и материала соответственно.

В Joomla 3.8 появилась возможность отключать добавление ID к алиасам при формировании URL-адресов:

1. перейдите в Материалы → Общие настройки
2. нажмите Настройки
3. перейдите во вкладку Интеграция
4. для опции Маршрутизация URL выберите значение Экспериментальный
5. для опции Удалить идентификаторы из URL выберите значение Да
6. сохраните изменения

В результате все URL-адреса внутренних страниц сайта приобретут наилучший вид (без лишних символов, index.php и идентификаторов):

Источник: https://joomla.center/baza-joomla/seo-optimizatsiya-joomla/sef-url-joomla