フォーラムへの返信
-
PC 用のグローバルナビゲーションの表示が不要（つまり、グローバルメニューは常にハンバーガーボタンとして表示したい）場合は、ヘッダーのレイアウトを「シンプル」にすれば良いです。
今回のように PC 用のグローバルナビゲーションも表示しつつ、ハンバーガーボタンも表示したいという場合は、まーちゅうさんが書いてくれたように CSS で何とかするか、ハッシュナビ機能を使う方法もあります。
#sm-drawerというリンク先を設定したリンクをクリックすると、ドロワーナビゲーション（メニューを設定しておく必要があります）が開閉します。解決済みの場合は、トピックのクローズをお願いします！
Who liked:あまりスマートではありませんが、一応こんな感じで、できはしました。
「ドットを表示」でドットを出した上で、render_block_フックでドットを任意の画像に置換させています。add_filter( 'render_block_snow-monkey-blocks/spider-contents-slider', function ( $block_content ) { $p = new \WP_HTML_Tag_Processor( $block_content ); if ( $p->next_tag() ) { // 追加 CSS クラスに「smb-contents-slider-1」を入力したブロックが対象 if ( $p->has_class( 'smb-contents-slider-1' ) ) { // サムネイル用の CSS を適用 if ( $p->next_tag( array( 'class_name' => 'spider__dots' ) ) ) { $p->set_attribute( 'data-thumbnails', 'true' ); $block_content = $p->get_updated_html(); } // 1個目のドットを書き換え $block_content = preg_replace( '|<button(.*?)data-id="0"(.*?)>(.*?)</button>|s', '<button$1data-id="0"$2><img src="https://placehold.jp/100x100.jpg" alt="0" /></button>', $block_content ); // 2個目のドットを書き換え $block_content = preg_replace( '|<button(.*?)data-id="1"(.*?)>(.*?)</button>|s', '<button$1data-id="1"$2><img src="https://placehold.jp/100x100.jpg" alt="1" /></button>', $block_content ); } } return $block_content; } );Who liked:.smb-step__item__numberがoverflow: hiddenだからですかね？これ確認されましたか？
一応、僕の環境ではこんな感じで丸の上側に「point」と表示できました。.smb-step__item__number { overflow: visible; } .smb-step__item__number::after { position: absolute; inset: auto auto 100%; content: 'point'; color: red; }ステップブロックをカスタマイズしても実現できない場合、ステップブロック以外でやる場合は、
– カスタム HTML ブロックを使ってコーディングする
– グリッドブロック、フレックスブロック、グループブロックに追加 CSS クラスを設定して CSS で頑張る
– 独自ブロックを作るが基本的なやり方かなと思います。
—
あと、バージョン情報が未記入だったので、次回からは記載をお願いします。同じ問題に直面した人が見たときの助けになりますので。
Who liked:
