4.9. Учимся делать ссылки


Структура урока:
1. Что такое ссылки и для чего они нужны.
2. Начало создания ссылок.
3. Конкретизируем ссылку.
4. О новых вкладках браузера.
5. Редактируем ссылку.

1. Что такое ссылки и для чего они нужны.

Что такое ссылка (или гиперссылка) большинство из Вас знает. Остальные догадываются. Откроем Википедию и прочитаем, что «ссылки в программировании – это объект, указывающий на определенные данные, но не хранящий их».

Хорошо сказано, правда? Даже завидно немного. =)

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

Весь Интернет построен при помощи ссылок и нам с Вами крайне важно научиться их ставить. Тем более, что в WordPress их делать легко. Напомню, что ссылки бывают двух видов:

— внутренние, которые ведут на другие страницы сайта (например, «На главную» или на другую страницу с нужной статьей) или какую- то часть уже открытой страницы (например, ссылка «На верх страницы»);

— внешние, ведущие на другие сайты.

Мы начнем с внутренних ссылок.

2. Начало создания ссылок.

Заходим в Панель администрирования и в навигационной панели (слева) открываем «Записи», потом выбираем «Редактировать». Открываете любую статью для редактирования. Выделяем любое слово. Для этого нам надо подвести курсор к началу этого слова, нажать на левую кнопку мыши и вести курсор вправо до тех пор, пока все слово не окажется на синем фоне:

И Вы сразу же видите, как в визуальном редакторе активировались (стали более яркими) две кнопки (показаны стрелками):

Левая кнопка называется «Вставить/ редактировать ссылку», а правая – «Убрать ссылку». Названия эти видны, если на кнопку поставить курсор. Нас сейчас интересует левая кнопка – «Создать ссылку». Нажимаем на нее и видим, что фон текста статьи стал серым и появилось вот такое окно:

Читаем содержание окна и первое, что мы видим – нужен адрес страницы, на которую мы будем ссылаться. Уточнить адрес страницы можно несколькими способами. Выберем самый простой.

Закроем окно «Вставить\ редактировать ссылку» и перейдем на главную страницу сайта (кнопка «Просмотр сайта» на самом верху страницы), ищем название статьи, на которую надо сослаться, и кликаем по названию статьи. Она открывается, и в адресной строке браузера Вы видите ее адрес:

Правой кнопкой кликаете по этому адресу, он станет синим и выбираете «Копировать»:

Заходите в Панель администрирования и далее: «Записи» --> «Редактировать» --> снова «Редактировать» (под названием статьи). Опять выделяете нужное слово и нажимаете  кнопку «Вставить \ редактировать ссылку».

Откроется знакомое нам окно создания ссылки. Обратите внимание, в графе  «URL ссылки» уже написано «http://». Чтобы убрать эту надпись просто нажмите клавишу Backspace. Далее, кликаете по графе «URL ссылки» правой кнопкой и нажимаете «Вставить».  Другие графы пока не заполняете и нажимаете кнопку «Вставить».

И сразу же в визуальном редакторе видите, что выбранное слово приобрело атрибуты ссылки: оно стало синим и подчеркнутым. Теперь в разделе «Опубликовать» нажимаете кнопку «Обновить».

Перейдите на главную страницу блога и проверьте, как работает Ваша ссылка. Работает?

Отлично!

3. Конкретизируем ссылку.

Вернемся назад, в редактирование статьи, и посмотрим в окне «Вставить \ редактировать ссылку» что скрывается в выпадающих списках окон «Открывать» и «Класс» и попробовать заполнить графу «Заголовок». Попробуйте это сами. Только один совет.

В графе «Открывать» можно выбрать «В новом окне», тогда новая страница (та, на которую ссылаетесь) будет открываться в новой вкладке браузера. Так гораздо удобнее работать. Но тут есть один нюанс. Часто, при попытке открыть новую ссылку в новой вкладке, Ваш браузер воспринимает это как попытку показаться всплывающему окну и блокирует переход.

Это происходит тогда, когда в настройках браузера Вы запретили показывать всплывающие окна. В Mozilla FireFox Вы видите сообщение, что браузер заблокировал всплывающее окно и что ему следует теперь делать – разрешить или нет. А вот  в Internet Explorer панель Google подобное сообщение при первой попытке покажет на очень короткое время (и то, как чисто информативное, без запроса о дальнейших действиях браузера), при последующих же попытках перейти по ссылке около курсора будет просто показываться маленький восклицательный знак на желтом фоне.

Что же делать? Иногда помогает двойной щелчок (очень быстрый) по ссылке, но часто не с первого раза. И потом, Вы же не будете писать своим читателям, что, мол, хочешь увидеть, что там за ссылка, – «кликай быстрее. И еще быстрее».

