「管理画面/デザイン/デザインテンプレート/レスポンシブデザインについて」の編集履歴(バックアップ)一覧はこちら
「管理画面/デザイン/デザインテンプレート/レスポンシブデザインについて」(2024/03/18 (月) 14:00:16) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
*レスポンシブデザインについて
レスポンシブデザインとは、PCやタブレット、スマートフォンなどの画面サイズに合わせてWebサイトのレイアウトを柔軟に調整し、表示中の画面サイズに合った最適な表示にするデザインのことを指します。
アットウィキではレスポンシブデザインをver3デザインやver3テンプレートといった表現をすることがあります。
#center(){
#blankimg(responsive_img1.png,width=350,height=321)
}
**レスポンシブデザインの設定方法
管理画面 &bold(){[デザイン]} → &bold(){[デザインテンプレート]} 画面より、「レスポンシブ」という名前を含むデザインを選択して保存します。
デザインの設定方法は下記リンクをご確認ください。
[[管理画面/デザイン/デザインテンプレート]]
**スマートフォンで閲覧時の違い
レスポンシブデザイン以外のWikiをスマートフォンなどで閲覧時、SPモードのURLにリダイレクトされますが、SPモードは一部プラグインが利用できなかったり、CSSカスタマイズ機能が利用できないなど、機能に制限があります。
レスポンシブデザインの場合、スマートフォンで閲覧時もリダイレクトされないため、機能に制限なく今までのSPモードではご利用いただけなかった機能をご利用いただけます。
(一部のプラグインでは、常にPCで閲覧している扱いとなります。)
&bold(){スマートフォンで閲覧時のver2デザインとレスポンシブ(ver3)デザインの比較}
#divclass(table_res){
||ver2デザイン|レスポンシブ(ver3)|
|編集|◯|◯|
|かんたんプラグイン|-|◯|
|CSSカスタマイズ|-|◯|
|Amazonアフィリエイト表示|-|◯|
|URL|PC表示と異なる|PC表示と同じ|
}
&link_parent(text=[デザインテンプレート]ガイド一覧に戻る)
**UIkitとBootstrapの違い
ベースとなるCSSとJavascriptが違います。見た目の違いはほぼありません。
初心者の方やカスタムCSSを利用する予定のないWikiでは、UIkitデザインを選ぶことをおすすめします。
*レスポンシブデザインについて
レスポンシブデザインとは、PCやタブレット、スマートフォンなどの画面サイズに合わせてWebサイトのレイアウトを柔軟に調整し、表示中の画面サイズに合った最適な表示にするデザインのことを指します。
アットウィキではレスポンシブデザインをver3デザインやver3テンプレートといった表現をすることがあります。
#center(){
#blankimg(responsive_img1.png,width=350,height=321)
}
**レスポンシブデザインの設定方法
管理画面 &bold(){[デザイン]} → &bold(){[デザインテンプレート]} 画面より、「レスポンシブ」という名前を含むデザインを選択して保存します。
デザインの設定方法は下記リンクをご確認ください。
[[管理画面/デザイン/デザインテンプレート]]
**スマートフォンで閲覧時の違い
レスポンシブデザイン以外のWikiをスマートフォンなどで閲覧時、SPモードにて表示されます。SPモードは一部プラグインが利用できなかったり、CSSカスタマイズ機能が利用できないなど、機能に制限があります。
レスポンシブデザインの場合、スマートフォンで閲覧時、SPモードにて表示されないため、機能に制限なく今までのSPモードではご利用いただけなかった機能をご利用いただけます。
(一部のプラグインでは、常にPCで閲覧している扱いとなります。)
&bold(){スマートフォンで閲覧時のver2デザインとレスポンシブ(ver3)デザインの比較}
#divclass(table_res){
||ver2デザイン|レスポンシブ(ver3)|
|編集|◯|◯|
|かんたんプラグイン|-|◯|
|CSSカスタマイズ|-|◯|
|Javascriptの利用|-|◯|
|Amazonアフィリエイト表示|-|◯|
}
&link_parent(text=[デザインテンプレート]ガイド一覧に戻る)
**UIkitとBootstrapの違い
ベースとなるCSSとJavascriptが違います。見た目の違いはほぼありません。
初心者の方やカスタムCSSを利用する予定のないWikiでは、UIkitデザインを選ぶことをおすすめします。
表示オプション
横に並べて表示:
変化行の前後のみ表示: