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

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

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

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

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

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

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

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

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

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

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

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

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

где:

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

  • ustanovka-wordpress — название рубрики
  • kak-ustanovity-temu-dlya-wordpress — это название записи.
  • Такую ссылку называют ЧПУ (Человекопонятный урл), такие адреса лучше для восприятия посетителю и считается лучше для СЕО.

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

Внутренняя

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

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

Внешняя

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

HTML вид ссылки

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

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

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

  • <a href="http://www.gelo-blog.ru">текст</a>
  • <> — само тело тега (команда, директива на языке HTML)
  • a — тег означающий описание гиперссылки html
  • href=  — полный адрес URL ссылочки html
  • </> — закрытие тега, в данном случае тега a </a>

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

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

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

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

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

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

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

  • Это часть кода <a href="http://www.gelo-blog.ru, как уже знаете, направляет нас по адресу.

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

  • Тег <img> предназначен для отображения на веб-странице изображений.
  • Тег <alignleft> отвечает за выравнивание по левому краю.
  • Тег < title> заголовок картинки.
  • src="http://gadzik.jino.ru/wp-content/uploads/2012/03/img0007-300×266.png" Адрес, где находится картинка.
  • alt="Описание картинки"
  • width="300" height="266  — отвечает за размер картинки.

Добавляем ссылку в сайдбар wordpress

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

Переходим: меню «Внешний вид» >> «Виджеты». Перетаскиваем виджет «HTML код» в сайдбар.

  1. Пишем заголовок — по желанию.
  2. В поле текста пишем текст и на нужное слово, добавляем адрес куда должен попасть посетитель. По этому принципу. ссылка в садбар <a href="http://www.gelo-blog.ru">нужное слово </a>
  3. Не забудьте сохранить.

То же самое сделаем и с картинкой.

Заходим: меню «Медиафайлы» >> «Добавить новый» и загружаем нужную картинку либо используйте старую. Главное смотрите размер, чтобы картинка подошла по размерам сайдбара. После загрузки смотрим параметры файла. Здесь нужна гиперссылка файла (местонахождение загруженного файла).

гиперссылка на картинке в сайдбаре

Копируем ссылочку и прописываем:

<a href="http://www.gelo-blog.ru"><img class="alignleft wp-image-68" title="комп" src="http://gadzik.ru/wp-content/uploads/2012/03/img0007-300×266.png" alt="« width=»300" height="266" /></a>

  • Где <a href="http://www.gelo-blog.ru"> это адрес, куда ведет ссылочка (у вас своя).
  • А http://gadzik.ru/wp-content/uploads/2012/03/img0007-300×266.png" -  местонахождение загруженного файла.

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

Если не понятно, тогда нужно сделать так: прочтите статью еще раз, для закрепления. Или пишите комментарии.

Всем удачи!

prizyv
Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.