WordPress が変換しちゃうのでしょうね。セキュリティ対策なのかもしれません。こういうときは、ショートコードをつくるのが一番下と思います。
子テーマを使っている必要がありますが、子テーマの functions.php に
add_shortcode( 'test', function() {
ob_start();
?>
<scrip>
// ここに JavaScript のコード
</scrip>
<?php
return ob_get_clean();
} );
test の部分がショートコード名になります。適当な名前に変えてください。そして、記事に [test] のようにいれると、JavaScript が埋め込まれる形で記事が表示されるかと思います。
追記：このサイトの WAF の影響で script と書くと送信できないので scrip と記述してます！実際には script と記述してください。
Toretaというところのタグなのですが、”div”がscriptに入っているとうまく動作しないという意見が多いことがわかりました。
スノーモンキーというよりもWordPressとJavascriptの根本的な話？のようですね。
Service提供元に問い合わせたのですが、タグが改変されているので、改変されないようにしてほしいとのことでした。
投稿で保存した後、自動で書き換わってしまうようなので、不思議でいっぱいです。
メニューの「ナビゲーションラベル」に次のように入力したとします。
<i class="fas fa-home"></i><span class="label">ホーム</span>
その想定で、次の CSS を追加してみてください。
.c-navbar__item > a {
flex-direction: column;
}
.c-navbar__item > a > .label {
display: block;
}
特別な理由がない限り、背景画像の場合は wp_get_attachment_image_url()、画像をそのまま表示する場合は the_post_thumbnail() を使っています。CDN はどういうふうに画像の URL を置換しているのでしょうか？プラグイン利用、もしくはプロキシサーバー的なものを前段に置いているのですかね？
テーマのサムネイル読み出しはどれも下記コードでしょうか？（largeか否かは置いといて）
if ( get_post_thumbnail_id() ) {
$thumbnail = wp_get_attachment_image_url( get_post_thumbnail_id(), 'large' );
}
CDN処理でコケるとした場合、通常ならばサイト全体のサムネイル表示に影響すると思うのですがどうしてかここだけ表示されないのです（苦笑）
この画像部分、特にこちらで特殊な実装をしているわけではなく、標準的な関数で URL を出力しているため、CDN（プラグインか何かが URL を置換するのですかね？）側の不具合なのではないかという気がします。
一応、Snow Monkey 側は inc2734_wp_like_me_box_thumbnail というフックを通して URL を出力するので、子テーマを用意して頂き、そのフックを使って URL を整形すれば正しく表示させることができるのではないかと思います。
なるほどなるほど。常日頃 CSS 書いていると当たり前になってそのような需要を見落としてしまうので参考になります！マニュアルは、このフォーラムにカスタマイズ事例がたまってきているので、それをちゃんと記事化して追加したいなと考えています（なかなかできていませんが…）。その際はこれも追加します！
SnowMonkey以外のテーマでも使えるCSSなんですかね？
.l-sidebar-widget-area の部分がテーマによって違いますが、基本的な記述は同じです。.l-sidebar-widget-area の部分だけブラウザのデベロッパーツールなどで調べると良いかと思います。
Snow Monkey 自体には無いのですが、思いつく方法としては次の2つがあります。
1. CSS で消す
次の CSS を追加していただくと、スマホでサイドバーのウィジェットエリアを消せます。767px の部分はお好みで調整してください！（767px 以下で非表示）
@media (max-width: 767px) {
.l-sidebar-widget-area {
display: none;
}
}
2. プラグインを使う
僕は使ったことはないのですが、ウィジェットエリアの表示条件を指定できるプラグインがあるようです。
どのようにカスタマイズしたいかが、ユーザーによって異なる可能性が高いと思いますので、例えばカスタマイザーなどから文言変更できるようにしたりすると、カスタマイザー以外でカスタマイズしようとした場合に逆にカスタマイズのハードルが上がってしまう、などの問題も考えられます。
そういう面を考慮すると、やはり子テーマをつくって頂き、その中で 404 用テンプレートを上書きして頂くのがベターなのかなと。
子テーマをつくり、その中に snow-monkey/templates/view/404.php から 子テーマ/templates/view/404.php にファイルをコピーし編集することでカスタマイズが可能です。
子テーマの作り方はこちら
わかりました。user-agent が想定外(?)だと弾かれるみたいです。
vendor/inc2734/wp-oembed-blog-card/src/App/Model/Parser.php のコンストラクタの wp_remote_get() の第2引数で array( 'user-agent' => 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)' ) とウソついたらちゃんと文字列が返ってくるようになりました。
ユーザのブラウザの user-agent を取得してここで与えるようにすればいいですかねー。
ヘッダー無しテンプレートについて
無くすのはヘッダーだけで、フッターは必要でしょうか？もしフッターも不要ということであれば、「空」というテンプレートを選択すると、ヘッダーもフッターも無いものを使用できます。
編集画面では、なるべくチェックボックスなどのカスタムフィールドはおかない開発方針をとっています。カスタムフィールドを入れると複雑性が増すこと、許容するとこれもカスタムフィールドでできるなとどんどん増えていってしまうこと、が理由です。例外的に description や robots のカスタムフィールドは入れていますが、これは他に手がなかったからで、カスタマイザーか CSS でどうにかできるものについてはなるべくそれで対応する、という形になります。
固定ページでのシェアボタンについて
シェアボタンが自動的に表示されるのは投稿ページだけですが、実はシェアボタンはショートコードでも呼び出せるようになっているので、下記のようなショートコードを埋め込めば固定ページにも表示させることができます。
Snow Monkey にはフックは用意してないですが、get_template_part_{$slug} フックとか使えないですかねー。
add_action( 'get_template_part_templates/layout/footer/footer', function() {
?>
あいうえお
<?php
} );
Snow Monkey のフック一覧については、いずれは準備したいと思っているのですが、今のところは用意できておらず…。僕はテキストエディターで do_action、apply_filters と一括検索して調べてます^^;
フィード取得については原因がちょっと思いつきませんが、
<!-- Start : templates/layout/wrapper/right-sidebar -->
のようなコメントについては、Snow Monkey のデバッグ機能が出力しています。WP_DEBUG が true の場合、「HTML のその部分」が「どのテンプレートパーツなのか」を表示するようになっているんです。WP_DEBUG を false にすれば出力されないようになります。本番環境で WP_DEBUG を true にするのは推奨されないので、もし本番で有効にされている場合は無効にされることをお勧めします！
早速の対応ありがとうございました！！
確認してみたところアニメーション時間が反映されていないように見えます。
例えばスライド時間を4000msにした場合、写真が切り替わる「シャッ」というアニメが4秒かけて行われる、ということだと思います。しかし、Safari/Chrome/Firefoxで見たところ、デフォルトの1000msのように見えました。フェードにしても同様でした。
インターバル時間は直っていました。
スライド／フェードの切り替えも大丈夫です！
ありがとうございます！
上手くいきました。
CSSのクラス名ですが、
.hamburger-btnを.c-hamburger-btnに変更しました。
https://haru-michiko.com/
