フォーラムへの返信
-
投稿者投稿
-
シェフキーマスター
こんばんは!はじめまして:)
文字の色ですが、以下のコードを外観→カスタマイズ→追加CSSの部分に追加すれば文字が黒くなります。#twitter-follow-section { color: #000; }
これは取り急ぎということでご共有しますが、さらに使いやすくするために色を細かく設定する項目を追加しますね。
その時はアナウンスさせていただきます。
追記:アップデートしました!シェフキーマスターこんにちは!
一覧表示の件、見逃してました。。
ご指摘ありがとうございます、修正完了しましたので更新お願いします:)シェフキーマスターこんばんは!
テーマが成長するきっかけになったので、大丈夫ですよ〜!
また何かあれば書き込んでください:)シェフキーマスターはじめまして!
嬉しいお言葉ありがとうございます:)
カスタム投稿タイプ名称変更の件、やってみますね!
どういう形にするかちょっと考えてみますが、なるべく使いやすい形を目指します。シェフキーマスターいえいえ、お役に立てて良かったです:)
シェフキーマスター追記です。
対処法がわかりました。
規則性がわからないと言いましたが、今プレビューしている画面で編集可能なウィジェットエリアがテーマカスタマイザーのウィジェット項目に表示される仕様だとわかりました。
(テーマカスタマイザーで編集したことがなかったため、恥ずかしながら今理解しました…苦笑)
ということで、スマホ画面をライブプレビューすることでスマホのヘッダー(スマホ)を編集可能です。
また、スマホからアクセスするか、パソコン上でスマホの画面を表示することで確実に編集できるので、ぜひお試しください。シェフキーマスターなるほど、理解しました。
管理サイトを見たところ、テーマカスタマイザーに表示されるウィジェットエリアは、規則性はわからないものの特定のエリアが表示されるわけではないようなので、ウィジェットアイテムを空にしたり、適当なものを追加したりすることで、テーマカスタマイザーに希望のウィジェットエリアを表示することができると思います。
表示するウィジェットエリアをコントロールする方法については、WordPressのコアファイルを見て考えてみますが、お役に立てるかどうかわからないので、4月1日に間に合わせるには先ほどのやり方を試した方が良いかもしれません。シェフキーマスターこんにちは!
カスタマイザーのウィジェット項目はテーマ側で任意のウィジェットエリアを設定する仕様ではないので、WordPressのコアファイル側?で設定されていると思います。
(つまり、4536の仕様ではありません)
ちなみに、カスタマイザーの予約機能とはどの機能のことを指しているのでしょうか?シェフキーマスター※原因が判明し、Windows環境でのヘッダー下メニューの表示を最適化しました。
ご共有いただきありがとうございました!シェフキーマスターヘッダー下メニューのやりとりは「不具合報告」のトピックへ移動しました。
※現在は表示が最適化されております。シェフキーマスターこんにちは!
スクショありがとうございます!完全にスクロールの表示がおかしくなってますね。4536のデモサイトがこのように見えているということは本当にどこに原因があるのか。。
というのも、レスポンシブデザインなので、スマホとパソコンとでHTMLやCSSが同じなんですよね。ですので、スマホの時は問題ないけどパソコンの時はおかしな表示になる…というのがちょっとわからない部分ですね。(表示がおかしいのパソコン表示時だけですよね?)
また、PCのメニューをタイトル横にした時との違いが「左右にスクロールする丸いボタンの有無」なので、それが悪さをしているか。
またまた、スクロールバーの以下のCSSが悪さをしているか。(Windowsだと…みたいな話は聞いたことはありませんが。。).scroll-left { overflow-x: scroll;/* これが原因? */ }
Windowsは確認できていませんが、Mac、Androidスマホ、iPhoneはすべて以下のように動作しています。
画像も合わせて。
(ななさんは、スマホやタブレットはお持ちでしょうか?そのデバイスと同じような動作です)
ヘッダー下メニューの仕様としては、メニューの幅が画面幅より長いと(つまりメニューの数が多いと)、左右にスクロールできるボタンが表示され、画面幅より短いとボタンの要素を削除するといったところです。
これは、Amazonのサイトを参考に設計しており、パソコン表示時のユーザビリティ向上が主な目的です。シェフキーマスターこんにちは!
色々とご対応いただきありがとうございます、とっても助かります!
今のところ、こちらでも原因は把握できていないのですが、他にも同様の事象を確認している方がいるかどうかは確かに気になりますね。。
ChromeかIEかのようなブラウザ別の違いであればわかるんですが、MacかWindowsかで表示が変わるというのは初めて聞くので、ちょっと困惑してます。
ご共有いただいた画像を見る限りだと、おそらく「メニューのスクロール」が変に表示されているんですが、HTMLの構成に問題なく、IEに対応していないCSSを使っているわけでもないので、手がかりがない状態ですね。。
ちなみに、IEの7〜11を含め別ブラウザでどう見えているかを確認してみたんですが、こちらも問題ありませんでした。もしよろしければですが、以下の点がどうなっているか改めてお聞きしたいです。
- パソコン表示時でメニューがヘッダー下にある時だけスクロールバーのようなものが表示されるのでしょうか?
- スマホ表示時は問題ないでしょうか?
- メニューの数は関係ないでしょうか?
- スクロールバーのようなものはChromeの検証だとどんな要素になっているでしょうか?あるCSSを消すと正常に表示されたりするでしょうか?
シェフキーマスターこんばんは!
スクショ、お手数おかけして申し訳ありません。。
画像確認しましたが、これは…何でしょうか。確かに、CSSが適用される前の無骨なスクロールバーみたいで、不格好ですね…(苦笑)私の環境ではこのように見えているのですが。。
▼スクショ1▼
▼スクショ2▼
私はMacを使っていて、Chrome、Safari、Firefoxなどの主要なブラウザではすべて正常に表示されています。
考えられることしては、閲覧環境の違いか(これはテーマ側に原因がありますが)、何かのプラグインと干渉しているか、何かしらのカスタマイズと干渉しているか…のどれかでしょうか。
JSファイルが上手く動作していない可能性も考えたんですが、デザインがまるっきり違うんですよね。。
後は、Windows&インターネットエクスプローラーのような組み合わせだと普段検証できていないので、そこら辺の可能性も考えられますね。
同じデザインを再現できれば原因がわかると思うんですが…何かヒントみたいなものはありますか??シェフキーマスターこんにちは!
スクショありがとうございます!
画像見ましたが、これは初めて見ますね。何かしらの不具合かもしれませんが、少なくとも4536の仕様ではありません。
(デモサイトのメニューをヘッダー下にしてみたので、一度ご覧いただければと思います)
固定ページを表示している時にこの白っぽいバーが表示されるのでしょうか?
左側に再生ボタン?のようなものが見えているのが少し気になります。
Google Chromeなどの開発モードで何の要素か、どんなクラス名がついているのか、などを見たいのですが、そのスクショの撮影は可能でしょうか?シェフキーマスターこんにちは!
【ヘッダー下メニュー】
すみません、スクロールバーのようなものが何かがよくわかっていないんですが、推測で書きます。- それが本当にスクロールバーであれば、4536の仕様ではないのでわかりかねます。
- メニューがアクティブな状態になっている時(そのページが開かれている時)に文字がグレーになり、文字の下にだけボーダーラインが表示されるのであれば、それは4536の仕様です。アクティブな状態であることがわかるようにそういうデザインにしています。
- メニューの中に固定ページがあり、その固定ページを開いた場合にアクティブになっているメニューのレイアウトが崩れる場合、これは最新のアップデートでCSSを変更したのが原因ですべてのメニューのデザインに影響していたので次回アップデートで修正します。(タイミング的にこれでしょうか?)
【2列デザインについて】
コメント欄の方に解除用のCSS追加したので次回アップデートで修正されます。【検索窓】
テーマカスタマイザー(外観→カスタマイズ)の検索項目に表示の切り替えチェックボックスを追加させていただきました。 -
投稿者投稿