Как вставить ссылку в WordPress?
10.09.2020
Ссылки HTML связывают отдельные веб-страницы, но также могут использоваться для отображения файлов PDF. HTML-ссылки в тексте, могут помочь посетителям перемещаться по сайту. Ссылки также используются, чтобы посетители могли загружать контент с вашего сайта.
Процедура вставки HTML-ссылки в WordPress проста
Сначала выберите текст, на который хотите создать ссылку. Затем нажмите кнопку «Вставить / изменить ссылку». Щелкните, чтобы открыть небольшое окно. В окне введите URL-адрес, на который должна вести ссылка. Вы также можете ввести заголовок сообщения, которому принадлежит URL. Список записей появится под окном. Выберите тот, с которым хотите объединить выделенный текст.
Теперь нажмите «Параметры ссылки». Откроется отдельное окно. Вы увидите вставленный здесь URL-адрес и текст ссылки. Также можете решить, хотите ли вы, чтобы эта запись или страница, связанная с html, отображалась в новом окне браузера или нет. Теперь нажмите «Обновить».
Исправление неверно введенного URL-адреса
Если ввели URL-адрес неправильно, WordPress сообщит вам об этом красной рамкой. Имя URL-адреса также будет красным. Чтобы исправить это, просто нажмите кнопку «Изменить» и повторно вставьте URL-адрес.
Вставка html-ссылки в мультимедийные файлы
Некоторые файлы, например PDF-файлы, вставлять прямо в текст не нужно. Можете связать их с помощью HTML-ссылки. Сначала нажмите кнопку «Добавить файл» в визуальном редакторе WordPress.
Откроется окно медиатеки. Если файла нет в библиотеке, перетащите его прямо с компьютера в медиатеку или используйте опцию «Загрузить файлы», чтобы загрузить его.
Теперь отредактируйте «Заголовок» файла. Заголовок будет использоваться в качестве текста ссылки HTML на сайте WordPress. Выберите «Медиа-файл» в настройках отображения вложений. Ниже будет указан URL-адрес файла. Нажмите «Вставить в сообщение».
Редактирование и удаление HTML-ссылок
Чтобы отредактировать созданную ссылку, щелкните ссылку html и снова нажмите «Вставить / изменить ссылку». Откроется такое же окно, как и при вставке ссылки. Внесите необходимые изменения и снова нажмите «Создать ссылку». Чтобы удалить ссылку html, нажмите вторую кнопку «Удалить ссылку».
Публикация была познавательной? Тогда поделитесь ею в социальных сетях. Напомним, что купить надежный VPS сервер и купить домен info вы можете у хостинг-компании CityHost.
Понравилась статья? Расскажите о ней друзьям: 
Как сделать ссылку в wordpress. Инструкция для новичков.
Опытных сайтостроителей прошу как можно быстрее покинуть страницу, поскольку эта инструкция написана исключительно для новичков в нашем деле.
Даже я, великий мастер, автор и родитель wordpress-book.ru, когда-то, на заре своей юности, не знал многих элементарных вещей по wordpress, включая те действия, которые мы сейчас с легкостью освоим.
Итак, начнем по порядку.
Как сделать ссылку в wordpress на любую другую страницу
В панели администратора своего сайта откройте для редактирования требуемую страницу в режиме визуального редактора и далее (см. рисунок выше):
- Выделите левой клавишей мыши слово или часть текста, которую надо сделать ссылкой.
- Кликните по иконке ссылки в панели редактирования.
- Откроется маленькое окошко в которое вставьте полный URL страницы, на которую вы хотите сделать ссылку, после чего нажмите на кнопку Enter справа. На этом действие можно считать завершенным.
- Если вы достаточно внимательный человек, то никак не заметите кнопку дополнительных параметров в виде шестеренки справа. Кликните по ней, откроется новое окошко, больше старого.
- Если активировать функцию « Открывать в новой вкладке », то в html код ссылки пропишется атрибут target=»_blank» , обеспечивающий открытие страницы по ссылке в новой вкладке. Остальные функции тут недостойны нашего внимания.
- Не забудьте нажать на кнопку « Добавить ссылку ».
Редактирование ссылки производится точно также с той лишь разницей, что участок текста теперь не надо выделять, достаточно на него поставить курсор.
Как в wordpress сделать картинку ссылкой
Картинку сделать кликабельной еще проще, чем текстовую составляющую.
- В визуальном редакторе выделите картинку левой клавишей мыши.
- Как и в предыдущей инструкции сделайте картинку ссылкой кликнув по соответствующему значку в панели редактора и прописав полный URL страницы, на которую будет ссылаться картинка-ссылка.
Как сделать ссылку на файл в вордпресс
- 1. Зайдите в библиотеку медиафайлов и добавьте туда свой файл.
- 2. Кликните по загруженному файлу.
- 3. Скопируйте ссылку на файл.
- 4. Создайте ссылку на файл для его скачивания по аналогии с текстовой ссылкой или ссылкой-картинкой на другие страницы.
Как сделать относительную ссылку внутри страницы на какую-либо ее часть
Такую фишку делают в основном для длинных текстов и, как правило, в начале статьи, в ее содержании.
Так читателю гораздо удобнее, он всегда сможет мгновенно перейти к интересующей его части текста.
Для наглядности, посмотрите как это работает ну, например, в этой статье.
- 1. Участок текста, который хотите сделать ссылкой, в редакторе «Текст» (соседняя вкладка с вкладкой визуального редактора) заключите в конструкцию, как показано на рисунке.
Обратите внимание, после хеша # идентификатор прописывается латинскими буквами и может состоять хоть из хаотичного набора букв и цифр, какой сами придумаете.
- 2. Затем, перед заголовком или требуемым участком страницы, куда должен быть переброшен пользователь, пропишите последние теги с идентификатором внутри.
Вот как примерно это будет выглядеть в текстовом редакторе статьи:
На этом, пожалуй, можно и ограничиться, больше добавить нечего. Вопросы, замечания, предложения приветствуются в комментариях.
Как сделать ссылку в wordpress. Инструкция для новичков. обновлено: 17 мая, 2018 автором: Роман Ваховский
Как добавить ссылку в WordPress
Ссылки — основа основ. Именно они дают возможность перемещаться по страницам сайта и переходить на внешние сайты. Без них пользователь находился бы только на главной странице сайта и поисковые роботы не знали бы, где находится контент у вас в блоге. Да, всё настолько плохо! ��
Есть, конечно, исключения среди сайтов, где наличие ссылок только во вред. Я сейчас имею в виду так называемые Landing Page или в простонародье «одностраничники». Вот в них ссылки не нужны, а для любого другого информационного сайта ссылки крайне важны.
В редакторе WordPress ссылки добавляются очень просто, убедитесь в этом сами, дочитав инструкцию до конца.
Добавление ссылки в тексте
Первый и самый простой вариант — написать текст, часть которого должна стать ссылкой, а потом уже использовать соответствующую кнопку в панели инструментов редактора.
Помните инструкцию с обзором главного меню? Давайте попробуем сделать ссылку в первом абзаце на соседнюю инструкцию по обзору Консоли WordPress.
Заходим на страницу редактирования и выделяем нужный текст:
После этого находим кнопку на панели инструментов редактора:
Откроется всплывающее окно для установки ссылки:
Если вы укажете в поле URL нужную вам ссылку и нажмёте на кнопку «Добавить ссылку», то она автоматически проставится для выделенного текста.
Вставка ссылки на существующий контент на сайте
Согласитесь, что если у вас на сайте от сотни опубликованных материалов и страниц, то поиск его ссылки может затянуться. Для этого вам в окне вставки ссылки предоставлена возможность быстрого поиска нужного материала.
Например, я хочу выделенный в предыдущем разделе текст слинковать с инструкцией «Обзор Консоли WordPress». Сейчас проблем нет — она видна сразу же в списке доступных материалов, взгляните:
Читайте также: Обзорный тур по WordPress
Если я щёлкну по нему мышкой, то ссылка на него автоматически подставится в поле URL:
Я думаю тут всё понятно. Можно смело нажимать кнопку «Добавить ссылку» и она автоматически подставится вместо выделенного куска текста.
Но что делать, если материал не виден?
Вы не поверите! Его нужно найти ��
Для этого в поле «Поиск» нужно ввести любое слово, которое гарантированно есть в тексте этого материала. В моём случае это слово «консоль», я точно знаю, что оно присутствует.
Ввожу его часть, например, «консо» и автоматически без всяких нажатий на кнопки в области отображения материалов показываются те посты, в которых есть это слово:
Т.к. у меня слово «консоль» присутствует в двух постах, то и выводятся два, соответственно. Теперь мне останется щёлкнуть мышью на нужный мне пункт — на первый и ссылка на неё подставится в наше окно:
Легко? Проще пареной репы! ��
Редактирование существующей ссылки
Редактирование производится ещё проще — в визуальном редакторе нажимаете на нужную вам ссылку один раз и рядом с ней появляется всплывающее меню действий:
Если нам нужно удалить ссылку, то нажимаем на кнопку с изображением крестика и она будет удалена.
А вот для редактирования надо щёлкнуть по кнопке с карандашом и появится уже знакомое нам окно по предыдущему разделу:
Редактируем URL или текст ссылки, нажимаем на кнопку «Обновить» и ссылка обновляется. С этим тоже проблем возникнуть не должно. ��
Как открыть ссылку в новом окне?
Есть одно негласное правило — все ссылки на внутренние материалы должны открываться в этом же окне/вкладке браузера. Открывать каждую ссылку в новом окне — не самая лучшая идея, поверьте. Людей это злит. ��
Читайте также: Работа с меню в WordPress
А вот ссылки на другие сайты, документы или видео нужно открывать в новом окне/вкладке, чтобы пользователь оставался на вашем сайте, но в то же время имел доступ к новому материалу.
Для этого необходимо во время создания или редактирования ссылки нажать на кнопку «Открывать в новом окне/вкладке», тогда ссылка автоматически при клике на ней создаст новую вкладку в браузере (или окно). Voilà! ��
Как добавить title и nofollow к ссылке
С версии 4.2 команда разработчиков WordPress удалила возможность устанавливать атрибут Title через интерфейс добавления ссылки, чем создала ряд неудобств для пользователей, кто регулярно пользовались этой возможностью.
Но, как мы знаем с вами, WordPress имеет тысячи плагинов на все случаи жизни, которые помогут решить практически любую проблему. И эта проблема — не исключение.
После его установки и активации в интерфейсе добавления и редактирования ссылок появятся два новых поля, которые позволят вам добавлять атрибут Title и rel=»nofollow» к вашим ссылкам в WordPress! ��
Автор
Александр Кадыров
Занимаюсь разработкой сайтов на WordPress около 10 лет, с тех же пор стал вести блог о WordPress. В итоге это всё вылилось в этот курс, где вы сейчас находитесь. В свободное время программирую на Ruby, PHP и Golang, увлекаюсь администрированием серверов и автоматизацией своей деятельности. Посмотреть все записи автора Александр Кадыров
Как сделать ссылку в WordPress: текстовую, кнопку и якорную
Ссылки есть на каждом сайте. Это такие элементы в тексте, клик по которым переводит на другую страницу внутри этого же сайта или даже другого. В этой статье рассмотрим, как сделать ссылку в WordPress, разберём все способы для этого.
- 1 Как сделать текстовую ссылку в WordPress
- 2 Как в WordPress сделать кнопки с ссылками
- 3 Как сделать якорные ссылки в WordPress
- 4 Как ссылки влияют на продвижение сайта
Как сделать текстовую ссылку в WordPress
Текстовая — это самый распространённый вид ссылок, которые встречаются на сайте. Обычно их ставят внутри статьи. Редактор WordPress позволяет легко создавать текстовые ссылки. Перед тем, как сделать ссылку в WordPress, выделите текст, который хотите превратить в ссылку. Появится небольшое контекстное мнею. Нажмите на нём на кнопку в виде звена цепи.
Появится небольшое окошко. В нём есть поле, в которое следует вставить URL, на который должна переводить создаваемая ссылка. Также если начать писать в этом поле текст, то можно найти по названию публикацию на сайте и установить ссылку на неё. Кроме того, в этом поле имеется опция «Открыть в новой вкладке». Если вы хотите, чтобы ссылка открывалась в новом окне, то включите эту опцию. Некоторые плагины могут добавлять в это окно и свои другие дополнительные опции.
Вставьте URL в поле окна формирования ссылки, а потом нажмите на стрелку, справа этого поля. После этого ссылка вставится в выбранное слово. Теперь ссылка готова. Любой, кто кликнет по ней, перейдёт на установленный URL.
Как в WordPress сделать кнопки с ссылками
Кроме этого, в редакторе WordPress можно делать ещё и кнопки со ссылками. Это графический элемент, клик по которому переводит на указанный URL. Это также может быть внутренняя страница сайта или внешняя.
Для создания кнопок со ссылками в WordPress нет необходимости устанавливать дополнительные плагины. Простые кнопки можно создать с помощью тех элементов, которые по умолчанию имеются в редакторе WordPress. Чтобы сделать кнопку в WordPress в редакторе, нажмите на плюс и выберите блок «Кнопки».
Кликните мышкой по кнопке и введите текст, который будет написан на ней. Затем в появившемся небольшом меню нажмите на кнопку в в виде звена цепи.
Появится небольшое окошко. Вставьте в поле URL, на который должна переводить эта кнопка. И нажмите на кнопку в виде стрелки, справа. Также обратите внимание, что здесь тоже есть опция «Открыть в новом окне».
Если кликнуть мышкой на кнопку, то также можно настроить её дизайн. Эти опции находятся справа в колонке, во вкладке «Блок». Настраивать можно стиль (два готовых стиля), ширину кнопки, цвет кнопки и текста в ней, размер шрифта, радиус (закругление углов).
Как сделать якорные ссылки в WordPress
Якорные ссылки — это URL адреса, которые ссылаются не на какую-то страницу, а на какое-то конкретное место на данной странице. Бывает удобно поставить такую ссылку, когда необходимо, чтобы пользователь перешёл в конкретное место статьи. В WordPress так тоже можно.
Установить якорную ссылку в WordPress можно на любой блок в редакторе — на заголовок, абзац, изображение и другое. Перед тем, как сделать якорную ссылку в WordPress, кликните мышкой в редакторе на блок страницы, на который хотите сослаться. В правой колонке и разверните секцию «Дополнительно» и в поле «HTML-якорь» впишите якорь для этого блока. Якорь должен состоять из латинских букв и/или цифр и не содержать пробелов. Например, part-1.
Теперь, чтобы сослаться на этот якорь, на этот блок, который вы отметили якорем, необходимо сделать ссылку на него. Допустим, если якорь на блок part-1, а сам этот блок находится на странице с адресом example.com/page, то ссылка на выбранное место статьи на этой странице будет выглядеть так — example.com/page#part-1. То есть якорь надо ставить в конце URL после символа решётки #. С помощью такого URL вы сможете сослаться на отмеченный якорем блок из другой страницы. А если хотите сослаться из текущей страницы, то достаточно просто указать #part-1. Ссылки с якорями делаются так же, как обычные текстовые ссылки, рассмотренные в первом разделе этой статьи.
Как ссылки влияют на продвижение сайта
Для SEO всё хорошо, что делает сайт лучше и удобнее для посетителей. Ссылки — это хорошо, но только если они используются правильно.
Ссылки — это составляющая перелинковки сайта. Материалы ссылаются друг на друга и это хорошо для SEO, потому что это удобно для посетителей — когда человек читает статью, при виде ссылки он может перейти по ней, если понимает по контексту статьи, что там есть дополнительный полезный материал, который ему нужен. То есть внутренние ссылки при перелинковке — это хорошо. Но только если они размещаются там, где действительно нужны посетителям.
Ссылки могут быть и внешние, такие, которые ведут на какой-то другой сайт. Внешние ссылки также бывают нужны посетителям. Например, если в статье речь идёт о каком-то онлайн сервисе, очевидно, что читателю понадобится ссылка на этот сервис. Поэтому она должна быть в статье. То есть внешние ссылки тоже хорошо влияют на SEO, если они нужны на сайте.
Некоторые рекомендуют закрывать такие ссылки тегом noindex, так как считают, что они плохо влияют на SEO. Однако, это не точно. Тег noindex необходим для того, чтобы поисковик не видел ссылку. Но Google, по мнению многих оптимизаторов, этот тег игнорирует и ссылку всё равно видит. Яндекс, возможно, тоже. Во-вторых, если эта ссылка действительно нужна посетителю сайта в этом месте, то есть, если сайт от этого становится удобнее, то зачем её закрывать и скрывать от поисковика? Наоборот, он должен её видеть.
Другое дело, если бы это была какая-то рекламная ссылка, которая бесполезна для аудитории сайта. Тогда её действительно надо закрыть. Но это не гарантирует, что поисковики её, всё-таки, не увидят.
Подытожив изложенное, можно сделать такой простой вывод: ссылки на сайте (и внешние, и внутренние), будут положительно влиять на SEO, если по ним буду переходы посетителей, это гарантированный признак того, что сайт от установленной ссылки становится лучше.
Насколько публикация полезна?
Нажмите на звезду, чтобы оценить!