Как сделать любые ссылки в статье на блоге

  Автор:
  2708
Как создать любые ссылки в статье на блоге

Здравствуйте!

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

Рассмотрим такие вопросы:

  •  Ссылка — что это
  •  Создание ссылки
  •  Разновидность ссылок
  •  Создание ссылки в тексте статьи
  •  Создание ссылки в виде изображения
  •  Создание ссылки e-mail адреса
  •  Создание ссылки для скачивания файла
  •  Создание ссылки на уже опубликованную (запись) статью на блоге
  •  Удаление/редактирование ссылки
  •  Как создать ссылку, чтобы она открывалась в новом окне
  •  Как можно сделать оглавление, переходя на разделы внутри страницы

Ссылка — что это

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

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

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

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

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

тег любой ссылки имеет вид:

ссылка статью сайте

a href
a — это якорь, как бы связываем с чем-то
href — гипертекстовая ссылка, это куда вы ссылаетесь.

На пример, ссылка на мою подписную страницу для получения книги:

ссылка статью сайте

Разновидность ссылок

Ссылки можно разделить на два вида: по типу и цели.

Ссылки по типу:

  •  Текстовая
  •  Изображение
  •  E-mail

Цели ссылок:

  •  На любую страницу в интернет
  •  На любую внутреннюю страницу сайта
  •  На любую часть текста на странице
  •  На любое скачивание документа

Создаёте новую запись

  •  Зайдите в админку блога в раздел «Записи» далее «Добавить новую»;
  •  напишите заголовок;
  •  жмёте на кнопку «Сохранить», потому что статья ещё не готова.

ссылка статью сайте

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

  •  Переключаете редактор в режим «Визуально»;
  •  выделяете мышкой текст или фразу, которая и будет ссылкой;
  •  жмёте на значок «Вставить/изменить ссылку» в редакторе.

ссылка статью сайте

После нажатия «Вставить/изменить ссылку» открывается окно:

ссылка статью сайте

  •  В поле URL прописываете/вставляете адрес страницы;
  •  текст со ссылкой появляется автоматически;
  •  жмите на кнопку «Добавить ссылку».

Смотрите ссылку в редакторе «Визуально»

ссылка статью сайте

А в режиме «Текст» — это выглядит так

со ссылками статьи

Вот так выглядит ссылка текстовая на блоге.

ссылка статью сайте

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

  •  Перейдите во вкладку «Визуально»;
  •  в поле, где текст поставьте мышку в то место, где будет отображаться изображение;
  •  жмёте на кнопку «Добавить медиафайл».

со ссылками статьи

Как вставить медиафайл читайте в статье «Обзор. Медиафайлы в редакторе».

  • В библиотеке медиафайлов выделяете нужное изображение;
  • в поле ссылка выбираете «Произвольный URL»;
  • и в поле ниже прописываете ссылку;
  • нажимаете кнопку «Вставить в запись».

10kak-sdelat-ssulku

Ссылка в редакторе «Визуально»

ссылка статью сайте

Если переключитесь в редактор «Текст»

ссылка статью сайте

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

со ссылками статьи

Создание ссылки e-mail адреса

Эта ссылка нужна будет, если, например, вы оформляете страницу «Контакты» и хотите указать ваш email. Можно конечно написать мой email такой-то и всё, а можно при клике по email будет открываться email программа и в поле «Кому» будет проставлен ваш адрес.

  •  Перейдите во вкладку «Визуально»;
  •  напишите e-mail для связи и выделите его мышкой;
  •  жмёте кнопку «Вставить/изменить ссылку».

со ссылками статьи

Во всплывающем окне появятся данные:

  •  URL (mailto:liudmilaustyanceva@gmail.com) — изменить нельзя
  •  Текст со ссылкой (liudmilaustyanceva@gmail.com) — по желанию, можно написать любой текст, на пример: напиши мне;
  •  жмёте на кнопку «Добавить ссылку».

со ссылками статьи

Ссылка в редакторе «Визуально»

ссылок вашу статью

А ссылка в редакторе «Текст» выглядит

ссылок вашу статью

Вместо   http://  стоит  mailto:  и адрес.
на блоге это выглядит так

со ссылками статьи

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

Что вы можете скачать:

  1.  Документы — doc, pdf
  2.  Архивы — zip, rar

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

  •  В админке в меню переходите в раздел «Медиафайлы»;
  •  жмите «Добавить новый»;
  •  жмёте «Выберите файлы».

ссылок вашу статью

Выбираете на вашем компьютере, на пример pdf, и когда вы его закачаете, то он будет отображаться иконкой и названием документа

ссылок вашу статью

Справа в поле URL скопировать ссылку (ссылка длинная, поэтому полностью её надо скопировать) на файл и закрываете окно.

со ссылками статьи

  • Создайте новую запись или редактируете старую;
  • зайдите во вкладку «Визуально»;
  • пишите и выделяйте текст, который будет ссылкой для скачивания;
  • жмёте на кнопку «Вставить/изменить ссылку» в редакторе.

ссылок вашу статью

 

