WordPressのリンクアイコンについて(Cocoonの場合)

WordPressメモ

リンクを貼ったときに、新しいタブにどうやって飛ばすんだろう?が最初分からなくて、それが解決した時の設定メモ。

あわせてリンク文字の横にアイコンのようなものを見かけたことがあるけど、あれはどうやっているのだろう?が解決したので併せて記しておきます。

WordPressのバージョンによっては、少し表示が違うこともあるようですね。
(この記事を作成中はWordPress(Ver6.8)です。)

リンクの貼り方(外部リンク)

例えば他のHPなどに飛ぶリンク(外部リンク)を貼りたいとすると、次のような手順になります。

リンクを貼りたいテキストを選択する。

テキストを選択

リンクをクリック。

リンクをクリック

URLを入力または貼り付ける。

URLの入力又は張り付け

Enterキーを押す。

Enterキーを押す

リンク先を新しいタブで開きたい場合は、リンクの編集を行います。

リンクを編集

「新しいタブで開く」にチェックを入れて保存を選択します。

チェックを入れて保存

この状態でページのプレビューをしてみて、リンク先をクリックすると、新しいタブで開くのが確認できます。

ここでテキストの横にアイコンが表示されていないことに気づきました。

アイコンが表示されていない
アイコンがない

リンクのアイコンを表示する

勝手にアイコンがつくものと思ってましたが、設定がありました。

「Cocoon設定」の「本文」タブに「外部リンク設定」があります。

外部リンク設定

下にスクロールしていくと「アイコン表示」と「アイコン」を設定する項目があります。ここをそれぞれ設定することで、テキストの横にアイコンが表示されるようになります。

アイコン表示の設定
アイコンが表示
アイコンが表示された!

また、「内部リンク」についても設定することができます。

内部リンク設定

まとめ:リンク先を新しいタブで開くことと、リンクアイコンについて

リンク先を新しいタブで開くには、テキストにURLを設定した後に「リンクを編集」から行うこと。そして、リンク文字の横に表示されるリンクアイコンは、cocoonの設定から行うことというメモでした。

アイコンの種類も数種類あるのですが、もしかするとここはテーマによっては数が違うのかもしれませんね。

補足

以前の記事で、『編集画面の右側にある「設定パネル」内の「投稿タブ」にある「リンク」という箇所』と書いていましたが、Ver6.8では「スラッグ」になっています。

Ver6.7.2 リンク
Ver6.7.2
Ver6.8 スラッグ
Ver6.8

あまり頻繁に変わってほしくないと思うのは、わだけだべか(僕だけだろうか?)

また、削除のショートカットが「Ver6.8」では「Shift+Alt+Z」から「Ctrl+Shift+Backspace」に変更になりましたね。

2025.5.4 追記:削除のショートカットがVer6.8.1で元の「Shift+Alt+Z」に戻りました。

コメント

タイトルとURLをコピーしました