ホームページビルダーWordPressテンプレートの使い方 スマホ向けレスポンシブデザインをやめる

ホームページビルダーのワードプレス・テンプレートの使い方の応用です。テンプレートはレスポンシブ・デザインとなっており、パソコン向けのページを作成すれば、その同じページがスマホ上ではスマホの大きさに適した表示方法に切り替わります。

レスポンシブ・デザインはいらないので、パソコンと同じ画面をスマホでも表示したいとのご要望をいただきました。

ワードプレス・テンプレートで使われている、css media queries あたりを改造することになりました。

ホームページビルダー スマホ レスポンシブ デザイン

 

その結果が左の画面です。スマホの画面の大きさでもパソコンでの表示方法となっています。右は、オリジナルのテンプレートでの表示です。

レスポンシブ デザイン ホームページビルダー・テンプレートの使い方

ホームページビルダー ワードプレス テンプレートはレスポンシブ デザインになっています。スマホ向けのページを別にサクセイスルことなく、パソコンで見ればパソコン向け、スマホで見ればスマホ向けの表示になります。 以下は他のワードプレスサイト(パソコン教室横浜.net)のスマホでの画面表示例です。本サイト ホームページビルダー.net も同様にスマホ対応になっています。特別な使い方を覚える必要はありません。

パソコン教室横浜 ホームページ