フォーラムへの返信
-
投稿
-
良かったです！
アップデート後もコードは必要になりはするのですが、先のコードだと一度画像を取得した後に新しい画像に上書きしているのを、アップデート後だと指定したサイズの画像だけを取得して表示するようになります。まだ作業中ですが、Snow Monkey v10.7.0 にアップデート後は下記のコードに差し替えてください！
add_filter( 'snow_monkey_get_template_part_args', function( $args ) { if ( 'template-parts/loop/entry-summary/figure/figure' === $args['slug'] ) { $args['vars']['_thumbnail_size'] = 'thumbnail'; return $args; } return $args; } );♥ 2ウィジェットに関してはサムネイルサイズを変更するためのフックを仕込んでいたのですが、確かに一覧や最近の投稿ブロックだと変更できないですね…。次のアップデートでフックを仕込もうと思います。
お急ぎであれば下記のコードを My Snow Monkey プラグインに貼り付けることで、画像部分の HTML を書き換える形でサイズ変更できます。下記の例ではサイズを medium にしていますが、サムネイルサイズにしたい場合は thumbnail にしてみてください。
add_filter( 'snow_monkey_template_part_render', function( $html, $slug, $name ) { if ( 'template-parts/loop/entry-summary/figure/figure' === $slug && 'post' === $name ) { $thumbnail = get_the_post_thumbnail( get_the_ID(), 'medium' ); return preg_replace( '|<img [^>]+>|', $thumbnail, $html ); } return $html; }, 10, 3 );♥ 0こんな感じでどうでしょう？
@media (max-width: 639px) { .p-footer-cta .c-row__col--1-2:first-child { display: none; } .p-footer-cta .c-row__col--1-2 { flex-basis: 100%; max-width: 100%; } }ボタンを増やしたりすると HTML の構造が変わって CSS も書き直す必要があるのでご注意ください。
♥ 0あ、失礼しました、この「タブレット＆PC」の機能、「上書き」専用でした…。なので「セカンダリーボタン」を設定していたら「セカンダリーボタン（タブレット＆PC）」が表示されるということになります。
えっと、要件としては
1. タブレットとPCのときだけセカンダリーボタンを表示させたい
2. テキストはスマホのときと、タブレット＆PC のときで変えたい（もしくはタブレットとPCのときだけ表示したい？）ということですよね。
1.については、CSS で対処するのが良いと思います。実際のページの URL を教えてもらえますか？ CSS 書いてみようと思います。
2.については、現在の「セカンダリーボタン（タブレット＆PC）」と同じ仕様（つまり上書き専用）で「テキスト（タブレット＆PC）」を追加しようと思いますが、1.と同じくタブレットとPCのときだけ表示したいということであれば、これも CSS でやるのが良いと思います。
♥ 0
現状でも「セカンダリーボタン」はタブレット＆PCのみで設定できるかと思いますので試してみてください！「テキスト」は全部共通になっちゃうので、こちらも「テキスト（タブレット＆PC）」があったほうが良いということですよね？確かにセカンダリーボタンをPCとタブレットで違うものにしたらテキストも違うものにしたいですよね…
♥ 0①カスタマイザーのウィジェットと、GutenbergでのSnow Monkey Blocksを一つのページで併用をしていて〜
これは例えば、「ホームページ上部ウィジェットエリア」「本文」「ホームページ下部ウィジェットエリア」の順番を「本文」「ホームページ上部ウィジェットエリア」「ホームページ下部ウィジェットエリア」のようにしたい、という意味でしょうか？ もしそうであれば、子テーマか My Snow Monkey プラグインを使って
templates/view/front-page.phpを上書きする形になるかなと思います。個人的には、テンプレートの上書きはアップデート時の副作用も大きいので、よほどの理由が無い限りは推奨していません。
②Gutenbergは投稿でメインに使うものであって、Gutenbergにあるウィジェットや一般ブロックも、Webページ制作に向けられているわけではない気がしたのですがどうなのでしょうか？
んーどうなんでしょうね。WordPress の創始者である Matt Mullenweg 氏のブログ ( https://ma.tt/2017/08/we-called-it-gutenberg-for-a-reason/ ) には
We have challenges (user frustrations with publishing and customizing, competition from site builders like Squarespace and Wix) and opportunities (the 157 million small businesses without sites, aka the next big market we should be serving).
という記述があり、Wix や Squarespace をライバル視しているようなので、WordPress をブログだけではなく Web サイトもつくるツールだと捉えているように読めます。ブロックエディターのコアブロックだけでデザインされた web ページをつくるのは確かに難しいと思いますが、すごくデザインされたブロックがコアに入るというのも違うと思うので、その辺は Snow Monkey Blocks などの市場のプラグインで補うのが良いと思いますし、コアの開発者もそう想定しているのではないかなと想像しています。
♥ 0どうも
widthとheightを入れたとしても、画像の非同期読み込みが有効だと余白が空いちゃうときがある気がします。再現手順がはっきりせず、widthとheightを入れることで当初よりなりにくくなったのかな？という感じがしはしますが、ごくたまに「あれ、空いてる！」というときがあるので、スライダーの場合は画像の非同期読み込みがおこなわれないようにしたほうが良いかもしれません。時間があるときにまた手を入れてみます！♥ 0以下、.p-archive が入ればアーカイブと考えてもよいでしょうか？
です！
最初に回答いただいたもの、固定ページではなく、カスタマイザーから追加したらOKでした。
でも、固定ページにブロックで追加する際には〜僕が書いた CSS はウィジェット用になります。ブロックには効きません。
.widget_snow_monkey_recent_posts_widgetを消して書くとウィジェット・ブロック両方に効きますが、詳細度の問題で状況によっては効かない場合があるかもしれません。こんな感じにすると詳細度が強めにあたって良いかもしれません。
@media (min-width: 64em) { .widget_snow_monkey_recent_posts_widget .snow-monkey-recent-posts .c-entries--rich-media .c-entries__item, .widget_snow_monkey_recent_posts_widget .snow-monkey-recent-posts .c-entries--panel .c-entries__item, .smb-recent-posts .snow-monkey-recent-posts .c-entries--rich-media .c-entries__item, .smb-recent-posts .snow-monkey-recent-posts .c-entries--panel .c-entries__item { flex: 0 1 25%; max-width: 25%; } }解決済みということでトピック閉じます！
♥ 1こんな感じでどうでしょう？ カスタマイザー → 追加 CSS に追加してみてください。
@media (min-width: 64em) { .widget_snow_monkey_recent_posts_widget .snow-monkey-recent-posts .c-entries--rich-media .c-entries__item, .widget_snow_monkey_recent_posts_widget .snow-monkey-recent-posts .c-entries--panel .c-entries__item { flex: 0 1 25%; max-width: 25%; } }♥ 1連投すみません、v8.4.2 で、スライダーブロックに width と height が反映されるようにしてみました。画像の選択時と画像サイズの変更時に反映されるので、アップデート後、スライドを選択 → インスペクターで適当な画像サイズに変更 → もとの画像サイズに変更、してみてください！
♥ 1確かに攻城団合同会社のサイトだと再現できるのですが、僕の開発環境だと再現ができないのです。なので画像のサイズがどうとか使っているプラグインとの兼ね合いでどうとか、なにか原因があるのだと思いますが、全く検討がつかない状態です…。
僕のブラウザからだと「御朱印帳、はじめました」の画像だけが正しい縦横サイズで読み込まれないという現象が起こっています。一度、この画像だけを外してみるとどうなるか見てもらえないでしょうか？
「正しい縦横サイズで読み込まれない」という現象から可能性を考えると、あとは
– カスタマイザー → ページ速度最適化 → 画像の非同期読み込み を無効にしてみる
– スライダーブロックの画像にwidth、heightが入るように Snow Monkey Blocks を改修してみるが考えられるかなと思います。後者は実装が可能か調査してみますので、前者も一度試してみてもらえないでしょうか。
よろしくおねがいします！♥ 0検索結果をたどっていてくと4ページ目に含まれているようです。
検索結果での表示順がどういうロジックになっているのか詳しくないのですが、日付順ではなく関連度順になっているという記事がありました。日付順にしたいのであれば、下記のコードを My Snow Monkey に貼り付けてみてください。
add_filter( 'posts_search_orderby', function() { return 'post_date desc'; } );♥ 0
snow-monkey.2inc.org
67care.jp