<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KRS8CM');</script>

Wordpressのエントリー内にHTMLコメントを残す方法


Wordpressでエントリーを入力する際には、WYSWYGモードとHTMLモードがあります。
前者はともかく、後者はその名にもかかわらず、書いた通りそのままHTMLを出してくれるわけではありません。
タグに囲まれていない部分について、改行にbrがつけられ、さらにpタグで括られて段落化されます。
通常は問題にならないところですが、「HTMLにコメントを残したい」という場合に困りました。コメント部分が、実質からっぽの段落、場合によっては改行だけが入った段落という風に表示されてしまいます。

Javascriptで段落化したコメントをブロックごと消す

どうしてもコメントを残さなければならない…ということで、苦肉の策で思いついたのがこれです。

$(".content p").each(function(){
if($(this).html().indexOf("<!--")!=-1) {
$(this).remove();
}
});

非常に単純な話で、表示する際の処理として、エントリー中のpタグの中にコメント開始タグがあったら、Javascriptで、そのpタグごと消してしまうという。

ブロックごとコメントアウトしたい

じゃあ、「コメントを入れるんじゃなくて、ブロックごとコメントアウトしたい」という時はどうするか…。
普通にブロックごとコメントアウトしても思ったようにはなりません。
「コメント中にHTMLタグを書けない」という仕様だそうです。
その場合は、消したいブロックにdisplay:noneと設定したクラスをつけてやる…くらいしか思いつきませんでした。

.hidden {
display: none;
}

とした上で、


</pre>












































ちなみに、改行を変換しないようにするプラグインもありますが、WYSWYGエディタの改行までスポイルされてしまうので、自分以外の方が使うものについては、なかなか使うのは難しそうです。

できない以上、Wordpressの思想的に「イレギュラーなことすんな」ということなんだと思いますが、皆さんどうしてるんでしょう。


タグ:Wordpress jquery
<script type="text/javascript" id="zsiqchat">var $zoho=$zoho || {};$zoho.salesiq = $zoho.salesiq || {widgetcode: "siq61aecceb7ad0c24af4e4670187f03564ddd615eb71422e1b7169309fa9b25e89", values:{},ready:function(){}};var d=document;s=d.createElement("script");s.type="text/javascript";s.id="zsiqscript";s.defer=true;s.src="https://salesiq.zohopublic.com/widget";t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);</script>