つみかさね

一球一球のつみかさね 一打一打のつみかさね 一歩一歩のつみかさね 一坐一坐のつみかさね 一作一作のつみかさね 一念一念のつみかさね

スマホ対応ホームページの作り方

スマホ対応ホームページの作り方:初心者向けにわかりやすく解説
https://www.xserver.ne.jp/bizhp/how-to-make-a-home-page-sp/

スマホ対応のホームページとして
1.パソコン用とスマホ用を別々に作成する
2.パソコン用とスマホ用を共用する(レスポンシブデザイン)
のやり方がある。1項の方法は2倍の手間が掛かる。が最適化は細かく調整が出来る。ホームページビルダーなどにスマホ用のテンプレートが用意されているので、それを使うと無料で作成出来る。

2項目はWordPressを使ったホームページにプラグインを入れると簡単にパソコン用とスマホ用を共用サイトとして使うことが出来る。
jimdoのサイトなんかもパソコン用とスマホ用を共用サイトになっている。基本的にはこの2つの方法をどうやるかの問題で、無料でやるには面倒になってきていますね。力仕事で2つめのホームページを作ることも一案かなと思います。ChatGptにhtmlのコードを入れてスマホ用のコードを作れと命令する。(html、cssを作成させる)というのもありかな?これをルーチン化しておけば2倍の面倒さはないですね。

スマートにするにはWordPressを使ったホームページを作る。プラグインを入れる。が無料でスマートに出来るかな?

つづきパソピアWordPressに「WPtouch(WPタッチ)」プラグインをインストールしてみました。スマホで接続するとスマホ用、パソコンで接続するとパソコン用が表示されます。(特に意識しなくてもいい)

つづきパソピア
http://pasopia.velvet.jp/top/

WPtouchの使い方ーWordPressプラグイン【初心者向け】
https://magazine.techacademy.jp/magazine/4145

スマホ対応ホームページの作り方