gototopgototop
Register
Вход
HomeКак это сделать?... /  Как вставить в статью ссылку-якорь?
Как вставить в статью ссылку-якорь? E-mail
Повышаем мастерство - Как сделать?...
Автор: Наталья Мельниченко   
25.01.2012 13:24

0 Получила сегодня письмо от пользователя Алексея:

"Здравствуйте! Помогите, пожалуйста, разобраться. Я установил плагин Smooth Scroll for Joomla! rel. 0.8, он установился нормально, кнопка появилась, но свою функцию не исполняет. Я пробовал ставить якорь в верху страницы header_r, но все равно не работает. Заранее благодарю за ответ!"

Как вставит ссылку-якорь в статьюАлексей, спасибо за вопрос, потому что он касается такого понятия, как якорь (anchor - анкор), который я всё собиралась взять себе в помощники, да руки не доходили разобраться с ним обстоятельно. Так что Ваш вопрос подвиг меня на  восполнение пробела в знаниях. О плагине мы поговорим ниже, а пока давайте воспользуемся богатейшими возможностями визуального редактора JCE.

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

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


Константин Паустовский. Кот-ворюга
*********************************************************
0 Часть 1.

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

Он воровал все: рыбу, мясо, сметану и хлеб. Однажды он даже разрыл в чулане жестяную банку с червями. Их он не съел, но на разрытую банку сбежались куры и склевали весь наш запас червей. Объевшиеся куры лежали на солнце и стонали. Мы ходили около них и ругались, но рыбная ловля все равно была сорвана.

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

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

0 Часть 2.

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

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

Тогда был вызван Ленька, сын деревенского сапожника. Ленька славился бесстрашием и ловкостью. Ему поручили вытащить из-под дома кота. Ленька взял шелковую леску, привязал к ней за хвост пойманную днем плотицу и закинул ее через лаз в подполье. Вой прекратился. Мы услышали хруст и хищное щелканье - кот вцепился зубами в рыбью голову. Он вцепился мертвой хваткой. Ленька потащил за леску, Кот отчаянно упирался, но Ленька был сильнее, и, кроме того, кот не хотел выпускать вкусную рыбу. Через минуту голова кота с зажатой в зубах плотицей показалась в отверстии лаза. Ленька схватил кота за шиворот и поднял над землей. Мы впервые его рассмотрели как следует.

Кот зажмурил глаза и прижал уши. Хвост он на всякий случай подобрал под себя. Это оказался тощий, несмотря на постоянное воровство, огненно-рыжий кот-беспризорник с белыми подпалинами на животе.

Рассмотрев кота, Рувим задумчиво спросил:

- Что же нам с ним делать?

- Выдрать! - сказал я.

- Не поможет, - сказал Ленька. - У него с детства характер такой. Попробуйте его накормить как следует.

Вернуться к началу урока


0 Часть 3.

Кот ждал, зажмурив глаза. Мы последовали этому совету, втащили кота в чулан и дали ему замечательный ужин: жареную свинину, заливное из окуней, творожники и сметану. Кот ел больше часа. Он вышел из чулана пошатываясь, сел на пороге и мылся, поглядывая на нас и на низкие звезды зелеными нахальными глазами. После умывания он долго фыркал и терся головой о пол. Это, очевидно, должно было обозначать веселье. Мы боялись, что он протрет себе шерсть на затылке. Потом кот перевернулся на спину, поймал свой хвост, пожевал его, выплюнул, растянулся у печки и мирно захрапел.

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

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

0Кот ходил по дому и саду, как хозяин и сторож. Он терся головой о наши ноги. Он требовал благодарности, оставляя на наших брюках клочья рыжей шерсти. Мы переименовали его из Ворюги в Милиционера. Хотя Рувим и утверждал, что это не совсем удобно, но мы были уверены, что милиционеры не будут на нас за это в обиде.

Вернуться к началу рассказа

Читать Часть 2

Вернуться к началу урока

***************************************************************************************************************


Ну вот, набегались вслед за котиком? Пойдём шагом:

Шаг 1. Якорь состоит как бы из двух частей: видимой читателям и невидимой. Если бы я не поставила в определенных местах статьи вот такую красную буковку 0,то вы бы никогда не догадались, что рядом с ней стоит невидимый анкор. Делается он просто: щелкните мышью в том месте статьи, где хотите бросить якорь )))), а затем нажмите на иконку якоря в панели редактора:
Как вставить якорь в статью

