WordPressのテーマのバージョンをアップしたら、子テーマが変なことになりました。
うんうん、ありがちだし。まだデモサイトなので余裕…とは言え、そうなの?そういうこと〜??
バージョンアップって本当に怖いです。なにか不具合がないか検証。
あ’’〜〜〜、ページ内リンクも切れてる〜!!
で、どうやるんだっけ?って忘れちゃってる自分への備忘録です。
テキストor画像へリンク(元)を設定する
私はこの画像をクリックしてもらったら、同じページにある、もう少し詳しく解説している箇所に飛ばしたいと思いました。

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


ここに、#お好きな英数字を入れます。ハッシュタグ(#)は忘れずに!
私は #a と入れました。
ここで、右にある歯車マークを押してしまうと、


ページ内リンクではなく、他のページへのリンクの設定になってしまいます。
それなので、歯車の手前にある、矢印マークをクリックし、リンク設定を適用させます。

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

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

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

私の場合、TinyMCE Advancedを使っているので、アンカーの記号がでましたが、TinyMCE Advancedを使っていない方は、
<a id=”a“>リンク先の文字列</a> で設定してください。
TinyMCE Advancedは、とっても便利なWordPressのプラグインです。
ぜひ使ってみて!

[speech_bubble type=”drop” subtype=”L1″ icon=”me.png” name=”私”]便利な機能だよね[/speech_bubble]
[speech_bubble type=”drop” subtype=”R1″ icon=”daichan.png” name=”だいちゃん”] ぐっと使いやすくなるね[/speech_bubble]
[speech_bubble type=”think” subtype=”R2″ icon=”mikachan.png” name=”みかちゃん”] リンクってちょっといい響きね[/speech_bubble]

