-
検索結果
-
↑の修正で、
widthからmax-widthに変えたみたいです。My Snow Monkey 内の CSS で、
.smb-section__contents-wrapper { max-width: 100%; }を追加されていて、それで上書きされてしまっているので、Snow Monkey Blocks の
min(100%, var(--smb-section--contents-wrapper-width))が効かなくなっています。ただ、Snow Monkey Blocks の--smb-section--contents-wrapper-widthのデフォルト値がautoで、min(100%, auto)=noneになってしまうので、デフォルト値を100%に変更するアップデートはしようと思います。ということで、とりえあずは
My Snow Monkey 内の CSS を下記に変更してもらうと良いのかなと思います。
.smb-section { --smb-section--contents-wrapper-width: 100%; }Who liked: No user早速のご検討ありがとうございます！
はい、その構造が選べたら嬉しいです。
smb-step__item__titleの選択肢は Snow Monkey Blocks の他のブロックのようなイメージでした。
Who liked:
その場合、下記のような HTML 構造になったら良さそうですかね？
ol.smb-step__body li.smb-step__item h2.smb-step__item__title // ここは h2〜h6を選べるようにしたい div.smb-step__item__body li.smb-step__item h2.smb-step__item__title // ここは h2〜h6を選べるようにしたい div.smb-step__item__bodyWho liked:「問題が繰り返し起きました」というのが気になりますね。パソコンのデベロッパーツールで確認すると、JavaScript のエラーが100個以上発生していたので、もしかしたらそれが原因なのかもしれません。
エラーの URL を見ると Instagram？関係に見えるので、Instagram 関係の何かを使われているなら、それを止めるとどうなるか試してみるのが良いのかなと思います。
Who liked:【お使いの Snow Monkey のバージョン】29.1.4
【お使いの Snow Monkey Blocks のバージョン】24.0.4
【お使いの Snow Monkey Editor のバージョン】11.0.2
【お使いのブラウザ】chrome### 実現したいこと
ヘッダーロゴにmix-blend-modeをかけたい
### 発生している問題
.custom-logoにmix-blend-mode: difference;を指定しましたが、反映しないので実現させる方法をご教示いただきたいです。
カスタマイザーの設定は以下にしております
ヘッダーレイアウト：1行
グローバルナビゲーションの配置：右
グローバルナビゲーションを縦書きにする：なし
モバイル用ヘッダー位置：オーバレイ（上部固定）
PC 用ヘッダー位置：オーバレイ（上部固定）### 試したこと
l-headerにmix-blend-mode: difference;を指定すると、実現はできましたが、メニューにはボタンも設置する予定で、ボタンにまでmix-blend-mode: difference;がかかってしまいます。
ボタンにはmix-blend-mode: difference;はかけたくないので、ロゴのみにかける方法をご教示いただけますと幸いです。
よろしくお願いいたします。
出来ました！ありがとうございました(*´ω｀)
/* aicon */ .fa-trophy, .fa-star, .fa-book, .fa-bullhorn, .fa-web-awesome, .fa-user{ font-size: 2.2rem; color: #d27aa5; margin-bottom: -100px; position: relative; z-index: 2; } .fa-trophy{ margin-bottom: -70px; } .fa-book{ margin-bottom: -130px; }
Who liked:
mokadesignさん
ショートコードで挿入して位置調整する方法でよければ、
<i class=”fas fa-home fa”></i>などで表示させられますよ。あとはグループ化するなどして、位置調整するとよいかと。
サイズを変える場合は、<i class=”fas fa-home fa-2x”></i>
などとすればOKです。Who liked:
テーマのアップデートをして確認してみました。
前提条件として関連投稿に表示されるのは「同一のタクソノミーの記事」なので
$args['vars']['_posts_query']->set( 'tax_query', false );
の条件を追加しないと「同一のタクソノミーの記事が無い場合」は何も表示されない。上記を踏まえて、以下のコードで思った通りの表示になりました。
<?php /** * 関連記事のクエリをカスタマイズ * * @package my-snow-monkey+ */ /** * 関連記事の取得クエリを操作する * * @param array $args テンプレート取得クエリ. * @return array テンプレート取得クエリ. */ add_filter( 'snow_monkey_get_template_part_args_template-parts/content/related-posts', function ( $args ) { $_post_type = get_post_type(); if ( 'post' === $_post_type || 'works-and-voices' === $_post_type ) { $args['vars']['_entries_layout'] = 'simple'; } if ( 'interview' === $args['name'] ) { $args['vars']['_entries_layout'] = 'carousel'; $args['vars']['_title'] = '他の社員を見る'; $args['vars']['_posts_query']->set( 'tax_query', false ); $args['vars']['_posts_query']->set( 'posts_per_page', 10 ); $args['vars']['_posts_query']->query( $args['vars']['_posts_query']->query_vars ); } if ( 'job-posts' === $args['name'] ) { $args['vars']['_entries_layout'] = 'rich-media'; $args['vars']['_title'] = '他の募集を見る'; // $args['vars']['_posts_query']->set( 'tax_query', false ); $args['vars']['_posts_query']->set( 'posts_per_page', 3 ); $args['vars']['_posts_query']->query( $args['vars']['_posts_query']->query_vars ); // 関連投稿が見つからない場合、または3件未満の場合のフォールバック処理 if ( $args['vars']['_posts_query']->found_posts < 3 ) { $current_post_id = get_the_ID(); if ( ! $current_post_id ) { global $post; $current_post_id = $post ? $post->ID : 0; } $args['vars']['_posts_query'] = new WP_Query( array( 'post_type' => 'job-posts', 'posts_per_page' => 3, 'post__not_in' => array( $current_post_id ), ) ); } } return $args; } );他の方の参考になると思うので、フォールバック処理の判定条件を追記しておきます。
（表示件数は、デフォルトのままの4件表示の場合）// 1: シンプルに件数のみで判定。4件未満は全てフォールバック処理するので、常に4件表示される。 if ( $args['vars']['_posts_query']->found_posts < 4 ) { // 2: 0件の時にだけフォールバック処理。1件～3件の時はそのまま表示。 if ( ! $args['vars']['_posts_query']->have_posts() && $args['vars']['_posts_query']->found_posts < 4 ) {Who liked:
