WPの記事(ソース)内にコメントを入れると勝手にラップされる件

なんか~投稿エリアのhtmlっていうかぁ、「テキスト」モードで文章をよく打つのですがぁ、htmlのコメント<!–~–>を記述するとぉ、勝手に<p>とかでラッピングされちゃうんですよぉ・・・。っで、記事を表示するとコメントを入れた部分に妙な空間が開くのです。が、私的には定型文の区切り見つけやすくするのによく入れる系なヒトなのでぇ、これは困った。

回避方法が今ひとつわからないので、ラップする要素(大抵div)のdata-~属性にコメントを入れることにした。

構文的に適不適は解らないが、まぁいいか・・・。

WordPressとjQuery

WP内でjQueryを使おうと思ったら・・・、動きませんがな

jQuery超初心者なので、コードのどこが影響してるのか皆目見当がつかづ。

自サイトのソースを見るとWPがjQueryを読み込んでいる模様。なところまで分かったが、なんでjQueryコードが動かないのか?バージョンが古いから?、???。

っと悩んでも皆目見当つかずで、目の前の魔法の箱で「wp jqery 使う」調べてみた。っら、答え発見!

  1. プライマリーテキスト」さんの記事「WordPressは標準でjQueryを読み込んでるので読み込みは不要」[http://primarytext.jp/blog/1298]
  2. Sensebahn」さんの記事「WordPressでjQueryを使う一番シンプルな方法」 [sensebahn.com/develop/389/]

検索結果の上位2件を拝見し、どちらもわかりやすく参考になりました。

要はjQuery「noConflict」というのが設定されていて、名前の通り衝突しないような配慮ではあるが、そのために標準的なjQueryの記法と異なるとかなんとか。

 あぁ~~~jQueryの入門書でちらっと見た気がする、「noConflict」ちゃんと読んでないけど。

上記2さんのサイトではデフォルトのjQuery読み込みを回避して、自前のjQueryを読み込みなおす解決法がありました。

デフォルト読み込みのjQueryバージョンが古いのでこの方法がいいかな!っと思ったのですが、とりあえず手を付けやすそうな上記1さんのサイトの「コードをカプセル化する方法」?を採用させていただきました。

っで、解決!

そのうち、上記サイト2さんの方法も試してみたいとは思っている。

 

 

wordpressとthema

当面、このメイン・サイトはwordpressデフォルトのtwentyseventeenというテーマでつづける予定。

っで、サブドメインサイトのTaqqの私的ガンプラ図鑑[http://gunpla.puramo-zukan.com/]は縦3列配置のデザインにしたかったので、色々検索した結果「admiral」というテーマをインストールした。

これが良い物かどうかわからないが、調べるの面倒だったので。

っで、このthema:admiralは使った感じ・・・どうなんだろう・・・ちょっと手を入れ難いような、そうでもないような。

まぁ、カスタマイズした部分については備忘録的にここに残していこうと思う(けど面倒で結局放置な気も・・・)。