Во всплывающем окне в поле URL вставляйте ссылку документа на скачивание
жмёте на ссылку «Добавить ссылку».

со ссылками статьи

Ссылка в редакторе «Визуально»

сделать ссылку статью

В редакторе «Текст»

сделать ссылку статью

Ссылка на блоге

сделать ссылку статью

Как только вы кликнете по ссылке, то сразу начнётся скачивание.

Создание ссылки на уже опубликованную (запись) статью на блоге

Если запись опубликована на блоге, то

  •  Переключайте редактор в режим «Визуально»;
  •  выделяйте текст, который будет ссылкой;
  •  жмёте на значок «Вставить/изменить ссылку» в редакторе.

ссылка статью сайте

  •  В раскрывшемся блоке находите нужную (опубликованную) статью или страницу и кликните по ней;
  •  ссылка появляется автоматически на данную статью в поле URL;
  •  жмёте кнопку «Обновить».

сделать ссылку статью

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

Если вы ошиблись, поставили неправильную ссылку, что надо сделать:

  •  Переключайте редактор в режим «Визуально»;
  •  кликайте левой кнопкой мыши на текст со ссылкой;
  •  в появившемся блок, жмёте на значок «Изменить» или в редакторе на кнопку «Вставить/изменить ссылку»

сделать ссылку статью

Удаление ссылки

  •  Переключайте редактор в режим «Визуально»;
  •  кликайте левой кнопкой мыши на текст со ссылкой;
  •  в появившемся блоке, жмёте на значок «Удалить» или в редакторе на кнопку «Удалить ссылку».

сделать ссылку статью

Редактирование ссылки в виде изображения

  •  Переключайте редактор в режим «Визуально»;
  •  кликайте левой кнопкой мыши на картинку;
  •  в появившемся блоке, жмёте на значок в редакторе «Вставить/изменить ссылку».

сделать ссылку статью

Удаление ссылки в виде изображения

  •  Переключайте редактор в режим «Визуально»;
  •  кликайте левой кнопкой мыши на картинку;
  •  в появившемся блоке, жмёте на значок в редакторе «Удалить ссылку».

сделать ссылку статью

Как сделать ссылку, чтобы она открывалась в новом окне

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

  •  Переключайте редактор в режим «Визуально»;
  •  кликайте левой кнопкой мыши на текст со ссылкой;
  •  в появившемся блоке, жмёте на значок «Изменить» или в редакторе на кнопку «Вставить/изменить ссылку»;
  •  во всплывшем окне ставите галочку «Открывать в новой вкладке» и «Обновить».

сделать ссылку статье

Атрибут ссылки, который указывает браузеру открывать ссылку в новой вкладке

» target=»_blank»

сделать ссылку статье

Как сделать на странице оглавление со ссылками на нужные разделы страницы ( ссылка-прыжок на странице)

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

Ссылка — прыжок состоит из 2х частей:

сделать ссылку статье

Пишите статью, а в начале текста пишите оглавление:
1 Оглавление
2,3,4 — контент согласно оглавлению.

сделать ссылку статье

Переключаете редактор в режим «Текст»
1 Оглавление
2,3,4 — контент согласно оглавлению.

сделать ссылку статье

К сожалению WordPress не предусматривает такую функцию, как делать ссылки внутри текста. Для этого воспользуйтесь html.

Создаёте ссылки-якоря

Каждый пункт оглавления сделать ссылкой.

сделать ссылку статье

сделать ссылку статье

Вместо #first, #third и #four — пишете ключевое слово

делаем ссылки — цели

Перед каждым блоком контента (согласно оглавлению) сделайте ссылку — цель.
сделать ссылку статье

сделать ссылку статье

На блоге это будет выглядеть так:

сделать ссылку статье

Заключение

Теперь вы знаете, что такое ссылка и как можно её создать. Подробно разобрали, какие ссылки бывают. У вас не должно возникнуть затруднений с созданием ссылки в тексте статьи, а так же, как сделать ссылку в виде картинки и e-mail адреса.

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

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

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

Удачи и успехов.
С уважением, Людмила Устьянцева

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

Рекомендую:
Дополнительная настройка записи WordPress
Как опубликовать статью (записи) на блоге

Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Оставьте свой комментарий:
8 комментариев
  1. Уважаемая Людмила! Во-первых, большое спасибо за Ваши материалы на блоге. Я — новичок. Вы пишите красиво и доступно! Во-вторых, мне очень понравилось оформление Вашего блога. Просто и стильно! В-третьих, я подписался на новости Вашего блога. И простите за нескромную просьбу, не могли бы Вы выслать мне шаблон Вашего блога и рекомендации по его оформлению? С уважением Евгений Васильевич, пенсионер и начинающий блогер.

  2. Людмила,спасибо за очень подробную статью по правилам создания ссылок в тексте, буду применять на своем блоге.

  3. Очень полезная статья. Особенно для начинающих блоггеров. Спасибо.

  4. Юлиана

    Людмила, спасибо за статью. Мне очень помогла. Доступно, легко, понятно. Знаю, что ещё не раз зайду за помощью на ваш сайт.

на Блоге
в Вконтакте
в Фейсбук