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

Гиперссылка в ворде: создание и настройка

При написании дипломной работы или подготовке годового отчета возникает проблема ориентирования в документе из-за большого количества страниц. Уходит много времени, чтобы найти необходимый раздел и внести в него коррективы. Но есть простое решение – гиперссылка в ворде:


Гиперссылка – это объект, который, при нажатии на него левой кнопкой мыши, ссылается на другой элемент, расположенный в этом документе или на дисках компьютера, или является ссылкой на ресурс в интернете. Объектом для гиперссылки может выступать единичный символ, слово, предложение, графическое изображение. Далее речь пойдет о том, как делать гиперссылки.

Гиперссылка на элемент текущего документа

Для начала нужно выбрать объект, который будет являться ссылкой. Если гиперссылка будет указывать на какой-то элемент текущего документа, то необходимо его выделить и создать в этом месте закладку. В Microsoft Word 2007 это сделать нетрудно. Нужно найти вкладку « Вставка », которая находится вверху на панели инструментов, открыть ее, найти группу « Ссылки », а в ней кликнуть по кнопке « Закладка ». Откроется диалоговое окно, в котором необходимо заполнить поле « Имя », и для завершения кликнуть на кнопку « Добавить ». Закладка готова.

Следующий этап в создании гиперссылки можно начать одним из двух способов: либо правой кнопкой мыши кликнуть по выделенному объекту, который был выбран для создания ссылки, либо снова открыть вкладку « Вставка » и в группе « Ссылки » выбрать пункт « Гиперссылка ». Далее откроется окно, и в разделе « Связать с » необходимо выбрать элемент с надписью « местом в документе »:


После этого будет представлен список, в котором отобразится созданная ранее закладка. Ее нужно выбрать, кликнув по ней, и нажать кнопку « ОК ». Весь процесс займет менее минуты, потому как создать гиперссылку в ворде очень легко.

Гиперссылка на другой документ

Если необходимо сделать ссылку на другой документ, то следует выполнить следующие манипуляции:

  • В текущем документе выделить объект, который будет являться гиперссылкой;
  • Открыть окно « Вставка гиперссылки », кликнув по выделенному объекту правой кнопкой мыши, и выбрать пункт « Гиперссылка ». Или же найти этот пункт в « Ссылках » на вкладке « Вставка »;
  • Далее в колонке под названием « Связать с » выбрать первый пункт с надписью « файлом, веб-страницей »;
  • В поле « Папка » в стандартном окне проводника выбрать нужный элемент файловой системы;
  • В случае если необходимо сослаться на интернет-ресурс, нужно скопировать из строки адреса URL веб-страницы или сайта и вставить его в поле « Адрес »;
  • Для завершения кликнуть « Ок »:

Гиперссылка на элемент другого документа

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

После чего выполнить следующее:

  • Открыть документ, где будет находиться гиперссылка, и выбрать для нее объект;
  • Открыть окно « Вставка гиперссылки » ( следуя по шагам, описанным в предыдущем пункте );
  • Связать с необходимым документом, выбрав « Файлом, веб-страницей »;
  • Кликнуть по кнопке « Закладка …». В открывшемся окне выбрать созданную ранее закладку.
  • Нажать кнопку « Ок ».

После выполнения этих действий, будет создана гиперссылка на определенный раздел другого документа:

Гиперссылка на новый документ

Как сделать гиперссылку в ворде на новый документ? Для этого необходимо выполнить все действия, описанные в предыдущем пункте до момента, когда открывается диалоговое окно «Вставка гиперссылки».

После чего необходимо сделать следующее:

  • В колонке « Связать с » выбрать пункт « Новым документом »;
  • В поле « Имя нового документа » ввести имя, которое будет присвоено документу после активирования гиперссылки;
  • Указать место на диске, где будет храниться новый документ. Для этого нужно кликнуть по кнопке « Изменить » и выбрать нужный раздел;
  • В поле « Когда вносить правку в новый документ » выбрать « Позже »:


После нажатия по гиперссылке откроется новый документ Word , находящийся в указанном при создании гиперссылки месте.

Гиперссылка на адрес электронной почты

Так же, как и ранее, необходимо открыть диалоговое окно « Вставка гиперссылки ». Меняется лишь пункт в разделе « Связать с », в котором необходимо выбрать элемент с надписью « Электронной почтой ». Выполнив это, нужно в поле « Адрес » ввести адрес электронной почты и нажать « Ок »:


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

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

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

