フォーラムへの返信
-
記事タイトルの前に出力するコードを書いてみました。
add_filter( // template-parts/loop/entry-summary/title/title.php が出力する HTML を書き換える 'snow_monkey_template_part_render_template-parts/loop/entry-summary/title/title', function( $html ) { $days = 7; // NEWマークを表示する日数 $now = date_i18n( 'U' ); // 今の時間 $entry = get_the_time( 'U' ); // 投稿日の時間 $term = date( 'U', $now - $entry ) / 86400; if ( $days > $term ) { // 前に New を追加 $html = '<span class="new">New</span>' . $html; } return $html; } );上記を参考に、出力するテンプレートや出力位置を変更したりしてみてもらえればと思います。
Who liked:下記は既存の「三角」ですが、
この白い三角の上辺をセクション幅いっぱいに広げた状態のもの、ということでしょうか？
区切るセクションが「背景色」の場合と「画像」の場合とがあり、いろいろ問題はあるのかなとも思うのですが、
区切りは、実際は「区切りを設定したセクション」の上に区切り用の SVG が重なっているだけなので、背景が色でも画像でも問題はないのですが、区切りの図形自体に画像を入れる、例えば↑の画像なら最初の白背景のセクションが背景画像のセクションで、白三角が画像三角になる、みたいなことはできないです。念の為説明でした。
Who liked: No user情報ありがとうございます！ 画像を同じものに差し替えてみたのですが再現できませんでした…（通常幅、スリム幅、フル幅）
ブラウザのバージョンはいずれも同じでした。
多分画像を縮小したときの丸め誤差の影響かなと思うのですが、再現できないので調査することができず…。なのでちょっと思いつきなのですが、下記の CSS を追加してみるとどうでしょうか？.smb-items__banner__figure > img { width: calc(100% + 1px); max-width: none; }普通は 100% なのですが、あえて +1px することで丸め誤差が発生しても画像同士が重なってるから大丈夫とならないかなと…（ダメだったら2px、3pxと大きくしてみてください）
Who liked: No user件の記事はカテゴリーラベルの表示がありませんが、カテゴリーラベルと NEW ということで、どういうレイアウトで表示したい感じですかね？レイアウトによって実現方法が変わるかもしれません。
Who liked:「カラム分割するタイミング」という設定項目を追加します！PC を選ぶと PC サイズ（1024px）になったタイミングでカラム分割（横並び）されます。タブレットを選ぶとタブレットサイズ（640px）になったタイミングでカラム分割（横並び）されます。
並び順の制御に
orderを使っていたのがflex-directionに変わるのでちょっと注意が必要な場合があるかもしれません。3末か4月頭の WordPress 6.2 対応版に入れてリリースします。Who liked:Windows 11 の Edge と Chrome で確認してみましたが、どちらも線は確認できませんでした。
ぼかしの設定をされてたりしますかね？
それとも Windows や Edge のバージョンによるんですかね…。Who liked: No userすみません、改めて確認しました。ひとまず下記の項目は追加する方向で作業しようと思います。
– カラム全体を塗りつぶすように画像を切り抜く
- 焦点ピッカー
– ブロックスタイル「枠線」
– 背景色
– テキスト色・各項目をくっつける（画像とコンテンツをくっつける）
項目ブロックの場合は主にバナー同士をくっつけるために設定を設けたのですが、メディアとテキストの場合はくっつけると読みにくくなってしまわないかな？と思いました。これは画像とテキスト自体をくっつけるのではなくて、画像と「テキストが入っているボックス（余白あり）」をくっつけるようなイメージでしょうか？
・行あたりのカラム数の指定（タブレットでは横並びのままでスマホでのみ縦に並べる、またはタブレットでもスマホでも縦並びにする、などが選択できるように）
既存の設定と整合性をとったまま↑の設定も追加できるのかちょっと直感では大丈夫か不安なので、ちょっと検討課題とさせてください。調査して問題なさそうなら入れ込もうと思います。
Who liked:有料になりますが、Archive Content アドオンを使うのが一番簡単だと思います。
自力で頑張る場合は、
の応用編で、
snow_monkey_before_contents_innerではなくてsnow_monkey_before_archive_entry_contentやsnow_monkey_prepend_archive_entry_contentにフックする形でもできます。ただ、条件分岐しないと全てのアーカイブページに表示されてしまうので、is_category( 'hoge' )で条件分岐が必要です。カテゴリーごとに違うコンテンツを割り当てたい場合は条件分岐とページを呼び出すコードがその分増えるのでその分複雑にはなります…。Who liked: No user
