フォーラム掲示板について

以下の目的、注意点などご確認いただき、ご使用ください。

目的
Connect-CMSのユーザやConnect-CMSに興味のある方同士で自由に意見交換できる場を提供する目的で、コミュニティ掲示板として提供しています。
投稿方法
このサイトにユーザー登録することで、投稿することができます。
投稿内容
投稿内容は公開されます。
Connect-CMSに無関係な内容が記載されたと判断した場合、削除することがあります。
バグ情報
バグ(不具合)はGithub のIssues(https://github.com/opensource-workshop/connect-cms/issues)に記載していただくと、開発者に伝わりやすくなります。
また、セキュリティなど重大な事象の場合は、お問い合わせページよりお知らせください。優先的に調査いたします。
また、貢献ガイド(https://connect-cms.jp/abount/contributions)も参照をお願いします。
ユーザ登録
当サイトへのユーザ登録は以下のお問い合わせフォームよりお願いいたします。
https://connect-cms.jp/contact

フォーラムでのサポート範囲

当フォーラムでは、Connect-CMSのトラブルなどの相談も記載いただけますが、作業を肩代わりするものではありません。
作業の依頼は、株式会社オープンソース・ワークショップの調査メニューなどをご検討ください。
https://opensource-workshop.jp/service/rescue

フォーラム掲示板

レスポンシブデザインの動作について

2023年4月5日 20時04分 [Toshi]

ConnectCMSはレスポンシブデザインが採用されていて、PCとスマホで表示方法が自動的に変化すると思いますが、詳細についてお教え頂けませんか?

(1)デザイン切替タイミング
   画面幅がどの程度狭くなったら変化するのか?
   2段階か、3段階か?

(2)スマホ表示になった時に、トップ、左サイド、中央、右サイド、ボトムが、どの順番で表示されるのか?

(3)ハンバーガーメニューの表示タイミングと表示内容は?

(4)例えばトップだけは、スマホ表示の時には非表示にする等が可能か?

マニュアルを探したのですが上記の内容が見つけれれませんでしたので質問させて頂きます。
宜しくお願い致します。

 

(更新:2023年4月7日 13時02分)
スレッドの記事一覧
レスポンシブデザインの動作について
2023-04-05 [Toshi]

ConnectCMSはレスポンシブデザインが採用されていて、PCとスマホで表示方法が自動的に変化すると思いますが、詳細についてお教え頂けませんか?

(1)デザイン切替タイミング
   画面幅がどの程度狭くなったら変化するのか?
   2段階か、3段階か?

(2)スマホ表示になった時に、トップ、左サイド、中央、右サイド、ボトムが、どの順番で表示されるのか?

(3)ハンバーガーメニューの表示タイミングと表示内容は?

(4)例えばトップだけは、スマホ表示の時には非表示にする等が可能か?

マニュアルを探したのですが上記の内容が見つけれれませんでしたので質問させて頂きます。
宜しくお願い致します。

 

Toshiさん、こんにちは。
永原です。

> (1)デザイン切替タイミング
>    画面幅がどの程度狭くなったら変化するのか?
>    2段階か、3段階か?

Connect-CMS はBootstrap4 を使っています。
そのため、以下のページを見ていただければよいかなと思います。
https://getbootstrap.jp/docs/4.4/layout/overview/

Extra smallからExtra largeまでの5段階です。

> (2)スマホ表示になった時に、トップ、左サイド、中央、右サイド、ボトムが、どの順番で表示されるのか?

トップ、中央、左サイド、右サイド、フッターの順ですね。

> (3)ハンバーガーメニューの表示タイミングと表示内容は?

Small 以下ですね。
表示内容はページ管理で表示にしているものです。

> (4)例えばトップだけは、スマホ表示の時には非表示にする等が可能か?

メニューからトップを消すということでしょうか?
ページ設定でトップページのメニュー表示をOFFにしたらどうなるんだろう。
ぜひ試して、皆にも情報共有してください。

ページ管理関係のマニュアルは以下です。
https://manual.connect-cms.jp/manage/page/index.html

以上、失礼いたします。