Свой первый анкор я поставила перед словом "Получила" . В открывшемся после нажатия на иконку якоря окошке дала название первому якорю "part", id - тоже "part" , и нажала на кнопку Update:

Уроки Joomla! :: Как вставить якорь в статью

Якорь встал на отведенное ему место и имеет в редакторе вот такой вид:
Как вставить якорь в статью

Дальше я ставлю якорьки в других местах, и называю их part1, part2, part3, part4. В html они будут выглядеть вот так: <a name="part"></a>, <a name="part1"></a>, и т.д.

Шаг 2. Связываем видимую и невидимую части. Для этого надо будет открыть html-код статьи. Я всегда использую для этого кнопку в верхней левой части панели редактора Show/Hide. В код надо  вставить вот такую первую загогулину :

<p><a href="#part">Вернуться к началу урока</a></p>

Место для неё я определила в самом конце рассказа про кота-ворюгу. Здесь же поставила ещё два якоря :

Уроки Joomla! :: Как вставить якорь в статью

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

Вот и всё по установке ссылок-якорей в тексте статьи.

Шаг 3. Как поставить якорь-ссылку на другую страницу?

1) на той странице и в то место, куда мы планируем переправлять посетителей, вставляем невидимый якорь по принципу Шага 1.

2) для того чтобы направить посетителя по ссылке на якорь, находящийся на другой странице, надо в атрибуте href тега <a> прописать URL адрес статьи (без домена), добавить к нему символ # и название якоря. Например, у меня якорь называется ankor:

<p><a href="/blogi/vipuskaem-par-v-svistok/kak-mi-mozhem-pobedit.html#ankor">Запретная песня</a></p>

Запретная песня

 Всё просто, правда?

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

А теперь перейдём к возможностям того плагина, о котором мне написал Алексей. К сожалению, я не смогу показать на этом сайте, как он работает: он вступает в конфликт с каким-то уже установленным расширением, и мне пришлось его убрать. Но на моём Демо-сайте, где нет никаких расширений, плагин  Smooth Scroll for Joomla! работает правильно.

Для тех, кому Smooth Scroll for Joomla! может понадобиться, даю ссылку на скачивание:
http://code.google.com/p/smooth-scroll/downloads/list  . Скачать надо smoothsc-joomla1.5.zip

 Итак, для чего нужен этот плагин? - по существу, это установщик якорей. Он переносит  посетителя с одного места в статье на другое в скользящей манере. Кроме того, если в редакторе вы прописываете ссылку   "Наверх", то Smooth Scroll for Joomla! добавляет к этому слову ещё и кнопочку. Дизайн кнопки можно выбрать в параметрах настройки плагина. Там же можно прописать текст, который будет находиться  рядом с кнопкой, например, вместо "Наверх" - "Вернуться к началу статьи":

Чтобы эта кнопка появилась на свет, надо в том месте статьи, где вы хотите её показать, прописать формулку:  {smooth-scroll-top} . По существу, этот принцип "Go to top" заложен во многие другие подобные плагины, только те хотя бы не  конфликтуют с другими расширениями. Пример одного такого плагина я уже описывала в статье "Кнопки наверх".

Вот и все "достоинства" плагина, никаких других я не нашла. И то с большущей оговоркой, которая касается того вопроса, который задал мне Алексей по поводу якоря  header_r. В параметрах плагина указано, что этот якорь действует по умолчанию ТОЛЬКО в шаблоне Rhuk Milkyway. Если же вы используете другой шаблон, то кнопка работать не будет.

В общем, я сделала вывод :  плагин Smooth Scroll for Joomla! не относится к тем расширениям, которые НАДО иметь на сайте. Скорее, наоборот.

 


Читайте также:
Ещё статьи:

 
ВХОД на сайт



Базовый курс создания сайта

 

Есть ли народ на сайте?

Сейчас 20 гостей онлайн

Мы вконтакте

Как сделать?...

Контакты





Copyright © 2011. Joomla! для "чайников". Автор сайта Наталья Мельниченко
Follow us on Twitter