QueriesWebページのスタイルを指定するCSS3で追加された仕様で、表示される画面環境に応じて適用するスタイルを別個に指定することができます。Queriesが使われています。Queriesの機能が使われているからです。管理画面の〔外観〕-〔テーマ編集〕-〔編集するテーマの選択〕で、親テーマを指定して、いつものように、まずは親テーマのスタイルシートでメインサイドバーの幅がどのように設定されているか確認します。162px;}デフォルト162pxという指定が確認できました。私はデフォルトのまま、設定変更しませんが、ここでは例として202pxにしてみたいと思います。私のウェジェットの配置では、抜粋記事5件表示までの設定では凹みjませんでしたが、それ以上の記事を表示すると、メインサイドバーに何も表示されいない部分が、162pxに戻ってしまっていました。そのため、スタイルシートに以下のような記述を追加しました。子テーマの設定1結果2一見上手くいったように見えるのですが、ウィンドウのサイズを狭めてみると、設定変更前と、設定後では、大きな違いが出ています。ウィンドウを大きなサイズにしているときは分からないのですが、レスポンシブデザインですから、画面を小さくすると、記事一覧が最初に来て、下のほうにコンテンツサイドバーやメインサイドバーが回り込みます。このとき、これまでの設定では、以下のような違いが出ています。Queriesが無効化されてしまった設定変更前は、小さな画面用に、コンテントサイドバーとメインサイドバーが下側にまわり込み、自動的に適切なサイズになりましたが、設定変更後のメインバーは、固定サイズになってしまいました。Queriesが指定されている箇所だからなのです。ここでは、画面サイズの最小が1080pxのとき、〈画面サイズが1080pxよりも大きいとき〉の設定が記述されています。Queries機能が読み込まれません。試しに、子テーマに以下のように書いてみました。今度は、小さな画面には、指定サイズが反映されず、問題なく表示されました。メインサイドバーのサイズを変えるのなら、自分が変更したメインサイドバーのサイズに応じて、親テーマで指定されている、他の設定も適切な数値に変更していく必要があります。こちらは、パーセント指定一発で済むというものではなく、自分が設定したメインサイドバーのサイズによって、変更する値にも違いが出るので、コンテントサイドバーより、ちょっと面倒ですね。長くなりましたので、続きは次回。次からのシリーズでは、2つのサイドバーの見栄えを整えていきたいと思います。『BIOS/UEFI(EFI)』って何だ?関連コンテンツよろしくお願いします(*^_^*)訪問ありがとうございます。