フォーラムへの返信
-
投稿者投稿
-
このにゅっと伸びるエフェクト、CSS 自体は書いてたから設定項目にも追加してあると思ったら無いですね…。
(↓Snow Monkey のベースになっている自作の CSS フレームワークには CSS がある)
これは Snow Monkey に入れる方向で検討します…!
なるほどー、「コンテンツ部分のコンテナーの余白を削除」は設定項目を表示するための条件があるから、このためだけに毎回その手順を踏まないといけないのは面倒ですね…。
ちょっとスクショを。

一つ目が素のセクション。2つ目が背景色をつけたセクション。3つ目が素の段落ブロックです。で、1つ目の素のセクションはご指摘の通りコンテナーの左右余白分だけコンテンツが内側に入っています。
で、2つ目の背景色をつけたセクションですが、これは背景色があるからコンテナーの左右余白があるほうが見やすいかと思います。だから一見「サイドバーあり、かつ2カラム状態(サイドバーが折り返されていない)、かつ背景色がないときは左右余白をなくす」としたら良さそうですが、背景色は位置をずらす機能があるから、背景色がありでずらしてあるときは左右余白は無いほうが良いのか…? 背景色はずらせるものとずらせないもの、2つ設定できるからその組み合わせのときはどうするのか…? とか考えると結構よしなに左右余白を無くすのは難しい印象です(実はそういう時代もあったのですが、完全にコントロールできずにフォーラムでも指摘があったりしたため、よしなにするのは現状やめています)。
ということで、よしなにするのは難しかなと思うのですが、「コンテンツ部分のコンテナーの余白を削除」を表示させるために全幅にしてコンテナーの配置を設定して…みたいなのは大変なので、「コンテンツ部分のコンテナーの余白を削除」を無条件に設定できるようにしてしまったら少しラクになるかも…と思いました。そしてそのほうが実は便利そう。
背景色は全く使わないということであれば CSS で調整してもらうのが早いかなと思いますが、一応↑については軽く問題なさそうか確認してから作業しようと思います!
こちらの環境で試してみたのですが「画像→文章」でも「文章→画像」でも同じ大きさで表示されました。ページレイアウトの影響かなと思い、「右サイドバー」「1カラム」「フル幅」と試してみたのですがいずれも変化ありませんでした。実際の画面の URL を教えてもらうことは可能でしょうか?
♥ 0Who liked: No user下記のトピックを見てみてください!
\Framework\Helper::get_template_part( 'template-parts/loop/entry-summary/term/term' ... );はターム(カテゴリー等)の一覧を取得するものなので、「ここをカスタムフィールドを取得して HTML を生成・加工する」というコードに書き換えればよいのかなと思います。僕は ACF に詳しくないのと、実際に
course_typeにどのような値が入っているかがわからないのであくまでサンプルですが、だいたい下記のような感じになるのかなと思います。add_filter( // template-parts/loop/entry-summary を書き換える 'snow_monkey_template_part_render_template-parts/loop/entry-summary', function( $html, $name, $vars ) { // 「シンプル」のときだけ実行 if ( 'simple' === $vars['_entries_layout'] ) { // カスタムフィールドを取得して、それをもとに加工した HTML をバッファリングする // ACF や実際に保存されているデータの構造がわからないので実際の状況にあわせて書き直してください。 $course_types = get_post_meta( get_the_ID(), 'course_type' ); ob_start(); foreach ( $course_types as $course_type ) { echo '<span>' . $course_type . '</span>'; } $course_type_html = ob_get_clean(); return str_replace( '</section>', $course_type_html . '</section>', $html ); }, 10, 3 );WordPress の管理バー(ツールバー)用のデフォルト CSS かなと思うので、管理バーを設定で無効にしたら CSS も出力されなくなったりしないですかね?
♥ 0Who liked: No user今どうでしょう?
♥ 0Who liked: No userご報告ありがとうございます!ご迷惑おかけして申し訳ございません、確認します。
♥ 0Who liked: No user原因わかりました!
一覧ページでは各投稿のタイトルが
h2なのですが、固定ページ(最近の投稿ブロック)ではh3になるためh2を対象としたstr_replace()が効かないのが原因です。なので一覧ページ用として一番最初に提示いただいたコード(何も書き換えていないやつ)を、固定ページ用として
h3を対象とした新たなコードを追加すると良いのかなと思います。固定ページ用のコードは当初のコードをコピペして
if( is_post_type_archive('propertys') ){をif ( is_page( 47 ) ) {に変えれば条件を通過すると思うのであとはそのコードのh2としているところをh3に変えればいけると思います。色が暗くなるエフェクトですかね? であれば下記の CSS で実装しています。
@media (hover: hover) and (pointer: fine) { .c-entries__item > a:active .c-entry-summary__figure > img, .c-entries__item > a:focus .c-entry-summary__figure > img, .c-entries__item > a:hover .c-entry-summary__figure > img { filter: brightness(80%); } }設定では無効化できないので、上記のスタイルを打ち消す CSS を追加することになります。例えば下記のような感じです。
.c-entries__item > a .c-entry-summary__figure > img { filter: none !important; }♥ 0Who liked: No user -
投稿者投稿



