3件の投稿を表示中 - 1 - 3件目 (全3件中)
-
投稿者投稿
-
2021年11月18日 11:45 PM #92210
【お使いの Snow Monkey のバージョン】バージョン: 15.15.0
【お使いの Snow Monkey Blocks のバージョン】バージョン 13.2.1
【お使いの Snow Monkey Editor のバージョン】バージョン 6.2.1
【お使いのブラウザ】Google Chrome
【当該サイトのURL】-### 実現したいこと
p-drop-navの左に、ヘッダー右上に配置したロゴとは違うロゴ(色違いのロゴ)を表示させたい。
### 発生している問題
my snow monkeyに以下codeを貼り付け、ロゴは表示されるようになっているのですが、
ヘッダーと
.p-drop-nav
で色違いのロゴを表示させたいです。(ヘッダーには白いロゴ、ドロップナビには青いロゴを表示させたい)
### 試したこと
my snow monkeyに以下codeを貼り付け、ロゴを表示させている状態です。
add_filter( 'snow_monkey_template_part_render', function( $html, $slug ) { if ( 'template-parts/nav/drop' === $slug ) { ob_start(); \Framework\Helper::get_template_part( 'template-parts/header/site-branding' ); $site_branding = ob_get_clean(); $search = '|(<li class="menu-item)|m'; $replace = sprintf( '<li class="c-navbar__item">%1$s</li>', $site_branding ); return preg_replace( $search, $replace . '$1', $html, 1 ); } return $html; }, 10, 2 );
お忙しい中、大変申し訳ございません。
何卒、御助言のほど、よろしくお願い申し上げます。ひげガール
♥ 0いいねをした人: 居ません2021年11月20日 4:45 PM #92319\Framework\Helper::get_template_part( 'template-parts/header/site-branding' );
だとデフォルトのロゴが呼び出されるので、ここを独自にコーディングしちゃっうのが一番簡単ではないですかね?add_filter( 'snow_monkey_template_part_render', function( $html, $slug ) { if ( 'template-parts/nav/drop' === $slug ) { ob_start(); ?> <div class="my-drop-nav-logo"> <img src="..." alt="..." /> </div> <?php $site_branding = ob_get_clean(); $search = '|(<li class="menu-item)|m'; $replace = sprintf( '<li class="c-navbar__item">%1$s</li>', $site_branding ); return preg_replace( $search, $replace . '$1', $html, 1 ); } return $html; }, 10, 2 );
のようにして、
.my-drop-nav-logo
にスタイルをあてて調整するという感じで。♥ 0いいねをした人: 居ません2021年11月20日 9:41 PM #92326 -
投稿者投稿
3件の投稿を表示中 - 1 - 3件目 (全3件中)
- トピック「p-drop-navとヘッダーで異なる(色違いの)ロゴを表示させたい」には新しい返信をつけることはできません。