ハンバーガーボタンクリック後のブロック編集 twenry-four

  • 解決済 uichiro

    (@uichiro)


    1ヶ月、 2週前

    Twenty twenty-fourテーマを使った参考書で勉強中です。

    外観->エディター->パターンの、ヘッダーを選びます。幅をモバイル幅にしてハンバーガーボタンを押してモバイル用ナビを表示します。
    ヤりたい事は、［✕］ボタンの左にロゴ画像のブロックを追加したり（①）、［✕］ボタンをオリジナルの画像またはCSSで編集したい（②）のですが、どのメニュー、どちらのCSSファイル?から編集できますでしょうか？よろしくお願いします。

    WPバージョン: 6.9
    PHP: 8.2

    後すみませんが、この下↓に画像ブロックを落として、実際の画面キャプチャーを貼りたかったのですが。”Insert from URL”に、Googleドライブへ皆さんも共有できる画像のURLを貼り付けたのですが、表示できてないようです。
    別のやり方があるのでしょうか。教えていただけないでしょうか。
    すごく初心者で申し訳ないです。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • モデレーター 瀬戸内ことり (Setouchi Kotori)

    (@setouchikotori)

    1ヶ月、 2週前

    画像共有はこちらを参考になさってください。

    https://setouchi-kotori.com/how-to-use-imgur/

    トピック投稿者 uichiro

    (@uichiro)

    1ヶ月、 2週前

    ありがとうございます！
    下に貼り付けることができました！

    View post on imgur.com
    モデレーター まーちゅう

    (@rocketmartue)

    1ヶ月、 2週前

    こんにちは。

    ハンバーガーメニューの実装は、WordPress 本体の wp-includes/blocks/navigation.php で実装されていますので、✕ ボタンのSVGをオリジナルで編集するには、以下のようなフィルターフックを使用したカスタマイズのコードが必要になります。

    add_filter('render_block_core/navigation', 'my_custom_navigation', 10, 2);
function my_custom_navigation($block_content, $block) {
    // コアが生成したHTMLをフックで変更
    return $block_content;
}
    トピック投稿者 uichiro

    (@uichiro)

    1ヶ月、 1週前

    @rocketmartue @setouchikotori 返信が遅くなり申し訳ありません。

    ご助言誠にありがとうございますm(_ _)m
    render_block_core/navigation で検索すると英語の情報がほとんどみたのようで､Twenty four の本やサイトが見つかれば有難いのですが。ﾄﾗｲ&ｴﾗｰ でやってみたいと思います。

    トピック投稿者 uichiro

    (@uichiro)

    2週、 4日前

    解決しました！フィルターフックとは、わかりやすい仕組みですね。

    モデレーター まーちゅう

    (@rocketmartue)

    2週、 4日前

    解決されたようでよかったです。

    具体的にどのように解決されたのかをぜひ情報を共有してください。
    他のフォーラム参加者の参考になります。

6件の返信を表示中 - 1 - 6件目 (全6件中)

このトピックに返信するにはログインが必要です。