Q&A
細かいところ申し訳ないですが、あまり英数字が使われる固有名詞は全角にしないほうが良いかと思います(本来なら大文字小文字も正確に表記して欲しい)
あと、「調べました」という記載だけでは他者にとっては何も調べてないのと同義です(調べず試さず質問する人との区別はつかない)。
こういうキーワードを投入した、とか、こういう記事を読んだ とかURLなど含めてご提示ください。
前提・実現したいこと
wordpressで書いた記事のh3タグの中にリンク（aタグ）を入れたい
発生している問題・エラーメッセージ
wordpressでブログ記事を書いているのですが、 記事内のh3タグ中にaタグでリンクを入れ、更新してもａタグが反映されません。 spanは勝手に入ります。
該当のソースコード
html
1<h3><span id="~">文字列</span></h3> 2編集画面でaタグを入れても、このようにしかなりません。
試したこと
まずはじめに、ブロックエディタ、クラシックエディタ両方で文字列を選択後、リンクマークを押してURLを入れましたが、エディタではうまくいっているのに、更新するとリンクが入っていませんでした。HTMLエディタで直接記述しても同じでした。
次に「wordpress aタグ 消える」などのワードで解決法を調べましたが、
見つかったのは
・p,brタグが消えるという問題についての記事
・ビジュアルエディタとテキストエディタの切り替えでaタグが消えるという問題についての記事
で、編集時にはうまく入っているのに、更新時に消えてしまうという問題についての記事を見つけられませんでした。
補足情報（FW/ツールのバージョンなど）
テーマはCocoon2.0.5で、全体のh1にcssをかけたのと、ヘッダロゴを変更したくらいで、大きなカスタマイズはしていないと思います。
まだたくさんありますよ <全角英数
固有名詞とあったのでwordpressのことかと思ったのですが、全角英数はなぜいけないのですか？
タイトルにも含まれてます。
全角英数は正しい表記ではないし、もしプログラムコードでやってしまうと動かないからです。
それにほとんどのケースで全角英数は文章を読みづらくします。それが日本語文でも。
私は読みづらいとは思わないのですが、変更しました。
エディターは何をつかってますか。
ブロックエディター（Gutenberg）ですか、クラシックエディターですか。
プログラムは書いた通りにしか動かないので間違ったまま使い続けるのはデメリットしかありません。
中には「全角使ってるから関わるのやめとこう」と避ける人もいるくらいです。
hatena19様 ありがとうございます。ブロックエディター、クラシックエディター両方使いましたが、どちらでもうまくいきませんでした。
m.ts10806様 そうなのですか。プログラミングは始めたばかりで、全く知りませんでした。ありがとうございます。
回答をみてください。ブロックエディター、クラシックエディター両方での「リンク作成」の解説ページのリンクを貼っておきました。
ありがとうございます。
はじめにこの方法で試し、うまくいかないので直接書きましたが、それもうまくいきませんでした。
h3タグ以外の他の部分ではこの方法ですぐにリンクが入るのですが、h3タグだけ入りません。
原因になっている処理のフェーズを絞りましょう
1 更新後にエディタでコードを見てもaタグが消えている
2 更新後でもエディタのコードではaタグがあるがフロントでページを表示した時にaタグが消えている
2の場合
a ブラウザでソースコードを表示してHTMLのコードを見てもaタグが消えている
b HTMLのコードでaタグはあるが要素詳細表示だとaタグが消えている
KazuhiroHatano様 ありがとうございます。2-aです。
KazuhiroHatano様 テーマの不具合のようで、疑問は解決いたしました。お手数おかけしました。ありがとうございました。
テーマの仕様のようです。私の回答のコメントを見てください。対処法もあります。
テーマ仕様でした。解決しました！
回答1件
0
ベストアンサー
ブロックエディター（Gutenberg）を使っているとして、
見出しブロック(H3)に直接aタグを記述しているのですか。
だとしたらHTMLタグは入力不可なので消えます。
リンクさせたい文字列を選択して、リンクボタンをクリック（あるいはCtrl+Kを押下）するとURL入力欄がでますのでそこにURLを入力してください。
解説リンクを貼っておきます。
ブロックエディター（Gutenberg）の場合
リンクの貼り方 - WordPress超初心者講座
クラシックエディターの場合
リンクを設定する - WordPressの使い方
原因判明
Cocoon テーマの仕様で見出しブロック内のタグは削除されるそうです。
タグ内のHTMLが無視されている | 不具合報告 | Cocoon フォーラム
上記のリンクに対処法もあります。
投稿2020/01/21 06:10
編集2020/01/21 07:19総合スコア33715
ありがとうございます。
はじめにこの方法で試し、うまくいかないので直接書きましたが、それもうまくいきませんでした。
h3タグ以外の他の部分ではこの方法ですぐにリンクが入るのですが、h3タグだけ入りません。
私のWordPressでは見出しブロック(H3)でも問題なくリンクできました。
WordPressのバージョンはなんでしょうか。また、テーマは何を使ってますか。
どうしてもうまくいかないなら、カスタムHTMLブロックに下記のように直接HTMLを記述したらどうなりますか。
<h3>あいうえお<a href="https://teratail.com/">かきくけこ</a></h3>
ご丁寧にありがとうございます。
すみませんが、カスタムＨＴＭＬブロックに直接記述も試しましたが、うまくいきませんでした…
「試したこと」にここまで書いておいた方がよかったですね。すみません。
残念ですが、こちらでは症状が出ませんので、これ以上の回答は難しいですね。
使用しているテーマとか、独自にカスタマイズしている部分、など固有の原因ということですので、だれでも再現できる条件がわかれば、回答もつく可能性はあります。再現できる条件がわかれば、ほぼ解決したようなのものですけどね。
テーマはCocoon2.0.5で、全体のh1にcssをかけて色やヘッダロゴを変更したくらいで、大きなカスタマイズはしていないと思います。
お手数おかけしました。ありがとうございました。
テスト用のサイトでCocoon2.0.5をインストールして実験してみました。たしかにエディター画面ではリンクでできているようにみえますが(下線、色がつく)、保存して実際のページをみるとリンクが消えてますね。
これは、テーマの不具合だと思いますので、作者さんに問い合わせてみては。
承知いたしました。わざわざテストまでしていただき、大変感謝いたします。ありがとうございました。
下記によるとCocoonの仕様のようですね。
タグ内のHTMLが無視されている | 不具合報告 | Cocoon フォーラム
https://wp-cocoon.com/community/bugs/%E3%82%BF%E3%82%B0%E5%86%85%E3%81%AEhtml%E3%81%8C%E7%84%A1%E8%A6%96%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B/
この作者さんの回答に対処法があります。
hatena19様 解決致しました！！！心より感謝いたします！
あなたの回答
tips
プレビュー