Лично для Вас я подскажу выход. Надо щелкнуть по ссылке ПРАВОЙ кнопкой мыши и в открывшемся окне выбрать «Открыть в новой вкладке». Или «Открыть в новом окне», кому как нравится и другая страница (сайт) откроется, но при этом будет открыта еще и вкладка с Вашим сайтом. Но ведь читателям это не обьяснишь! Поэтому здесь решать Вам: открывать новую страницу — по ссылке — в новой вкладке или же пусть она открывается в текущем окне (вкладке).

4. О новых вкладках браузера.

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

К сожалению, читатель уйдет  по ссылке скорее всего навсегда: на новом сайте он увидит еще какие-то ссылки, рекламу, баннеры, осуществит переход уже по ним и так может быть несколько раз. Если он не внес сразу Ваш сайт в закладки или «Избранное», то он не вернется — никому не хочется возвращаться назад, повторяя тот же путь в обратном направлении.

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

Перейдем к внешним ссылкам. Технология их «изготовления» точно такая же, как и внутренних ссылок. Все отличие только в том, что адрес ссылки Вы должны иметь заранее. Хотите сослаться на какой-то сайт в целом, значит, у Вас должен быть адрес главной страницы сайта или любой другой его страницы. Если ссылаетесь на какую-то внутреннюю страницу – имейте точный ее адрес.

5. Редактирование ссылок.

Открываете для редактирования статью, кликаете по ссылке и опять нажимаете на кнопку «Вставить / редактировать ссылку» и в открывшемся окне вносите изменения.

А если надо удалить ссылку, то в режиме редактирования статьи просто кликаете по ней и жмете на кнопку  «Убрать ссылку». И все. Ссылка убрана. Если надо убрать и текст ссылки – действуйте как всегда: клавишей «Backspace» или «Delete».

На этом закончим.

Удачи!

Перейти к следующему уроку.

...Сообщите об этой статье своим друзьям:
Благодарю Вас!
А еще Вы можете подписаться на рассылку и первым получать самые свежие статьи.

Автор: Сергей Ваулин

Похожие записи по этой теме:

