下記のトピックが参考になると思いますので、一度ご覧になってみてください。
jQuery については、WordPress が標準で持っていますので、wp_enqueue_script() を使うときに、依存関係に指定すると良いです。
それから、子テーマにjsフォルダを作成する場合は、/snow-monkey-child/src/js でよろしいでしょうか。
特に自由に良いのですが、Snow Monkey の場合は src がトランスパイル前の元ファイル、assets がトランスパイルごｔの実行ファイルとなっているので、僕なら assets/js に置くかなぁと思います。
4.3 で img タグを使った方法に変えようかなと思いますが、直近の対応としては、ダッシュボード > 設定 > メディア > 大サイズの設定が小さい数値になっていないか確認してみてください（デフォルトでは 1024）
imgタグに変えるところまでは分かりますが、出し分け用の画像の設定はどうしたらいいのかな。
それとも、テーマの方で対応していただく必要があるのでしょうか？
検証してみないと詳しくわからないのですが、the_post_thumbnail() で画像出力すると自動的に sizes やら srcset が付与されるんじゃなかったでしたかね。
picture にするのは互換性なども考えると難しいかもしれませんが、sizes と srcset が付与されてフックで変更できるのなら良い感じにできそうな気はします。
カスタマイズはされていないとのことなので、多分ボケるのは皆共通の現象だと思いますので、テーマ側で対応したほうが良いかもしれませんね。
もしテーマで対応していただける場合、可能であればpicture要素を使ったアートディレクションになっていると嬉しいなあと思いますが、WPだと難しいでしょうか？
お返事遅くなりすみません。子テーマでそのphpは使っていません。
今の背景画像を使う実装から、レスポンシブイメージを使った実装に変える
は、どのようにしたら良いでしょう？
<span style=”background-image: url(<?php echo esc_url( $background_image_url ); ?>)”></span>
をimgタグに変えるところまでは分かりますが、出し分け用の画像の設定はどうしたらいいのかな。
それとも、テーマの方で対応していただく必要があるのでしょうか？
うーん、そうなのですね。実機が持ってないのでググった情報になりますが、7は ratina の比率が2、7 Plus は比率が3だったので、Plus だとボケるのかなと想像していました。
Snow Monkey のデフォルトでは、一覧のアイキャッチサイズは「medium」で、インフィード広告を使っている場合は「large」になるようになっています。もし子テーマをお使いで、template-parts/loop/entry-summary-post.php を上書きされている場合はアイキャッチのサイズがどうなっているか確認されてみてください（古いバージョンのテンプレートからコピーした場合はサイズが不適切な可能性があります）。
特に問題なさそうなら、単純に ratina の比率と画像のサイズが合っていないのだと思うので、今の背景画像を使う実装から、レスポンシブイメージを使った実装に変える必要があるのかなと思います。
小川さんご報告ありがとうございます！
黒石さん、ページの共有すごく助かります。
いま、
.wp-block-embed {
&.is-provider-wp-oembed-blog-card-handler {
.wp-block-embed__wrapper::before {
display: none;
}
}
}
というコードで上部余白を消してたのですが、共有いただいたページを見ると、is-provider-wp-oembed-blog-card-handler ではなくて is-provider-youtube となっているので余白が消えていないようです。ここの class がどういう理屈で決定されるのかがさっぱりわからないので、
.wp-block-embed {
.wp-block-embed__wrapper::before {
display: none !important;
}
}
のように強めに打ち消したほうが良いのかもしれません。ちょっと検討します。
本当なら Gutenberg のレスポンシブ処理に乗っかった方が素直で手間も少ないのですが、クラシックエディターのことを考えるとなかなか難しく…。ほとんどのユーザーが Gutenberg を使うようになれば、このようなクラシックエディターとの互換性を考慮した処理も削っていってスリム化したほうが良いかもしれませんね。
こちらの件、最新版4.2.22でも発生するみたいで
強引に以下のスタイルを上書きして対応してみました。
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 0 !important;
}
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{
padding-top: 0 !important;
}
ありがとうございます見つかりました!
既にマイアカウント>ダウンロードからテーマはダウンロードできますが、こちらは最新の安定版になりますよね（たぶん…）
ベータ版や過去のバージョンも、ユーザ見つけやすいところにも、あるといいなーって思いました。
例えば、マイアカウント>ダウンロードとか、マイアカウントトップページです。
おっしゃる通り、最新版を使うようにしますし、どちらかといえば最新ベータ版も試したい気持ちです。
トピ閉じます。ありがとうございました。
最新版ソースををGithubから手に入れビルドする? ソースの中にあるデプロイされたものを使う?
という方法もあるのでしょうか。
GitHub から clone したものはソースファイルなのでビルドが必要ですが、ちょっとハードルが高いと思いますので、zip をダウンロードするのがおすすめです。オンラインコミュニティの総合案内にリンクをはっているので、見てみてください。
できれば、こちらでいつどのバージョンのテーマを適応するかを決めたいです。
よろしくおねがいします。
前述したリンクから各バージョンをダウンロードできますが、サポートできるのは常に最新版だけなので、なるべく最新版を利用されることをおすすめします！
ありがとうございます。知りませんでした。
確かに調べてみると随分と昔にそうなったみたいですね。
yoastとかall in one seoなんかも設定があり、SEOプラグインで設定しましょうみたいなブログ記事もよくあるのですが、これは無知なわけですね。
確認してみたところ、確かにcanonical設定されていました。プラグイン入れないと設定できないと思い込んでいる人多いですよ。
http/https統一は必要ですが、これは関係ないですもんね。
クローズしますね。
Canonical URL って WordPress が自動的に出力しますよね？このページにも <link rel="canonical" href〜 というタグが出力されています。
クオーテーションがおかしくなってたのかもです、今シングルクオーテーションに置き換えましたので、もう一度コピペしてみてください！
（”[metaslider id=14246]” を '[metaslider id=14246]' に変えました）
申し訳ありません。途中から新たな質問を織り交ぜて、ややこしくしてしまいました。
多分、今回送っていただいたコードで解決すると思いますが、追加してアップすると、下記のエラーが出て画面が白くなってしまいます。
Parse error: syntax error, unexpected ‘id’ (T_STRING), expecting ‘]’ in /URL＊＊＊＊＊＊＊＊＊＊＊/snow-monkey-child/functions.php on line 121
121行目は echo do_shortcode(“[metaslider id=14254]”); です。
