-
検索結果
-
そすけさん
rakku-rakku.comを拝見して、デベロッパーツールで下記のようにすると、調整できているように見えます。
.smb-section { padding-top:0px; padding-bottom:0px }またこちらの環境でも、上記CSSでtop、bottom、それぞれ0pxにできますので、念のため今一度ご確認いただくとよいかもです。
なお、.smb-section_accessの方は、そのCSSを記述しても変化はありませんでしたが、.smb-sectionのみで変更できましたことも、追記しておきます。
Who liked: No userサイトを拝見すると、「お知らせ」は「投稿」で作られていると思いますので、カスタマイザーより【デザイン】→【投稿ページ設定】→【アイキャッチ画像の位置】を一度確認してみていただけますか？
ちなみに、カスタマイザー内でなにか投稿記事が表示されるページへ遷移されると、該当メニューが表示されるかと思います。
Who liked:ただIDだと、登録時のWPの状態によってIDが可変してしまい、DBの情報が異なる場合に、想定通りの色分けにならない可能性があります
あ！そうでした、スラッグですね。一応一覧のところと、記事内のところ、どちらも ID と slug の class を出力するようにしてみようと思います。しばしお待ちを！
Who liked:要は
<li class="c-meta__item c-meta__item--categories"> <span class="c-meta__term c-meta__term--category-23"> <span class="screen-reader-text">カテゴリー</span> <i class="fa-solid fa-folder" aria-hidden="true"></i> <a href="https://snow-monkey.2inc.org/category/info/">お知らせ</a> </span> </li>みたいになったら良いですかね？ 確かにここ CSS でさくっとやろうとしても HTML 構造的に無理なので、こうしちゃったほうが良い気がします！
Who liked:Snow Monkey も body_class() 関数を使って body の部分に class を追加しているので、そこをカスタマイズしてあげればいいかなと思います。
add_filter( 'body_class', function( $class ) { global $post; $categories = get_the_category( $post->ID ); foreach ( $categories as $category ) { $class[] = "cat-" . $category->slug; } return $class; } );こんな感じなものをプラグインにすれば使いまわせるのでは
Who liked:
ただ、モバイル版でも表記させたくて、「モバイル版でもヘッダーコンテンツを表示する」にチェック
この機能は比較的単純なものだといいのですが、複雑になりそうなときや自由度の高い要素を入れたい場合は「モバイル版でもヘッダーコンテンツを表示する」にチェックはいれず、フックでハンバーガーメニューの隣にショートコード
[bogo]が表示されるようにmy-snow-monkey.phpに書いちゃいます。
今回だとこんな感じです。
add_action( 'get_template_part_template-parts/header/hamburger-btn', function( ) { ?> <div class="mobile_bogo"> <?php echo do_shortcode( '[bogo]' ); ?> </div> <?php } );これだけだと並びがおかしいので、CSSで少し調整します。
※適宜調整してください。
ul.bogo-language-switcher { /* 翻訳ボタンを横並びに */ display: flex; } /* 従来のハンバーガーメニューと一緒に横並びに */ .u-invisible-lg-up { display: flex; } /* bogoのボタンとハンバーガーメニューにマージン */ .mobile_bogo { margin-right: 1em; }ただ、PC版では背景色はないのですが、モバイル版だと背景色が入り、その分FVが下に下がってしまします。（本来は、FVに重なるようにロゴとハンバーガーメニューが表記されます）
これは、SnowMonkeyの仕様でしょうか。それともBogoの方でしょうか。cssで背景色を消せないか調整していますができない状態です。コンテンツ部分が下がってしまうように見えるので、これは、Snow Monkeyのスマートフォン表示時のヘッダーコンテンツを表示する部分が関係していると思います。
ここを無理やりCSSで調整するよりかは、上のような方法のほうがスマートだと思います。
お試しくださいませ。Who liked:
