フォーラムへの返信
-
投稿者投稿
-
あ、これも下記と原因同じですね!
ウィンドウ幅いっぱいのデザインであったり、
.c-section__title
になったりするのは、ホームページの設定をおこなって、フロントページウィジェットエリアにウィジェットを配置し、テンプレートが「デフォルト」になっている場合の限られた挙動になります!♥ 0Who liked: No user「トップページのウィジェット」というのは、フロントページウィジェットエリアでしょうか?
「ホームページの設定」をせずに、トップページにウィジェットを設置した場合(多分そのときはアーカイブページ上部とかになると思います)、ウィンドウ幅いっぱいにならないのが標準の挙動となります。
ウィンドウ幅いっぱいにしたい場合は、ホームページの設定をおこなって、フロントページウィジェットエリアに配置してみてください。◎ホームページの設定
もしホームページの設定もすんでいて、フロントページウィジェットエリアに配置しているのにウィンドウ幅いっぱいにならない場合は、ホームページに割り当てているページの「テンプレート」が「デフォルト」ではなく「1カラム」等になっているのではないかと思います。ホームページの設定が済んでいる場合は、割り当てている固定ページの編集画面でテンプレートが何になっているか確認されてみてください。
♥ 0Who liked: No userスマホでこれが常に上に表示されており
うーん、そうですね、これはちょっと難しいかもです。フッター固定ナビゲーションのように、ページ下部に固定するのは別段難しくないのですが、ページ上部に固定する場合は、
- 管理バー(ログインしていると表示される黒いバー)に被ったり離れたりせずに同調して動くか
- ヘッダーが固定になっているのかスクロールするようになっているのか判定して同調して動くか
- コンテンツに、固定したものが被らないように調整
など、考えないといけないパターンが多くかなり難易度が高いんですよね…。
※お知らせバーのカスタマイズで4つリンクを貼れるようにする方法でも構いません。
現実的にはこちらかと思いますが、お知らせバーはページをスクロールすると一緒にスクロールされて、ページ上部に固定されません。そこは大丈夫でしょうか?
(ページ上部固定が必須ではないのであれば、お知らせバーじゃなくてオリジナルなデザインのものをヘッダー下に配置するとかは可能です。どういうデザインにするかは考えないといけませんが…)♥ 0Who liked: No userdivに変えたら
これはどういうふうに変更されましたか?
Elementor にそれほど詳しくないので外しているかもですが、僕が前述した、目次
は Elementor の「見出し」というパーツを入れた場合に反応するようになっています。もし「見出し」以外のパーツを入れて見出しっぽい装飾をしたとしても、それが見出しかどうかの判断は機械的にはできないので、
headings=".elementor-heading-title"
の部分をうまいこと調整して対応する必要があるかもしれません。♥ 0Who liked: No user目次、内部的にはショートコードを使っているのですが、Elementor で作成した固定ページに、テキストで次のショートコードを埋め込めば、Elementor の見出しにもとりあえず対応できそうです。よかったら試してみてください!
目次
このフォーラムの内容などを使うとFAQがつくれそうですね。とふと思いました。
ですねー、まとめたいとは思っているのですが、開発作業とのバランスがなかなか…^^;
♥ 0Who liked: No user原因がわかりました!
Snow Monkey の目次ウィジェット(と投稿に自動表示される目次)は、記事直下の見出しにしか反応しないようにしていたんでした!つまり、HTML 的にいうと、<div class="c-entry__content"> <h2>これには反応する</h2> <h2>これにも反応する</h2> </div>
ですが、
<div class="c-entry__content"> <div class="foo"> <h2>これには反応しない</h2> </div> <h2>これには反応する</h2> </div>
となるんです。なぜそうしているかというと、他のプラグイン等でショートコードやらを入れたときに、いわゆる「ページの見出し」の用途以外で h2 やらが使われていることが可能性としてあり、なんでもかんでも反応せさせてしまうと正しい目次構造が生成されないためそのようにしています。Elementor は見出しがいくつかのタグで囲まれて表示されるので反応しないということになります。
Elementor の場合は「見出し」というパーツがあるので、それには反応するようにしたほうが良いのかなと思いますが、ちょっと今すぐには対処法がわからないので、おいおい調査&可能であれば対応できればなと思います。
♥ 0Who liked: No userあれ、対応しているはずですが表示されませんかね?
例えば Snow Monkey のマニュアルは固定ページでつくっていますが、右カラムの追尾サイドバーに目次ウィジェットを設置しています。記事中に自動的に表示されるのは投稿だけですが、ウィジェットなら固定ページでも表示されるはずです。もしかしたら設置するウィジェットエリアによっては表示されないというバグがあるのかもしれませんので、もう一度ご確認頂いてどうしても表示されないのであれば、どのウィジェットエリアに設置されたのか教えていただければと思います。
♥ 0Who liked: No user解決できて良かったです!
♥ 0Who liked: No user.c-navbar__item > a > span { flex-direction: column; }
じゃなくて、
.p-global-nav .c-navbar__item > a > span { flex-direction: column; }
としてみてください><
♥ 0Who liked: No user実際のページの URL を教えていただくことは可能でしょうか?ちょっと実際のコードを見てみないとわからない感じでして…。表に出せないのでしたら、メール等でも構いませんのでご検討ください。
♥ 0Who liked: No userv3.6.2 からは、次のように書き換えてください!
<i class="fas fa-home"></i>ホーム
.c-navbar__item > a > span { flex-direction: column; } ↓ 下記は削除 .c-navbar__item > a > .label { display: block; }
♥ 0Who liked: No userv3.6.2 で対応いたしました!
若干メニュー部分の HTML と CSS が変更になっていますので、ご自身でカスタマイズされている場合は崩れたりしない確認されてください。いったんクローズします!♥ 0Who liked: No user今回のはニッチでそんなに記事情報としてはでてないのではと思います。僕の場合は記事より、すでにその機能があるテーマ(やプラグイン)のコードを直接見てみる、ということのほうが多いですね。
でもコードを読めるというのも向き不向きあると思いますし、僕が自分の想像外の提案をもらってなるほど!と思うのも、僕が実際に使う人の視点を持つことに向き不向きがあるということだと思うので、なんといいますか、みんなのお互いの得意な部分をあわせてより良くしていければ良いなぁと思います。
アップデート、しばしおまちを!
♥ 0Who liked: No userそうですね、これは「説明」に入れて反映されるようにしたほうがスマートな気がしますね。次回アップデートに取り込ませてもらいます!ご提案ありがとうございます。
♥ 0Who liked: No userあ、そうか、以前のトピックに関連するものですね。
v3.6 から、ハンバーガーボタンに「MENU(英語表記)」という文字が表示されるようになりました。そこが日本語表記に翻訳されないようにアップデートの過程で Snow Monkey の言語ファイルを触った気がしていて、子テーマ側を修正してもらったほうが良さそうです。
<div><?php esc_html_e( 'Menu', 'snow-monkey' ); ?></div>
を
<div>メニュー</div>
これでどうでしょうか?
♥ 0Who liked: No user -
投稿者投稿