28 thoughts on “4.9. Учимся делать ссылки

  1. Artoym

    Подскажите пожалуйста.

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

    Страничка новостаная centrcentr.ru/novosty

    Послдняя новость следующая:

    Проведено собрание юристов. *здесь ссылку далее, что чтобы переход осуществлялся на новую страничку , которой нет пока что, по всей видимости её будет необходимо сделать отдельно где-то на сайте, с другим url, например, centrcentr.ru/yristy/otchet1*

    А после на этой страничке разместить определенный текст и пару файлов для скачивания

    Помогите пожалуйста.

    Reply
  2. injnnak

    Привет, а может вы подскажете как убрать ссылки с даты коментариев и с названия статьи?

    Reply
    1. admin Post author

      injnnak, нет, не знаю — никогда об этом не задумывался. А зачем?

      Reply
  3. Светлана

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

    Reply
    1. admin Post author

      Светлана, можно сделать так: в статье пишите название рубрики, например, Вэлнес, потом делаете ее ссылкой и адрес указываете такой же, какой написан в адресной строке браузера — вашсайт.ru/?cat=13.

      Reply
  4. Dima

    Истинно, большой потенциал и простота для новичка в ваших ответах.

    Ещё раз спасибо.

    Reply
  5. Dima

    Здравствуйте. Подскажите пожалуйста, как сделать, чтобы посетители моего сайта, открыв его попадали на главную страницу? Сейчас, открыв сайт, попадаешь на «ЗАПИСИ». Но я убрал их, как ненужные мне, и теперь, открыв сайт, я вижу надпись «НИЧЕГО НЕ НАЙДЕНО». Но мне нужно, чтобы сайт открывался на одной из страниц.

    Спасибо, с уважением, Дмитрий.

    Reply
    1. admin Post author

      Dima, для того, чтобы сайт открывался на какой-либо странице, необходимо в админке в «Настройках чтения» установить флажок (кликнуть по кружочку) «Постоянная страница» и далее выбрать какая страница всегда будет в качестве главной

      Reply
  6. Dima

    Спасибо, вы мне помогли. С уважением, Дмитрий.

    Reply
  7. Dima

    Если я злоупотребляю количеством вопросов, то актуальны для меня вопрос про «В корзину» и вопрос, как убрать лишние ссылки, метки, архивы со страницы. Спасибо.

    Reply
  8. Dima

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

    И еще, возможно ли, и как сделать кнопки: «Купить» или «В корзину»? Я делаю это не для себя, для хороших знакомых.

    Так же, еще два вопроса:

    Как убрать ненужные метки и рубрики?

    И как сделать нумерацию страниц, кликнув на которую, посетитель перешел бы на следующую?

    Спасибо за терпение. Не тороплю вас. С уважением, Dima.

    Reply
    1. admin Post author

      Dima, я не специалист в создании интернет-магазинов, до сих пор не создал ни одного. Но я бы сделал так: подробнейшим образом изучил магазины разной тематики, находящиеся в ТОПе и работающие на WordPress'е. Выбрал 2-3 магазина в качестве образца и делал все точно так же. Связался бы с их владельцами и уточнял бы все у них, но, конечно, предварительно надо изучить открытые материалы по созданию интернет-магазинов. Мне довольно часто попадались на глаза курсы из серии «Как сделать интернет-магазин», но, поскольку эта тема мне не интересна, то ссылок я Вам представить не могу. Как не могу дать ссылок на специальные плагины по созданию магазинов. Погуглите.

      Кнопки «Купить» и «В корзину» можно сделать и вручную (обычная картинка-ссылка), но лучше возьмите плагин с готовым интернет-магазином, там все это уже есть. Зачем ломать голову, когда программисты это уже давно все сделали.

      О ненужных метках и рубриках. Если они совсем не нужны, то удалить их можно в админке — «Записи» — «Рубрики»(или Метки). Если Вы просто не хотите, чтобы посетители их видели, то используйте плагин «Simple Exclude».

      Сделать нумерацию страниц можно с помощью плагина WP-PageNavi

      Reply
  9. Dima

    Спасибо, и это у вас я также прочитал, но не пойму, если я хочу написать текст с описанием фото, то где мне разместить этот текст, чтобы потом на тот адрес (с текстом) сделать ссылку «http://...», на новой ли странице или еще как? Но чтобы этот «рабочий» материал с текстами не был виден потом в качестве отдельных страниц посетителям сайта, кроме того, что они бы видели тот текст только кликнув на фото? Или может его можно вписать в «описание», задавая миниатюру?

    Reply
    1. admin Post author

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

      Да, Вам надо размещать описание на каждой отдельной странице. Тогда у каждого описания будет URL и Вы сможете сделать ссылку. Такие описания надо размещать в отдельной рубрике и эту рубрику скрывать в навигации,архивах, метках с помощью плагина Simply Exclude. И еще, тогда не стоит делать карту сайта для людей. Но зачем все это!? Мой совет: чем проще навигация по сайту, тем лучше: люди нетерпеливы и уже привыкли к определенному алгоритму действий на сайтах.

      Reply
  10. Dima

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

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

    С уважением, Dima.

    Reply
    1. admin Post author

      Dima, для этого надо в визуальном редакторе кликнуть по фотографии, она по контуру станет обрамленной тонкой черной линией с квадратиками и одновременно активируется кнопка «Вставить/редактировать ссылку» (в виде звеньев цепи). Кликаете по этой кнопке, в открывшемся окне заполняете все графы, нажимаете кнопку «Добавить ссылку». Чтобы сделать ссылкой подпись к фото, выделяете ее (как при копировании), активируется кнопка и дальше все точно так же.

      Reply
  11. Александр

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

    Reply
    1. admin Post author

      Александр, я полагаю, что Вам с этой проблемой лечше всего обратиться к программистам-фрилансерам. Я, к сожалению, не программист.

      Reply
    1. admin Post author

      Елена, рад что оказался Вам полезен

      Reply
  12. Ольга

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

    Reply
    1. admin Post author

      Рад, что оказался Вам полезным, Ольга

      Reply
  13. Сергей

    Спасибо ! Странно — вчера делал все точно также и не получалось , а сегодня сразу . Вот что значит со свежей головой приступать к работе :) Еще раз спасибо за все ваши статьи — перечитываю по несколько раз !

    Reply
    1. admin Post author

      Сергей, у меня тоже так бывает и довольно часто

      Reply
  14. Сергей

    Спасибо, очень полезно и доступно. Но я не могу разобраться как сделать фото — внутренней ссылкой(то есть- нажимая на фото был переход на нужную мне страницу) ! все делал как написано , может для фото есть другой метод ? Спасибо.

    Reply
    1. admin Post author

      Сергей, чтобы сделать фото (картинку) внутренней ссылкой, надо в визуальном редакторе открыть статью, кликнуть по фотографии, она станет выделенной (в рамочке + 2 маленькие картинки на ней), нажимаете на кнопку визуального редактора «Вставить/редактировать ссылку».

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

      Потом нажимаете кнопку «Обновление» на странице редактирования статьи, смотрите на сайте. Все должно работать. Если у Вас была раньше открыта на самом сайте страница с фотографией — обновите ее (клавиша F5).

      Reply

Оставить комментарий

Your email address will not be published. Required fields are marked *