WordPress でクリック可能なリンクを追加する方法 [初心者向けガイド]

クリック可能なリンクは、あらゆる Web サイトの生命線です。コンテンツと貴重なリソースを結び付け、訪問者がサイトのさまざまなセクションを探索できるようにすることで、最終的にユーザー エクスペリエンスが向上します。 

If you’re new to WordPress, adding links might seem like a daunting task, and you would definitely ask yourself: How to make a link clickable? But fear not! This beginner-friendly guide will walk you through the methods on WordPress でクリック可能なリンクを追加する方法 — ブロック エディターを使用する.

WordPress にクリック可能なリンクを追加する理由

クリック可能なリンクが WordPress ウェブサイトに不可欠な理由はいくつかあります。

💯 ユーザーエクスペリエンスの向上: リンクは、ウェブサイト上と外部ソースの両方で、訪問者を関連情報に誘導します。これにより、訪問者は探している情報を迅速かつ効率的に見つけることができます。

💯 信頼性の向上: 信頼できるソースにリンクすると、コンテンツの信頼性が高まり、調査内容が実証されます。

💯 エンゲージメントの向上: ウェブサイト上の関連コンテンツへのリンクにより、訪問者は関心を持ち続け、さまざまなセクションを探索し続けることができるため、より多くの価値あるコンテンツを発見する可能性が高まります。

💯 SEOのメリット: Strategic use of internal links within your WordPress ウェブサイトは検索エンジンのランキング（SEO）を向上させることができます 検索エンジンがサイトの構造とコンテンツを理解できるようにします。

WordPress ブロック エディターでクリック可能なリンクを追加する方法

WordPressでテキストリンクを作成する方法は、使用しているエディタに応じて主に2つあります。 ビジュアルエディターとブロックエディター.

In this blog, we will depict the steps on how to add a link on WordPress using the Gutenberg Block Editor. The ブロックエディター（Gutenberg とも呼ばれる）は、WordPress の現在のデフォルト エディターです。 

WordPress のブロック エディターでリンクを追加する方法は次のとおりです。

クリック可能なリンクにしたいテキストを選択してください

クリック可能なリンクを作成するには、カーソルをクリックしてドラッグし、ブログ投稿内の目的のテキストを選択するだけです。 

リンクボタンを見つけてクリックします🔗 

WordPress のハイパーリンクにするテキストまたはフレーズを特定して強調表示すると、ブロック ツールバーが表示されます。ブロック ツールバー内のリンク アイコンを見つけてクリックします。

リンクURLを入力してください

リンクアイコンをクリックすると、小さなポップアップウィンドウが開き、リンク先のウェブサイトのURLを貼り付けることができます。次に、「入力」または「提出する”。

これで、テキストは下線とハイライトで視覚的に区別されます。これは、それがハイパーリンクまたはクリック可能なリンクであることを示します。テキストをクリックすると、ユーザーは指定された URL に移動します。

Elementorでクリック可能なリンクを作成する方法

Elementor 内のセクションにリンクを組み込むのは、難しい場合があります。通常、デフォルトの方法では、ボタンを挿入し、そのリンクを設定して目的のセクションに誘導します。ただし、このアプローチでは、デザインの視覚的な調和が損なわれることがあります。しかし、これを回避する方法はあるのでしょうか?

もちろんあります！必要なのは ラッパーリンクこれにより、任意のセクション、列、または Elementor内のウィジェットウェブサイトのナビゲーション効率が向上します。

But do we need a plugin for this? Absolutely! But fear not, a feature that gives you the freedom to attach a link within Elementor is now offered by ElementsKit. To get started with this feature, make sure to install the prerequisites, エレメンター そして ElementsKit プロ.

どのように機能するか見てみましょう……。

ラッパーリンクを設定する 

WordPressダッシュボードに移動し、ElementsKitを見つけます。 モジュール そして ラッパーリンクを有効にします。 それから、 変更内容を保存 この機能を使い始めるには。

Add WordPress link to a new page or existing page

Elementorでリンクを追加するには、新しいページまたは既存のページを開くだけです。ページに移動したら、 Elementorで編集する 画面の上部にあります。

Select the section where you want to add a WordPress link. Go to the 詳細設定タブ そして、に行きます ElementKitの条件ElementsKit Wrapper Linkを選択し、ボタンを切り替えて はい リンクを有効にします。 

カスタムリンクフィールドにURLを入力します。 設定アイコン フィールドの横に、リンクを囲む画像またはテキストをクリックしたときにリンクが新しいウィンドウで開くようにするオプションがあります。 

最後に、ページを公開または更新して、魔法を目撃してください。

WordPress のクリック可能なリンクのトラブルシューティング

In WordPress, clickable links may occasionally malfunction or break. Here’s how to fix broken and malfunctioning links within WordPress posts or pages.

壊れたハイパーリンク

壊れたハイパーリンクとは、正しく機能しないリンクのことを指し、その結果、404 エラー ページまたは別のエラー メッセージが表示されます。 

WordPress の壊れたハイパーリンクを解決するには、次のトラブルシューティング手順に従ってください。

1. 壊れたリンク チェッカー プラグインを使用して、Web サイトの壊れたリンクをスキャンします。
2. 壊れたリンクが見つかったら、それに応じて更新するか削除します。
3. リンク先の URL が正確であり、アクティブな状態であることを確認してください。

An alternative method to rectify broken hyperlinks involves manually inspecting each link on your website. Although time-consuming, this approach guarantees the functionality of all website links. Simply click on each link and confirm its redirection to the intended page.

WordPress の投稿またはページ内のハイパーリンクが機能しない

ハイパーリンクが機能しない一般的な原因の1つは、リンクの問題です。 URL プラグインやテーマとの互換性が原因である場合もあります。

WordPress の投稿またはページでハイパーリンクが正しく機能しない場合は、次の手順に進みます。

1. ハイパーリンクの正しい書式を確認します。
2. リンクされた URL が正確であり、まだアクティブであることを確認します。
3. ハイパーリンクを妨害する可能性のある競合するプラグインを無効にします。
4. ブラウザ関連のハイパーリンクの潜在的な問題を解決するには、キャッシュと Cookie をクリアします。

ハイパーリンクの不具合は、WordPressデータベースの問題が原因である場合があります。この問題を解決するには、WordPressダッシュボードにアクセスし、「ツール」を選択し、「データベース。」 「データベースの修復根本的な問題に対処するために「」を参照してください。

 ✔ オーディオプレーヤーをサイトに追加してみましょう。 WordPress の最高のオーディオ プレーヤー プラグイン ✔

画像にクリック可能なリンクを追加するにはどうすればいいですか?

Adding a hyperlink in WordPress is not only limited to text but also applicable to images. Absolutely! But you will need to highlight the image instead of the text. This will allow users to click on the image and be directed to the linked website.

1. WordPress の投稿またはページに画像を挿入します。
2. 画像をクリックして選択します。
3. リンクアイコンをクリックします。
4. Enter the desired clickable URL.
5. Hit “Enter” or click “Submit”.

画像にリンクを追加する場合の違いは、リンクされた URL を新しいタブで開くオプションがあることです。 

よくある質問

最終的な考え

Adding clickable links in WordPress is a fundamental skill for any beginner. The steps vary depending on the choice of your WordPress editor.  If you are using a Gutenberg Editor, these steps are right for you. 

リンクを戦略的に使用することが、魅力的で有益な Web サイトを構築する鍵となることを忘れないでください。これらのハイパーリンクは、Web サイトのユーザー エクスペリエンスを向上させ、SEO を改善し、訪問者を貴重なリソースに結び付けます。 

楽しいリンクを！