サイトを作成していると、過去記事や他のサイトに「リンクを張る」機会もあるでしょう。ここでは、WordPress でリンクを挿入するための基本的な方法についてご紹介します。
WordPressには、記事を編集するための方法として「ビジュアルエディタ」と「HTMLエディタ」の2種類があります。
ビジュアルエディタのリンク挿入方法
他サイトへリンクを張る場合
ここでは例として、Googleのページにリンクを張ってみましょう。
1.リンク先のページを開く
まず「リンク先のページ(例:Google)」を開いておき、そのURL(http://www.google.co.jp/)をコピーしておきます。これで後にURLを入力する作業が楽になります。
2.リンクを挿入する文字を選択する
次に、リンクを挿入したい文字列を選択(ドラッグ)して、【リンクの挿入/編集】ボタンをクリックします。
3.リンク先の編集
「リンクの挿入/編集」画面が表示されたら、
- 先ほどコピーしたURL(http://www.google.co.jp/)を貼り付け
- タイトルにページ内容を表す簡単な文字列を入力、または空欄でもOK
- 別窓で開く場合は、「リンクを新ウィンドウまたはタブで開く」にチェック
- 【Add Link】ボタンをクリック
の手順でリンクを挿入します。
サイト内にリンクを張る場合
ここでは例として、当サイトのサイトマップにリンクを張ってみます。
1.リンクを挿入する文字を選択する
まず、リンクを挿入したい文字列を選択(ドラッグ)して、【リンクの挿入/編集】ボタンをクリックします。
2.『既存のコンテンツにリンクするなら』をクリック
「リンクの挿入/編集」画面が表示されたら、『既存のコンテンツにリンクするなら』をクリックします。
3.記事・ページ一覧から選択
画面下部に記事・ページの一覧が表示されます。その中から目的のもの(今回の例では「サイトマップ」)を選択します。
選択したら、リンク先の「URL」と「タイトル」が自動的に入力されます。あとは、【Add Link】ボタンをクリックすればリンクの挿入が完了です。
記事やページがたくさんあって目的のものが見つけにくい場合は、「検索窓」にキーワードを入力してみましょう。
HTMLエディタのリンク挿入方法
機能が少ない
「HTMLエディタのリンク挿入」は、以下の点でビジュアルエディタと比べて機能面が劣ります。
- 別窓で開くための指定ができない
- サイト内ページの検索機能がない
ここでも例として、Googleのページにリンクを張ってみましょう。
1.リンク先のページを開く
まず「リンク先のページ(例:Google)」を開いておき、そのURL(http://www.google.co.jp/)をコピーしておきます。これで後にURLを入力する作業が楽になります。
2.リンクを挿入する文字を選択する
次に、リンクを挿入したい文字列を選択(ドラッグ)して、【link】ボタンをクリックします。
3.URLを貼り付け
URL入力欄に、先ほどコピーしたURL(今回の例では「http://www.google.co.jp/」)を貼り付けて、【OK】ボタンをクリックします。
このように、HTMLエディタのリンク挿入で設定できるのは、「リンク先のURL」しかありません。先ほど「ビジュアルエディタと比べて機能面が劣ります」とお伝えしたのは、こうした理由からです。
あわせてお読みください
- 公開日:3月20日
- 記事・ページの投稿
レンタルサーバーおすすめランキング
多機能さと安定した速度は、業界トップクラス。
セキュリティ体制も万全。
初心者にも安心の24時間365日フルサポート。
レンタルサーバー Xserver
容量200GB・マルチドメイン無制限“高機能&低価格”サーバー。
複数ドメインの一括運用なら【お名前.com 共用サーバー SD】月額945円~
とにかく安く済ませるならココ。
WordPressを使うなら、ロリポプランで簡単インストール!
ロリポプラン 詳細はこちら
WordPressおすすめ書籍
WordPressによるWebサイトの構築方法を、
ブログサイト、一般サイトの両方で解説。
オリジナルテーマに沿って学べるので効率よく知識が身につきます。
PHPの基礎もカバーしているので、初心者にも安心。
- Older: Googleウェブマスターツールの登録とサイトマップ送信