ドロワーナビゲーション内の検索ボックスを一番上に持ってきたい。

0
いいねをした人: 居ません
10件の投稿を表示中 - 1 - 10件目 (全10件中)
  • 投稿者
    投稿
  • #143425
    徳本 奈穂子
    参加者
    30

    【お使いの Snow Monkey のバージョン】27.4.3
    【お使いの Snow Monkey Blocks のバージョン】22.3.2
    【お使いの Snow Monkey Editor のバージョン】10.1.0
    【お使いのブラウザ】Chrome
    【当該サイトのURL】

    ### 実現したいこと

    ドロワーナビゲーション内の検索ボックスを一番上に持ってきたい。

    ### 発生している問題

    「デザイン」でドロワーナビゲーション内に検索ボックスを表示することができますが、このボックスをナビゲーションの一番上に持ってくることは、簡単なカスタマイズで可能でしょうか?難しいでしょうか?

    ### 試したこと

    0
    いいねをした人: 居ません
    #143435
    アバター画像キタジマ タカシ
    参加者
    2473

    CSS を追加すればできるとは思いますが、後々のアップデートを考えるとちょっとリスクはあるかもしれません(アップデートで CSS に変更があった時に効かなくなる、崩れる)。

    一応あとで CSS 書いてみます!

    0
    いいねをした人: 居ません
    #143436
    徳本 奈穂子
    参加者
    30

    キタジマさん

    ありがとうございます!

    HTML上、上に持ってくることはやはり難しいでしょうか。
    ブラウザの読み上げ機能を使う際に(目の不自由な方を想定しています)、検索窓が最初に読まれるといいかなと考えたのですが・・・。

    0
    いいねをした人: 居ません
    #143439
    GONSY
    参加者
    846

    アクションフックを My Snow Monkey(my-snow-monkey.php)に記述すれば可能だと思います。
    ※ドロワー下部の検索窓(□ドロワーナビゲーション内に検索ボックスを表示する)は使用しません。

    add_action(
    	'snow_monkey_prepend_drawer_nav',
    	function() {
    		?>
    		<div class="drawer_search-form_top">
    			<?php \Framework\Helper::get_template_part( 'template-parts/common/search-form'); ?>
    		</div>
    		<?php
    	}
    );

     
    マージンなどは .drawer_search-form_top で調整してください。

    2
    いいねをした人:
    #143440
    アバター画像キタジマ タカシ
    参加者
    2473

    ブラウザの読み上げ機能を使う際に(目の不自由な方を想定しています)、検索窓が最初に読まれるといいかなと考えたのですが・・・。

    なるほどです。ちょっと機能としてもたせられないか検討してみます。

    アクションフックを My Snow Monkey(my-snow-monkey.php)に記述すれば可能だと思います。

    確かに現状だと CSS を使うよりこの方法が良さそうです。ありがとうございます!

    0
    いいねをした人: 居ません
    #143441
    アバター画像キタジマ タカシ
    参加者
    2473

    v27.5.0 で位置を設定できる機能を追加してみました。アップデートして触ってみてください!

    カスタマイザー → デザイン → ドロワーナビゲーション → ドロワーナビゲーションの位置

    1
    いいねをした人:
    #143453
    徳本 奈穂子
    参加者
    30

    GONSYさん、ありがとうございました!

    キタジマさん

    早速のご対応感謝します!ありがとうございます!
    私の環境では検索ボックスが右上のボタンの「MENU」にかぶってしまうのでCSSで調整しました。
    おそらく他の方の環境でもこうなるかと思いますのでCSSの調整をお願いできますでしょうか?

    0
    いいねをした人: 居ません
    #143455
    アバター画像キタジマ タカシ
    参加者
    2473

    この公式サイトも検索ボックスを上にしてみたのですが、同じように被っていますかね?

    0
    いいねをした人: 居ません
    #143478
    徳本 奈穂子
    参加者
    30

    かぶってないです!

    私の書いたCSSが何かとバッティングしてたのでしょうか…(一応見たのですが)

    その可能性が高いので、一旦クローズさせていただきますm(_ _)m

    ありがとうございました。

    1
    いいねをした人:
    #143480
    アバター画像キタジマ タカシ
    参加者
    2473

    可能性はあるかもです。URL が書き込み可能であれば僕もみてみますので、必要があれば書き込んでください!

    0
    いいねをした人: 居ません
10件の投稿を表示中 - 1 - 10件目 (全10件中)
  • トピック「ドロワーナビゲーション内の検索ボックスを一番上に持ってきたい。」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。