「コンテナー(コンテナ)」の使用例【Snow Monkey Blocks】

「コンテナー(コンテナ)」の使用例【Snow Monkey Blocks】

私が2022年3月に、Snow Monkey Blocks 15.0.1でコンテナの幅を試した記録です。2026年11月に、スリム幅を常に46remとする説明を見直しました。

私は幅を指定したコンテナとスリム幅のコンテナを並べました。見本は元の設定を残しています。

以下は2022年当時の環境です。

  • Snow Monkey Block Version 15.0.1
更新日:2022年3月21日

設定画面は当時のものです。2026年11月の編集画面を撮り直したものではありません。

見本

幅375pxのコンテナ
(分かりやすいようにボックスを追加)

設定

画面は2022年当時のものです。
コンテンツの最大幅

この見本では375pxを指定しました。現行版にもcontentsMaxWidth属性があります。

コンテンツの幅をスリム幅にする

現行の保存処理は、スリム幅の条件に応じてu-slim-widthを付けます。幅の実寸はテーマ等のスタイルに依存するため、この設定だけで46remになるとは限りません。

コンテナーの使用例

コンテナ→スリム幅+ボックス

スリム幅

設定先で幅を確認する

私は適用先で、幅を数値指定した例とスリム幅の例をそれぞれ確認します。画面サイズを変えたときの表示も、実際に使うテーマで確認する前提です。

説明の根拠はコンテナの保存処理とブロックのスタイルです。現行の編集画面やこのサイトでの実寸は未確認です。

この記事を書いた人

山崎 大祐

大阪出身。千葉県松戸市在住。2児の父です。WordPressの構築を60サイト超えました。営業経験を生かしたSEMを得意としております。(企画/デザイン/構築/運営)
すきなもの「赤色・キューブ・コンクリート」