【レスポンシブウェブデザイン用】Nishiki / Nishiki Pro テーマのブレークポイント設定について

WordPress テーマ Nishiki / Nishiki Pro では、PC、タブレット、スマートフォンなど、様々な端末からウェブサイトを閲覧した際に、表示が崩れることがないよう「レスポンシブウェブデザイン」に対応するため「ブレークポイント」がそれぞれ設定されています。

子テーマを作ってカスタマイズしたい場合などにご参考ください。

ブレークポイントの設定

ブレークポイント	用途
1001px 以上	PC設定（ワイドモニターのサイズ）
0px - 1000px	スマートフォン、タブレット、PC（ノートPCなどのモニターのサイズ）共通設定
769px - 1000px	PC設定（ノートPCなどのモニターのサイズ）
0px - 768px	スマートフォン、タブレット共通設定
481px - 768px	タブレット設定
0px - 480px	スマートフォン設定

ブレークポイント	用途
1001px 以上	PC設定（ワイドモニターのサイズ）
0px - 1000px	スマートフォン、タブレット、PC（ノートPCなどのモニターのサイズ）共通設定
769px - 1000px	PC設定（ノートPCなどのモニターのサイズ）
0px - 768px	スマートフォン、タブレット共通設定
681px - 768px	タブレット設定
0px - 680px	スマートフォン設定