Как вставить якорные гиперссылки WordPress в WordPress (3 метода)

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

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

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

Что такое якорное соединение

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

Если вы просто нажмете на URL-адрес, сайт перейдет к указанной вами части. Это очень простая реализация, которая может оказать фантастическое влияние на удобство использования вашего веб-сайта. Далее мы поговорим о некоторых из этих обстоятельств.

Почему вы хотите использовать якорные односторонние ссылки в WordPress

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

• Если вам нравится предоставлять своим читателям огромный объемный письменный контент (например, посты на 3000 терминов), у вас часто будет оглавление. Это специально разработанное использование якорных входящих ссылок.
• Якоря также могут работать, когда вы делитесь закладками. Если вы содержите привязку внутри URL-адреса, читатель сразу же перейдет на сцену, которую вы хотите, чтобы он увидел.
• Ваш Look for Engine Optimization (поисковая оптимизация) может улучшиться, главным образом потому, что в некоторых случаях поисковые системы будут отображать односторонние ссылки этих людей WordPress как разные записи.

Короче говоря, если вы хотите, чтобы ваша аудитория находилась рядом с вашим сайтом и взаимодействовала с вашими статьями, якорные внешние ссылки WordPress являются важным оружием в борьбе за трафик. Что касается того, как добавить их на свой веб-сайт, вам покажет будущее количество разделов.

Как включить якорные обратные ссылки в любой HTML-код

Основой включения якорных гиперссылок WordPress является HTML. Вы можете использовать их на любом веб-сайте, а не только в WordPress. Есть две части: якорь и тег.

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

Click on further more down the web page

Сказав это, если вы нажмете на это, URL-адрес никуда не уйдет. Чтобы это куда- то ушло , вы добавите идентичную гиперссылку href в качестве id позже в статьях без использования октоторпа:

Наш закрепленный заголовок

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

Как добавить якорные ссылки WordPress (3 метода)

Мы собираемся показать вам серьезный случай с якорными обратными ссылками WordPress прямо сейчас! Вот то, с чем мы, вероятно, будем иметь дело в следующих разделах:

• Вы можете включить привязки к функциям редактора блоков и установленным идентификаторам других компонентов. Это также возможно и в классическом редакторе.
• Разработчики сайтов, такие как Elementor, предоставят модуль, позволяющий вставлять односторонние ссылки WordPress на материалы.
• Существуют плагины, которые могут увеличить автоматические якорные гиперссылки на ваш контент, что может помочь вам сэкономить время на настройку.

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

1. Используйте технику направляющих для вставки якорных входящих ссылок в редактор блоков.

Для большинства конечных пользователей Редактор блоков предоставляет все, что вам нужно, чтобы увеличить привязку внешних ссылок WordPress к вашей информации. Для начала выделите фрагмент текста, на который вы хотите добавить ссылку на веб-сайт, как в случае с гиперссылкой:

Затем переключите это на ссылку веб-сайта, используя соответствующий вариант, и вставьте тег привязки, которому предшествует октоторп:

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

Вам нужно перейти к блоку > высокоразвитая часть на боковой панели идеальной руки и развить ее. Там вы увидите якорную дисциплину HTML :

Здесь добавьте текст вашего URL-адреса привязки WordPress без октоторпа. Это все, что вам нужно сделать, и если вы посмотрите предварительный просмотр в реальном времени, вы увидите, что якорная ссылка на веб-сайт работает.

Добавьте якорные обратные ссылки в Vintage Editor

Метод Типового редактора представляет собой нечто среднее между полностью ручным HTML-решением и редактором блоков. Во-первых, вы собираетесь вставить гиперссылку на свой материал только на видимой странице…

… затем вы переключитесь в редактор текстового контента и добавите привязку к вашему идеальному фактору:

Когда вы снова вернетесь к редактору Visible, вы увидите вставленную обратную ссылку, но она вполне может работать не так, как вы предполагали, пока вы не просмотрите свою запись.

2. Вставьте якорные обратные ссылки с помощью плагина Site Builder.

Большинство плагинов для создания страниц, такие как Elementor или Beaver Builder, предлагают модули для включения якорных гиперссылок в ваш контент. Они могут быть такими же универсальными, как HTML, главным образом потому, что они могут использоваться везде, где другие модули.

Например, в Elementor вы собираетесь использовать элемент привязки меню:

Чтобы использовать это, перетащите его в выбранное вами положение. Мы предлагаем вам расположить его перед любым аспектом заголовка или, как минимум, перед областью, в которой вам нужно будет закрепить якорь.

Во время сохранения вариантов вы можете проверить URL-адрес привязки. Уникальные конструкторы сайтов используют различные подходы для вставки якорных гиперссылок WordPress, и вы также найдете различные реализации на внешнем интерфейсе. Тем не менее, концепция является точной, и вы также получите точные конечные преимущества.

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

Если вы хотите повысить производительность своей веб-страницы и помочь своим якорным обратным ссылкам в WordPress сиять, вы можете использовать плагин Table of Contents (ToC). Есть несколько доступных, но большинство из них не имеют оценок для последних версий WordPress или никогда не имеют частых обновлений. Тем не менее, плагин SimpleTOC помечает все соответствующие контейнеры:

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

После того, как вы добавите это в свою публикацию, он сразу же захватит ссылки для любых заголовков в ваших статьях. В ToC будут отображаться отдельные заголовки, и вам не нужно будет выполнять какие-либо теги в руководстве.

Тем не менее, вы можете ограничить некоторые заголовки из вашего ToC, если хотите. Если вы добавите курс CSS simpletoc-concealed от Simpletoc, до индустрии дополнительных классов (классов) CSS блока заголовков, это скроет его из вашего ToC. Вы можете найти эту дисциплину в том же месте, что и дисциплину привязки HTML: в Блок > Инновационная боковая панель:

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

В итоге

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

Этот пост появился в нескольких стратегиях включения якорных ссылок WordPress на ваш сайт. Вот краткий обзор:

• Вы можете включить их как часть HTML-тегов на любой веб-сайт, а не только на WordPress.
• Редактор блоков позволяет добавлять якоря точно так же, как вы добавляете гиперссылки.
• Разработчики веб-сайтов, такие как Elementor, обычно имеют целевые модули, позволяющие вам добавлять привязки к вашему материалу.
• Такой плагин, как SimpleTOC, может включать автоматические якорные ссылки WordPress на ваш материал. В некоторых случаях плагин будет обновлять свое оглавление, чтобы оно соответствовало заголовкам вашего сообщения.

Считаете ли вы, что якорные ссылки WordPress приносят пользу вашему SEO и вашим зрителям, и если нет, то что помогает им вовлекаться? Позвольте нам знать в части ответов ниже!