[WordPress]好きなところへ飛ばしたい!ページ内リンクの設定方法

wordpress

WordPressのテーマのバージョンをアップしたら、子テーマが変なことになりました。

うんうん、ありがちだし。まだデモサイトなので余裕…とは言え、そうなの?そういうこと〜??

バージョンアップって本当に怖いです。なにか不具合がないか検証。

 

あ’’〜〜〜、ページ内リンクも切れてる〜!!

で、どうやるんだっけ?って忘れちゃってる自分への備忘録です。

 

スポンサーリンク

テキストor画像へリンク(元)を設定する

 

私はこの画像をクリックしてもらったら、同じページにある、もう少し詳しく解説している箇所に飛ばしたいと思いました。

まずこの画像にリンク設定をします。

 

リンクの挿入/編集 でリンク設定

 

画像(もしくは文字列)を選択して、リンクの挿入/編集ボタンを押します。

ここに、#お好きな英数字を入れます。ハッシュタグ(#)は忘れずに!

私は #a と入れました。

 

ここで、右にある歯車マークを押してしまうと、

ページ内リンクではなく、他のページへのリンクの設定になってしまいます。

それなので、歯車の手前にある、矢印マークをクリックし、リンク設定を適用させます。

 

 

リンク先を設定する

 

リンクを飛ばしたい先はこの部分。

 

アンカーで、リンク先を設定

文字列を選んで、アンカーボタンをクリック。

アンカーの設定がでるので、リンク元の#お好きな英数字の、#をとった英数字を入れます。

 

私の場合、TinyMCE Advancedを使っているので、アンカーの記号がでましたが、TinyMCE Advancedを使っていない方は、

<a id=”a“>リンク先の文字列</a> で設定してください。

 

TinyMCE Advancedは、とっても便利なWordPressのプラグインです。

ぜひ使ってみて!

[WordPress]プラグイン「Advanced Editor Tools」を入れると、文字の大きさや色をビジュアルで簡単に変更が可能になります
(2022.1.21追記) このプラグインは "TinyMCE Advanced" から "Advanced Editor Tools" に名前が変更されました。プラグインの機能は同じままです。 プラグイン「Adva...

 

 

便利な機能だよね
だいちゃん
ぐっと使いやすくなるね
みかちゃん
リンクってちょっといい響きね

 

wordpress
スポンサーリンク
Sanalog