Для того чтобы гиперссылками было удобнее пользоваться, при их создании в окне « Вставка гиперссылки » можно добавлять подсказку, кликнув по кнопке « Подсказка ». Откроется окно под названием « Подсказка для гиперссылки ». В поле « Текст подсказки » необходимо ввести словосочетание, по которому можно легко понять, куда приведет ссылка. Для завершения нужно нажать на кнопку « Ок ». Теперь при наведении курсора на ссылку будет отображаться созданная подсказка.

По умолчанию гиперссылка в Word активируется при помощи кнопки « Ctrl » и последующего клика по ссылке. Чтобы не нажимать клавишу « Ctrl », необходимо зайти в настройки программы, кликнув по вкладке « Файл » вверху панели инструментов, и выбрать пункт « Параметры ».

После этого откроется окно « Параметры Word », в котором необходимо выбрать пункт « Дополнительно ». Справа, в подразделе « Параметры правки » нужно снять галочку с пункта « Ctrl + щелчок для выбора гиперссылки ». В результате этих манипуляций ссылка будет открываться после клика по ней:

Удаление гиперссылок в ворде

Как удалить гиперссылку в ворде? Чтобы удалить гиперссылку, достаточно просто навести на нее курсор, нажать правую кнопку мыши и выбрать из меню пункт « Удалить гиперссылку ». При этом текст или изображение, которое было основой для ссылки, останется на своем месте без каких-либо изменений:


Есть еще один способ, как убрать гиперссылку – установить курсор у крайнего справа символа ссылки, нажать клавишу « Backspace » один раз. После этого исчезнет выделение цветом и подчеркивание. Это означает, что ссылка удалена.

Чтобы полностью удалить всю ссылку вместе с объектом ( символы, изображение, текст ) нужно полностью выделить объект и нажать клавишу « Delete ».

В этой статье было описано, как вставить гиперссылку в ворде, которая ссылалась бы на раздел текущего документа или создавала новый на адрес электронной почты или интернет ресурс. Также были рассмотрены способы удаления гиперссылок. Процесс создания и удаления гиперссылок в версиях Microsoft Word 2007 , 2010 , 2013 не отличается, поэтому данная статья будет актуальна для всех перечисленных версий продукта.

Главное меню

Софт Веб разработчика

Компоненты Joomla

Наверное не стоит недооценивать в наше богатое общением в соцсетях [ . ]

Antivirus Website Protection-компонент безопасности онент [ . ]

Интересно сайте обратную связьпользователями [ . ]

Кто пользуется слайдером айс карусель на джумле 3.0-3.6 тот наверно почувствовал [ . ]

Личная ПРОСЬБА

Приму в подарок плагин JomDefender для Joomla-3

послать на joomla-prosto@yandex.ru

Если кому-то на нашем сайте попадался модуль со встроенными ссылками, прошу написать на выше указанную почту или в контакты нажав эту кнопку. Это нужно нам всем!

Читать еще:  Как сделать глоссарий в word?

Скачивайте Комплект видео уроков по строительству сайтов на Joomla 3.0 с управлением из одного меню совершенно бесплатно. Просто пожелайте мне здоровья и удачи. До встречи, Олег.

Установка ссылки на сайте

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

так как речь в этой статье у нас пойдет как раз о том как установить ссылки на своем сайте. Часто, чтобы не переписывать свои и чужие материалы на своих страницах принято использовать ссылки. Кто знает этот механизм, для того не составляет особого труда это сделать, кто не знает, тот лопатит интернет и с большим трудом находит нужное. Так устроен человек, что пока не знает, злится что этого никто не разъяснил, но когда узнаёт, почему-то считая, что это само собой разумеется не делится своими знаниями. Я например, нигде не нашел нужной мне инфы и это подвигло меня на написание данной статьи. Я конечно говорю не о банальной установке перехода из материала, хотя для начинающего и этот процесс сложен. Давайте разбираться. Установить ссылку из своего материала на другой, чтобы например можно было открыть другую страницу своего или чужого ресурса, открыть видео или аудио расположенное на своем сайте или общеизвестных сервисах типа Youtube. Наконец установить ссылку на скачивание файлов размещенных на файлобменниках или облачных хранилищах можно в своем материале или модуле HTML-код(там где есть редактор) можно следующим образом: Просто выделяем нужное слово, фрагмент текста или рисунок, кликаем левой кнопкой и вписываем данные.

А где взять данные ссылки? Если это внешние ссылки, то есть ссылки с чужих(или ваших но других)сайтов, ссылки с файлобменников и хранилищ то их нужно скопировать именно оттуда. Часто они расположены в специальных окнах. Что касается ссылок со страниц чужих сайтов, то они расположены в адресной строке браузера

