フォーラムへの返信
-
Snow Monkey に限らず、あらゆる配布テーマ・配布プラグインの中に独自のファイルを配置するのは NG です。テーマやプラグインをアップデートするとネット上から最新のファイルをダウンロードしてきてそのテーマ・プラグインの中のファイルをまるっと削除して置き換えるので、その独自ファイルも消えてしまうためです。
Snow Monkey ディレクトリの中にファイルをつくるのは NG なので、子テーマや独自プラグインの中にファイルをつくるのが良いです。Snow Monkey は独自プラグインの雛形として My Snow Monkey という空のプラグインを提供しています（マイアカウントページからダウンロードできます）。
My Snow Monkey に CSS ファイルを配置して読み込む方法は下記の記事が参考になります。
Who liked: No userなるほどー。現状、tarcoon.me のほうは画像に JetPack の CSS クラスが無いプレーンな状態でしたが、動画つくーるのほうは JetPack の CSS クラスが入っているので、エディター上で画像ブロックを選択して「追加 CSS クラス」に JetPack 用のクラスが入力されていないか確認してみてください。もし入っているようなら消すとどうなるか試してみてください！
ただ、改めて見ると（すべての）画像だけではなく、ページ自体にも JetPack 用の画像非同期用のコードっぽいのが出力されているので、JetPack の設定も見直してみたほうが良さそう。
<style type="text/css"> /* If html does not have either class, do not show lazy loaded images. */ html:not( .jetpack-lazy-images-js-enabled ):not( .js ) .jetpack-lazy-image { display: none; } </style> <script> document.documentElement.classList.add( 'jetpack-lazy-images-js-enabled' ); </script>Who liked:別サイトにそのままコピーすると、画像ファイルが参照扱いになるので、画像の属性値が異なってきます（サーバー上にある場合はサムネイル等の情報を参照して画面サイズに応じて読み込む画像が最適化される）。おそらくその違いで挙動に違いがあるのだと思います。
HTML をみていて気になったのが、
jetpack-lazy-image jetpack-lazy-image--handledというクラス名が付与されている点です。JetPack プラグインで画像の非同期読み込みを使われていますかね？もしそうなら、オフにすると改善するかもしれません。Who liked:以下をmy Snowmonkeyに記述して読み込んでいますが、もう一つアニメーション系のjsを読み込みたく、jsを複数読み込むためにはどう記述しますか？
WordPress で js ファイルを読み込むためには
wp_enqueue_script()を使用します。今は
msm_enqueue_style_script()の中でwp_enqueue_script()を使いmsm_scriptsという識別名でMY_SNOW_MONKEY_URL . '/js/viewport.js'を読み込んでいますよね？ なのでそれをコピペして、識別名を適当なものに書き換え、読みたいファイルのパスを記述すれば良いです。詳しくは↑のリンクに詳細が書いてあるので確認してみてください！Who liked:調査したところ、アラートブロックの自動変換が実行されていることが確認できたので、おそらくそれが原因なのだろうとは思うのですが、変換前の HTML と変換後の HTML に変化がなかく、具体的にどのような変換がおこなわれてなぜ中身が消えるのかまではわかりませんでした。
さらに詳しい調査をするために、権限を管理者に変更をお願いできますか？中身も含めて、中身が消えるアラートブロックにどのような HTML が保存されているか確認して、こちらの開発環境でそのアラートブロックが同じように自動変換されて中身が消えるか確認したいと考えています。
Who liked: No user
