リンクの設定
ビジュアルエディタを使っている時に同じブログ内の記事や外部のWebページにリンクを設定する方法を確認します。ツールバー上で使用するアイコンは次の2つです。
左側のアイコンが「リンクの挿入(Alt + Shift + A)」、右側のアイコンが「リンクを外す(Alt + Shift + S)」です。それでは順番に試していきます。
1.リンクの挿入
2.リンクの修正
3.同じブログ内の記事へのリンク
4.リンクの解除
まず外部サイトへのリンクの設定方法を確認します。リンクを設定したい文章を選択してから「リンクの挿入」アイコンをクリックして下さい。
「リンクの挿入/編集」画面が表示されます。
リンク先の「URL」及びTitle属性に設定する「タイトル」を入力して下さい。「タイトル」は省略可能です。またリンクをクリックした時に新しいウィンドウやタブでリンク先を表示する場合は「リンクを新ウィンドウまたはタブで開く」にチェックを入れて下さい。
入力が終わりましたら「リンク追加」ボタンを押して下さい。選択していた文章にリンクが設定されます。
同じように別の文章にリンクを設定します。
リンクの設定は次のように入力しました。
これで2つの文章にリンクを設定しました。
ではHTMLエディタに切り替えてそれぞれのリンクがどのように設定されているのかを確認してみます。
<a title="アップル iPhone 4s" href="http://www.apple.com/jp/iphone/">iPhone</a>か <a href="http://www.android.com/" target="_blank">Android</a>
「タイトル」に値を設定した場合は<a>タグのtitle属性に設定されています。また「リンクを新ウィンドウまたはタブで開く」にチェックを入れた場合は target="_blank" が付与されていることが分かります。
リンク先URLなどの変更であればビジュアルエディタ上で修正したいリンクが設定されている文章にカーソルを置き、リンクを設定するのと同じアイコンをクリックして下さい。
現在設定されている内容が表示されますので必要な箇所を修正し「更新」ボタンを押して反映させて下さい。
作成済みのリンクについて細かい修正やビジュアルエディタでは用意されていない属性を追加する場合などはHTMLエディタで行なって下さい。
外部サイトへのリンクではなく同じブログ内の他の記事へリンクを設定する場合には、「リンクの挿入/編集」画面で「または既存のコンテンツへリンク」をクリックして下さい。
同じブログ内で作成されている記事や固定ページの一覧が表示されます。
リンクを設定したい記事又は固定ページをクリックして下さい。自動的にその記事への「URL」及び「タイトル」が設定されます。
入力が終わりましたら「リンク追加」ボタンを押して下さい。選択していた文章にリンクが設定されます。
ではHTMLエディタに切り替えてそれぞれのリンクがどのように設定されているのかを確認してみます。
参考：<a title="ショッピングと映画レビュー「ふるさとの春」" href="http://localhost/wordpress/?p=92">過去記事</a>
特に内部リンクであっても違いはありません。
設定したリンクを解除するには解除したいリンクが設定されている文章にカーソルを置き、リンク解除のアイコンをクリックして下さい。
設定されていたリンクが解除されます。
HTMLエディタに切り替えて手動でリンクに関する記述を削除されても同じです。
( Written by Tatsuo Ikura+ )