Аналогично выбираются внутренние ссылки с Вашего сайта , но они не включают доменное имя. Например если внешняя ссылка на этот материал выглядит так:http://jp.ru/index.php/2-uncategorised/78-proba-knopki то внутренняя выглядит так: index.php/2-uncategorised/78-proba-knopki Устанавливать у себя на сайте ссылки на свои же страницы следует внутренними, это улучшит качество сайта со стороны SEO. Все это хорошо, но иногда возникает вопрос а как например поставить ссылку на контакт созданный на сайте. Конечно, можно создать пункт меню. Ну а как без пункта меню? Немного сложнее, но возможно и это. Как это сделать? Следует иметь в виду что все материалы и страницы сайта имеют свои адреса, нужно только правильно их прописывать. Ссылка на конкретный контакт по логике должна быть такая: index.php/kontakty/20-moi-produkty/2-zakaz-produkta. Разберемся в этом наборе символов посмотрев на скриншот.

Таким же образом можно поставить ссылку на любую страничку своего сайта. Следует добавить, что при помощи некоторых сторонних расширений можно выводить ссылки на статьи одним нажатием кнопки добавить статью или добавить модуль, при этом эта добавочная кнопка появится после установки расширения. Встроенными средствами 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).

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

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

Для вставки картинки нажимаем на кнопку редактора Insert/Edit image/(1).

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

Или создаем новую папку, называем ее латинскими буквами (3).

Для загрузки файла нажимаем на кнопку с символом изображения с синей стрелкой вверх (Upload) (4).

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

1. Перетягиванием файл из папки на компьютере в окно Upload, (5).

2. Загрузка обычным способом с помощью кнопки с символом лупы Browse выбираем в открывшемся окне свой файл в нужной папке на компьютере и нажимаем открыть (или двойной клик по файлу). (6).

3. Кнопкой Upload загружаем файл в выделенную для него папку на хостинг. (7)

Обработка изображения.

Для того чтобы картинка вставилась в редакторе в нужном месте текста, необходимо нажать на загруженную картинку в Image manager! Чтобы сформировался адрес картинки (путь на хостинге, указывающий какой именно файл из какой папки вставляем в поле редактора страницы.)(1).

Читать еще:  Как сделать градусы в word?

Можно выставить свои размеры картинки (2) (или впоследствии масштабировать ее в визуальном редакторе страницы), задать выравнивание по желаемому краю страницы (Alignment) (3), отступы (margin) (4), создать обводку (border) любой ширины и цвета (5) и другие параметры.

Желательно сразу присвоить картинке тег Title во вкладке image manager — Advanced чтобы картинка лучше искалась в интернет поиске по картинкам и название картинки всплывало при наведении на нее курсором на странице сайта.

После того, как предварительно настроили изображение, вставляем его в поле редактора материала кнопкой insert.

Дальнейшая работа с изображением в редакторе Joomla.

После вставки картинки в страницу материала просматриваем, как получилось, и при необходимости настраиваем вид изображения, выделив его. Например: масштабирование (изменение размера) производим, потянув за квадратики (маркеры) на выделенной картинке (1), выравнивание выделенной картинки можно сделать аналогично, как и текст, кнопками в панели редактора (2). Это можно сделать опять через Image manager, как описано выше. Еще про оптимизацию изображений на этой странице.

Создание ссылки в joomla.

Создать ссылку можно следующим образом — вставить с помощью кнопки с символом звена цепи. Для этого выделяем текст, нажимаем на кнопку ссылки, и в открывшемся окне в поле URL вводим необходимый адрес со всеми необходимыми настройками атрибутов ссылки. В Joomla ссылки на внутренние страницы пишем без доменного имени. В итоге мы создали ссылку с анкором (текстом).

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

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

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

Контент страницы Категорий в joomla (описание категорий) создается по такому же принципу.

Как сделать ссылку на документ Adobe PDF

Эта инструкция покажет, как создать ссылку на .PDF документ на странице вашего сайта.

Для начала откройте HTML is HyperText Markup Language.
A markup language is a set of markup tags

HTML documents are described by HTML tags.

Each HTML tag describes different document content.

HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is a language, as it has code-words and syntax like any other language.
How is it used?
HTML consists of a series of short codes typed into a text-file by(. ) » class=»glossaryLink » >HTML файл, в котором доолжна будет содержаться ссылка. Вы можете редактировать его с помощью любого HTML is HyperText Markup Language.
A markup language is a set of markup tags

HTML documents are described by HTML tags.

Each HTML tag describes different document content.

HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is a language, as it has code-words and syntax like any other language.
How is it used?
HTML consists of a series of short codes typed into a text-file by(. ) » class=»glossaryLink » >HTML редактора, но мы рекомендуем использовать приложения Adobe Dreamweaver или Notepad++.

Design Mode

Приложение Adobe Dreamweaver дает разработчикам возможность работать в режиме design. Вы можете переключать режимы с помощью специальных кнопок в левом верхнем углу окна.

Вам потребуется включить панель Properties. В верхнем навигационном меню выберите Window > Properties. Теперь в нижней части экрана должна появиться панель Properties.

Выберите любой текст и в панели Properties укажите ссылку на PDF файл в поле Link.

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

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

Вы можете работать с HTML is HyperText Markup Language.
A markup language is a set of markup tags

HTML documents are described by HTML tags.

Each HTML tag describes different document content.

HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is a language, as it has code-words and syntax like any other language.
How is it used?
HTML consists of a series of short codes typed into a text-file by(. ) » class=»glossaryLink » >HTML файлами в режиме кода. Ссылку вы сможете определить следующим способом:

1. Найдите текст, который должен стать ссылкой.

2. Перед текстом добавьте тэг:

3. после текста добавьте закрывающий тэг:

4. Замените символ # в атрибуте href на путь к файлу или его адрем на другом сервере.

В результате вы должны получить:

Этот код будет отображать текст: «Онлайн инструкции по работе с шаблонами» ссылка с которого будет вести на сайт « HTTPS is a protocol for secure communication over a computer network which is widely used on the Internet. HTTPS consists of communication over Hypertext Transfer Protocol (HTTP) within a connection encrypted by Transport Layer Security (TLS) or Secure Sockets Layer (SSL). The main motivation for HTTPS is authentication of the visited website and protection of the privacy and integrity of the exchanged data.
In its popular deployment on the internet, HTTPS provides authentication of the(. ) » class=»glossaryLink » >https ://www.templatemonster.com/help/ru/«

Абсолютный и относительный адрес ссылки

Существует два способа указания ссылки на конкретный файл на сервере: относительный путь и абсолютный путь.

В следующем примере мы создадим ссылку на PDF файл. У нас следующая структура файлов:

  • pdf
  • readme.pdf
  • index. HTML is HyperText Markup Language.
    A markup language is a set of markup tags

HTML documents are described by HTML tags.

Each HTML tag describes different document content.

HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is a language, as it has code-words and syntax like any other language.
How is it used?
HTML consists of a series of short codes typed into a text-file by(. ) » class=»glossaryLink » >html

PDF файл называется readme.pdf и находится в папке PDF. Наша ссылка находится в файле index. HTML is HyperText Markup Language.
A markup language is a set of markup tags

HTML documents are described by HTML tags.

Each HTML tag describes different document content.

HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is a language, as it has code-words and syntax like any other language.
How is it used?
HTML consists of a series of short codes typed into a text-file by(. ) » class=»glossaryLink » >html .

Относительный путь

В указанных выше условиях ссылка на PDF файл будет следующей:

Вы видите, что в атрибуте href мы определили путь к файли и его имя. Путь к файлу определен относительно файла index. HTML is HyperText Markup Language.
A markup language is a set of markup tags

HTML documents are described by HTML tags.

Each HTML tag describes different document content.

HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is a language, as it has code-words and syntax like any other language.
How is it used?
HTML consists of a series of short codes typed into a text-file by(. ) » class=»glossaryLink » >html . В следующей таблице вы сможете больше узнать о путях к файлам:

Абсолютный путь

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

6 советов по правильному оформлению материалов Joomla с помощью редактора JCE.

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

Что плохого в неправильном оформлении текстов.

Когда возникает необходимость добавить текст на сайт, люди, не искушенные веб-технологиями, обычно действуют по следующей схеме:

  1. Написать статью в MS Word или заказать на бирже, получив примерно в таком же формате. Обычно написание сопровождаете копированием некоторых отдельных предложений с разных сайтов в Интернете.
  2. Скопировать статью из MS Word и вставить ее в редактор при создании материала Joomla.
  3. Вставить изображения, если это необходимо.
  4. Подправить статью и сохранить.

Казалось бы, все правильно. И на сайте статья отображается более-менее корректно. Так что же не так? Я вам покажу.

“Кролики это не только ценный мех но и 3 4 килограмма диетического легко усваиваемого мяса”

Скопируем ее из Word’а и вставим в стандартный редактор Joomla TinyMCE. Вот такой код мы должны получить в идеале:

А вот то, что выдаст нам TinyMCE в реальности:

Мне страшно. И это с учетом того, что речь идет об одной единственной фразе, к которой не применены разношёрстные Word’овские стили.

