Free login module joomla

Редактор JCE | Создание ссылки с якорем

JCE anchorЯкорь – это закладка или метка с уникальным именем на конкретном месте страницы сайта, предназначенная для быстрого перехода к ней по ссылке. Конечно, если ваш документ помещается в окне браузера и не требует прокрутки, применять якоря бесполезно. Но если вы создали документ большого объема, чтобы можно было быстро переходить к нужному разделу, якоря просто необходимы. Система якорей и ссылок на них позволяет организовать удобную и быструю навигацию как внутри одного материала, так и создать ссылку на нужный параграф в другой статье.


Установить якорь в редакторе JCE достаточно просто, для этого в режиме редактирования статьи нужно поставить курсор в то место, куда должна быть прямая ссылка и нажать на кнопку со значком якоря якорь
В появившемся окне, в поле "Имя" впишите имя якоря.  Как правило имя обобщает смысл текста, на который вы даёте ссылку и пишется на латинице, может содержать латинские буквы и цифры. Количество якорей на веб - странице может быть любым, но обязательное условие - имя якоря должно быть уникальным и не повторяться. Далее нажмите кнопку "Вставить".

anchor

Теперь нужно создать ссылку к якорю, кликнув по которой посетитель попадёт в то место, где находится сам якорь.
Для того, чтобы создать ссылку на якорь, нужно выделить слово или часть текста на странице сайта и кликнуть по иконке с изображением звена цепи "Вставить/редактировать ссылку" ссылка
Откроется окно "Ссылка"

ссылка-якорь

  • Текст – в этом поле появится текст, который вы сделали ссылкой. Здесь можно ввести другой текст или изменить существующий.
  • Якори статьи - список доступных якорей в текущей статье. Выберите якорь на который вы делаете ссылку.
  • Цель - указывает, где будет загружен документ (в новом окне, в текущем окне и т.д.)
  • Название - текст отображаемый в подсказке, когда мышь находится над элементом.

Далее жмем кнопку "Вставить" и ссылка в текущей статье на якорь готова.

На языке HTML имя якорю присваивается при помощи атрибута name тега<a>. HTML-код:<p><a name="road"></a></p>Атрибут href данного тега<a>- задает адрес документа, куда следует перейти по ссылке. В качестве значения href для перехода к якорю используется имя самого якоря с символом решетки (#) впереди. HTML-код: <a href="#road">bottom</a>


Как создать ссылку на якорь, установленный в другой веб-странице.

В текущей статье выделите фрагмент текста,  который будет выполнять роль ссылки и кликните по иконке с изображением звена цепи "Вставить/редактировать ссылку"ссылка

создать ссылку

В средней части окна выберите папку "Контент", далее откройте категорию, в которой находится статья с якорем. Откроется список всех статей с перечнем якорей.
Кликните по нужному якорю и в поле "Ссылка" автоматически будет прописан путь к статье с указанием якоря. Остается указать в каком окне открывать ссылку и, при необходимости, заполнить название всплывающей подсказки.
Далее жмем кнопку "Вставить" и ссылка из текущей статье на якорь другой статьи готова.
Cсылку можно также сделать на закладку (якорь), находящуюся даже на другом сайте. Для этого в атрибуте href тега<a>нужно указать URL - адрес документа, опубликованного на другом сайте, и в конце добавить символ решетки (#) и имя якоря.

якорь на другом сайте

 

HTML код: <a href="http://htmlwhite.ru/samhtml/yakorya.html#road">Вкладка</a>
Теперь, если кликнуть по слову "Вкладка", которое является текстом-ссылкой в статье одного веб-сайта, откроется страница статьи " yakorya" сайта "htmlwhite.ru" в том месте, где установлен якорь.

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

↓↓↓ Понравилась статья? Жми на кнопки! ↓↓↓

Тэги: редактор JCE, URL, созание ссыки, якорь

Комментарии   

Александр
0 # Александр 03.02.2016 23:34
Спасибо! Коротко и информативно ;-)
Ответить | Ответить с цитатой | Цитировать
Alex
+1 # Alex 20.02.2016 00:15
8) У вас на сайте самые классные объяснялки!!!
(сейчас как раз делаю шпаргалку для особо одарённых ---> ваш сайт лучше всего растолковывает, что, да как, да почём ... ; Наверное проще даже будет ссылку на вас вставить, чем скроллить --- слишком у вас много всего интересного и доступнообъяснятельного! Автору/составителю респект!)
8)
Ответить | Ответить с цитатой | Цитировать
Сергей
0 # Сергей 04.11.2016 06:31
Здравствуйте! А конкретно на модуль joomla как поставить якорь. Нет ни каких материалов и ничего такого где бы можно было прописать . просто модуль ленты новостей и всё. Подскажите пожалуйста буду очень признателен :-)
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий


Защитный код
Обновить