趣味のレトログッズいろいろ別館サイト30代半ば、ごく普通の主婦の妊娠&出産&育児日記です。Life」は見る端末によってレイアウトが変化し、ストレスなく閲覧できるレスポンシブデザインのテンプレートを使って作成しているのですが、以前から運営している別館サイトはPC閲覧オンリーを想定して作ったので、スマホでアクセスすると使用感に難点があります。最近はインターネット利用者の半分以上がモバイル端末からアクセスするのだそうで、私の所有サイトに至っては8割以上がモバイル端末からの閲覧です。́д`)トホホ...PCサイトとスマホサイトのレイアウトの違い上の画像がPCサイトのレイアウトの一例です。PCサイトは横幅を広く使えるため、画面の左右どちらかにメニューバーや広告スペースを配置し、反対側に本文スペースを取る2分割形式のレイアウトが一般的です。スマホ対応していないサイトだと、この形がそのままスマホ画面に縮小されて表示されるので見ずらく、リンクをクリックするのも一苦労です。こちらはスマホサイトレイアウトの一例です。スマホの画面の形状に合わせて縦長なレイアウトが基本です。リンクのボタンはタッチしやすいよう大きめに設定します。ページ上部のメニューが邪魔で一見して本文が見えないレイアウトは閲覧者に不親切なので、この部分のメニューはタッチすると縦に展開するなどの工夫をして設置します。どのようにスマホサイトに移行するか今の状態からスマホサイトを作る場合、2パターンのやり方があります。レスポンシブデザインに移行する前述のとおり、レスポンシブに対応しているデザインのサイトを自作orテンプレートを使って、PCサイトのデザインごと作り変えてしまうという方法です。一度設定すればあとは閲覧環境により自動的に表示レイアウトを変えてくれるため、その後の管理は楽になります。スマホ用サイトを別に作り、利用端末によって振り分けるこちらはスマホ用サイトを別に作り、見る端末によってどちらを表示させるかの振り分け設定を行う、という手法です。この場合、更新のたびにPC用・スマホ用のページを両方いじる必要があるので、管理が面倒だという難点がありますが、PC用サイトのデザインはいじらずそのままにできるのがメリットです。悩みましたが、試行錯誤しつつ作った今のPCサイトをなるべくそのまま活かしたい思いがあり、私の素人知識と技術では今のサイトのデザインを活かしつつレスポンシブ化をすることができないので、前者の方法は諦めました(;^ω^)スマホサイトはテンプレートを使いましたさすがに1からデザインを考えるのは面倒だったので、こちらの「TempNate」さんご提供のスマホサイトの無料テンプレートを利用させていただくことにしました。管理人は作成ソフトを持っていないため、地道に手打ちのテキストエディタで移行をがんばっております。...長い長~い現実逃避からやっと覚醒(;^ω^)前回記事を投稿したのが2月9日。半月以上放置しておりました。...ブログのSSL化。...ブログのSSL化。混在コンテンツ状態の解消法その2引き続き混在コンテンツの解消法です。...ブログのSSL化。混在コンテンツ状態の解消法完結編いよいよ、混在コンテンツ解消法完結編です。...サイトのSSL化。広告が非表示になる場合の対策さて、ブログのSSL化の話題も佳境に入ってきました。...皆さまへ大事なお知らせ大変ご無沙汰しております♪まあなんとか、現在のところ元気にしております。...”薬屋のひとりごと”読んでます(*^_^*)今回はこのブログ初の書籍の感想。...PREV2人目(以降)妊活ならではの難しさNEXT妊娠3か月目~つわりで悩む時期でした。POST変則バージョンのこえだちゃん人形その7引き続き、ちょっと変り種なこえだちゃん&仲間たちのお人形のご紹介。...皆さまへ大事なお知らせ大変ご無沙汰しております♪まあなんとか、現在のところ元気にしております。...ちこちゃんのお人形*昭和のこえだちゃんシリーズ前回の更新からだいぶ間隔があいてしまいました。