Человек и в случае первого и в случае второго кода увидит после вставки только текст, т.е. не заметит никакой разницы. Но разница есть. Ниже привожу список недостатков такого подхода:

  1. Первое и главное – самое разное стилевое оформление в каждом из материалов Joomla. Один материал может быть написан шрифтом Times New Roman 11 размера, другой – Calibri 10 размера. Когда мы просматриваем полный текст статьи, это не особенно ощущается, но стоит увидеть эти статьи на странице блога рядом друг с другом – разница становится очевидной.
  2. В материалах при вставке к каждому абзацу текста, а иногда даже к каждому предложению добавляется атрибут style с собственными уникальными стилями оформления, что неправильно с точки зрения html-разметки.
  3. Если стилевое оформление чистых от style материалов редактируется в CSS всего парой строк кода для всего сайта, то приоритет style выше css, что приводит к необходимости редактирования каждого отдельного материала в случае, когда необходимо, например, увеличить размер шрифта текстов.
  4. Размеры каждой отдельной статьи в базе данных сильно увеличиваются. Это не играет роли в случае, если на сайте мало материалов, но может заметно раздуть базу данных, когда материалов тысячи.
  5. Некорректный перенос из Word’а подзаголовков материалов. Редко кто оформляет в Word подзаголовки материалов правильно. Обычно мы просто увеличиваем текст подзаголовка или делаем его жирным. Ни один скрипт переноса не поймет того, что это подзаголовок, а, следовательно, вставит его в редактор Joomla хоть и большим жирным текстом, но с использованием html-тега простого абзаца, но не тегов h2-h6, которые крайне важны для поисковых систем.

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

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

  1. Установите, настройте и включите по умолчанию сторонний текстовый редактор для Joomla – JCE(подробнее про установку и настройку читайте ниже).
  2. Никогда не вставляйте тексты из блокнота Windows. В блокноте есть только перенос строк, но нет абзацев. Это приводит к неверному формированию кода при вставке в редактор Joomla.
  3. После каждой вставки текста в редактор, нажимайте кнопку « », которая показывает html-код, и проверяйте, что в коде нет атрибутов style. Звучит сложно, но на самом деле, это вопрос 3 секунд.
  4. После вставки текста в редактор выделяйте заголовки и добавляйте для них соответствующий тип оформления (h1 – не используем, поскольку это заголовок материала, h2 – заголовки второго уровня, h3 – заголовки третьего уровня, и т.д.):
  5. Задавайте для изображений только относительную ширину и высоту (в идеале: ширина 100%, высота: не задана), либо не задавайте ее вовсе. В противном случае, вы рискуете получить проблемы при добавлении сайту адаптивности под мобильные устройства. Да, знаю, на wedal.ru сделано как раз-таки неправильно =).
  6. Используйте при оформлении маркированных списков кнопки в редакторе:

Списки при вставке будут генерироваться автоматически при условии их правильного создания в Word.

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

Установка и первичная настройка редактора JCE.

Эта процедура делается только один раз и не отнимет у вас много времени. Следуйте шагам, описанным ниже:

  1. Скачайте и установите расширение JCE для Joomla. Сделать это можно через закладку Установить изJED, которая находится в менеджере расширений Joomla. Другой способ, перейти на официальный сайт JCE и скачать расширение для вашей версии Joomla.
  2. После установки JCE перейдите в общие настройкиJoomla (Система –> Общие настройки) и выберите в настройке Редактор по умолчанию опцию JCE.
  3. Перейдите в Компоненты –> РедакторJCE–> Профили редактора –>Default–> Вкладка «Параметры плагина» –> Буфер обмена, и установите в опциях Удалять все SPANS и Удалять все стили значение Да. Этим вы установите отчистку текста от всех лишних стилей Word’а.
  4. Перейдите в Компоненты –> РедакторJCE–> Профили редактора –>Default–> Вкладка «Параметры плагина» –> Отображение блоков, и установите в опции Состояние значение Да. Этим вы включите выделение тегов в редакторе. Сначала это может показаться неудобным, но вскоре вы привыкните и уже не будете представлять, как вы работали с редактором без этого выделения раньше.

Вот и всё. Напоследок хочу отметить, что для большинства как простых пользователей, так и веб-мастеров работа с редактором JCE ограничивается установкой и активацией. Но если потратить некоторое время и детально разобраться в редакторе, можно увидеть, что он имеет в себе множество тонких и очень полезных настроек, которые незаменимы при оформлении материалов Joomla. А какие особенности JCE используете вы? Поделитесь в комментариях =).

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

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