【簡単】Cocoonでクラシックエディター&Advanced Editor Toolsを使用したらアンカーリンクが飛ばない時の対処法

WordPressでブログを作りたいときに広告リンクや吹き出しなど細かな設定ができるのでCocoonをおすすめしています。

そんなCocoonですが、クラシックエディタAdvanced Editor Toolsを使用してアンカーリンクを設定してもリンクが飛ばないことがあります。

Cocoonの目次機能を使用しているのでそのせいかと思いましたが、目次は機能させたいし…と考えていた所、設定を一つ変えるだけでリンクが飛ぶようになりましたのでご参考にしていただければ幸いです。

アンカーリンク元を2つ以上設定しているときにリンクが飛ばなくなります

Cocoonをクラシックエディタ&Advanced Editor Toolsで使っていてもアンカーリンクが1つだけの場合、そのままの状態でアンカーリンク先に飛ばすことができます。

ですので最初は動いてると思ってリンクを増やすといつの間にか動かなくなってしまいます。

どうやらCocoonの仕様上、2つ以上アンカーリンク元が増えるとアンカーリンク先のaタグが消えるようになっていることが原因のようでした。

アンカーリンク元が1つの場合、見出し2に設定したアンカーリンク先のaタグがある状態
アンカーリンク元が2つ以上の場合、見出し2に設定したアンカーリンク先のaタグがなくなっている状態

Cocoonでクラシックエディター&Advanced Editor Toolsを使用してアンカーリンクを飛ばす方法

Cocoonでクラシックエディター&Advanced Editor Toolsを使用してアンカーリンクを飛ばすにはaタグが消えないようにする必要があるのですが、Cocoon設定でチェックをするだけで解決できました!

リンク元の「ああああ」のaタグも、リンク先の見出し2(h2)のaタグも残りました

ダッシュボードからCocoon設定 > 目次に移動し、見出し内タグの「H見出し内のタグを有効にする」にチェックを入れていただくことでaタグが残りリンクが飛ぶようになりました。

image.png

Cocoonで何かあったらまずはCocoon設定を見直してみてください!公式フォーラムも便利です

Cocoonはあらゆる機能を兼ね備えた優良級のテーマです。

そのため、あらゆる場面に対応しているので、「WordPressでこうしたいなあ」とか「何か変だなあ」と思った時はまずはダッシュボードからCocoon設定を見直してみてください!

もし、どう頑張ってもなさそうな場合はCocoonのフォーラムで困ったことを書き込むのもおすすめです。

Cocoon フォーラム | Cocoon

書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてくださ…

ホームページの新規作成・リニューアルで
お困りの担当者様へ

WordPressの機能を活かして運用しやすいホームページを作成

せっかくのWordPressなのに「自分で文章が書き換えられない」「ブログの更新ができない」などWordPressの機能を活かしきれていないことはありませんか?

ゆーそうとではWordPressの機能を最大限発揮して、HTMLなどの知識がないお客様でも運用しやすいホームページを作成します。

この記事のご依頼・お問い合わせの方はこちら