- このトピックには11件の返信、2人の参加者があり、最後に
により6年、 1ヶ月前に更新されました。
-
投稿
-
SANGO というテーマでは、リンク先に決まった文字列を入れるとシェアボタンやドロワーメニューが開くという機能があるのですが、同じような機能をつくりたいなとは思っていました。例えばリンク先を #sm-search にすると検索窓がでてくるようにすれば、どこででも使えるので汎用的かなと。
ヘッダーだけでなくどこでも使えるようにすると、開いた検索窓などがどこに表示されるかは考えないといけないので、
の検索窓表示のようにオーバレイで表示する形が良いのかなと考えています。
ちょっと大工事になりそうな気がするので、v4.1.0 リリース後、その次のバージョンで取り込むようにしたいと思います。おまたせしてスミマセン！
いいねをした人: 居ませんキタジマさん、早速のご検討ありがとうございます！
>リンク先を #sm-search にすると検索窓がでてくるようにすれば、どこででも使えるので汎用的
おおお、それは素敵ですね！
オーバーレイも良さそうだなと思いました。開発いろいろ大変だと思うので、気長にお待ちしておりますね。
いいねをした人: 居ませんこちら試してみたのですが、「カスタマイズ＞メニュー」でリンクを追加仕様とすると「カスタムリンク」を使うことになると思うのですが、これを選ぶと、自動的に、冒頭にサイトドメインが追加されてしまって、うまく動きません…他に何か良い方法はありそうですか？
（お返事大変遅くなりスミマセン…）
いいねをした人: 居ません
うーん、なんでしょうね。カスタムリンクであっています。
上記のような感じで、このページのスマホフッター固定ナビに追加してみましたが、ちゃんと動いているようです。
#sm-overlay-search-boxではなく/sm-overlay-search-boxとかsm-overlay-search-boxとなると勝手に補完されるかもですが、正しく#sm-overlay-search-boxと入力していても補完されてしまう感じでしょうか…？いいねをした人: 居ませんあ、すみません！タグ自体をソース画面で確認したら、ちゃんと検索になっていました！
ただ、ブラウザ上でリンクをクリックしようとすると、ドメインが補完されてしまいます。
MacのChromeとSafari、Firefoxで確認しましたが、全部同じ挙動でした。
子テーマにも特にそういうような記述はしていないのですが（私の環境だけの問題なのかな……だとしたらお手を煩わせてすみません…）
いいねをした人: 居ませんあ、なるほどです。
そうですね、ブラウザ的にはドメインが補完されますが、僕の環境ではそれで特に問題が起こってないですね。↑で書かれている「検索」をクリックしても正しくオーバーレイの検索ボックスが表示されています。
うまく動かない、というのは、具体的にどのような挙動になりますでしょうか？
いいねをした人: 居ませんうーんなんでしょう…。検索←このリンクをクリックしても何も起こらないということですよね？僕の Mac では、Chrome、Safari、Firefox できちんと動作しています（Firefox はちょっとカクつきますが）。Android の Chrome でも動作することを確認しています。
ドメインが補完されること自体は CSS の仕様的に問題なさそうなので、別の問題だとは思うのですが…。
いいねをした人: 居ませんあ、キタジマさんのコメント内にあるリンクをクリックしたら、ちゃんとオーバーレイ検索ボックスが立ち上がりました！
う〜ん…私が作った子テーマの何かと、コンフリクトしてるのかもしれませんね…今度別のサイトをテスト的に作って、そちらで動くかどうか試してみます。
ありがとうございました。
いいねをした人: 居ません
- トピック「ヘッダーサブナビゲーション （PC）に検索エリア（またはボタン）を設置したい」には新しい返信をつけることはできません。