Как сделать гиперссылку в WordPress и всё, что с этим связанно. Как в wordpress сделать ссылку на страницу


Как сделать ссылку в WordPress: из текста и картинки

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

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

Содержание страницы

Коротко о важном

Гиперссылки важны, поэтому необходимо научиться делать ссылки в WordPress.

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

Внешние — это ссылки, которые ведут с вашего блога на другие блоги, форумы или сайты.

Гиперссылки находиться где угодно: шапке сайта, сайдбаре (виджетах), подвале, непосредственно в тексте записи или страницы.

Как сделать ссылку в вордпресс

Добавить URL можно на слово, фразу или даже предложение, картинку (фотографию), анимацию.

Давайте разберем структуру на примере:

http://www.gelo-blog.ru/ustanovka-wordpress/kak-ustanovity-temu-dlya-wordpress.html

где:

www.gelo-blog.ru — адрес блога или домен, здесь можно почитать о том что такое домен

Добавляем ссылку в текст

Внутренняя

  1. Заходим в админку блога wordpress.
  2. Переходим на странице или запись. Где сделать ссылку не важно, процесс одинаковый.
  3. Вставляем заранее подготовленный текст.
  4. Выделяем слово или часть текста и жмем на цепочку (Вставить/изменить ссылку).как сделать ссылку в wordpress текст
  5. Откроется вот это окно.внутренния ссылка Заполняем поле URL пишем ссылочку, это можно сделать двумя способами. Первый: Откройте нужную запись и в адресной строке браузера скопируйте адрес страницы и вставьте в поле URL. Второй: Выберите ссылку из списка, на нужный пост или страницу.
  6. Осталось только решить, поставить галочку или нет в поле «Открывать в новом окне/вкладке». Если хотите, чтобы при нажатии на ссылочку посетителю открывалось новое окно, то поставьте галочку, но мое мнение на внутренние гиперссылки это делать необязательно.
  7. Все, жмем кнопку «Добавить».

Обновляем статью, переходим на страницу, проверяем работоспособность.

Внешняя

Такая же процедура с добавлением гиперссылки на внешние сайты. Только копируем уже адрес с чужого сайта. Здесь я бы уже поставил галочку «Открывать в новом окне/вкладке». Тогда при клике посетитель перейдет на другой ресурс, а ваш сайт останется открытым в другой вкладке.

HTML вид ссылки

Выше мы разобрали как сделать ссылку в wordpress на основе визуального редактора, где html код скрыт от пользователя. Давайте перейдем в режим HTML редактора, нажмем «Текст»

редактор текст

и посмотрим как выглядит она в HTML коде.

Все, что закрыто этими скобками < > скрыто от пользователя. Браузеры не показывают это на странице.

Сейчас на странице будет отображаться только слово «текст».

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

Процесс добавления URL на картинку, похож на добавление в текст, это касается визуального редактора wordpress.

  1. Выбираем картинку (кликаем один раз) и жмем «Изменить»ссылка в картинке
  2. Откроется окно там поле URL впишите туда адрес.гиперссылка в картинке
  3. Затем пишем заголовок. Не забудьте заполнить полете ALT, это важно для продвижения.
  4. Ставим галочку «Открыть в новой вкладке» (на свой выбор, зависит от того, куда ведет URL).
  5. Жмем кнопку «Обновить».

Это мы сделали используя визуальный редактор, давайте посмотрим код:

<a href="http://www.gelo-blog.ru"><img title="img0007" src="http://.gadzik.jino.ru/wp-content/uploads/2012/03/img0007-300×266.png" alt="текст" /></a>

Этот код отвечает за описание картинки <img title="фотка" src="http://gadzik.jino.ru/wp-content/uploads/2012/03/img0007-300×266.png" alt="Описание картинки" /> .

Prostoy-Site | Все права защищены © 2018 | Карта сайта