テーマ(テンプレート)を更新しました!!

テーマ(テンプレート)を更新しました!!

今回は、ブログのテーマを更新したご案内。

この5~6年で一気に入れ替わったのが、ブログへアクセスする端末の種類。

ブログを書き始めた十数年前は、殆どのアクセスがパソコンからだったものの、近年はスマホからのアクセスが7~8割を超える程に。

現在の比率
スマホからのアクセス

一応、このブログもレスポンシブで作成してあるので、スマホの閲覧には対応しているものの、基本的にPCからしか弄っておらず…。

なので、スマホ側も読みやすいよう、テーマ(テンプレート)の一部を更新しておきました。

※本来なら一から作り直して、不要なコード等を極力抑えて書きたかったのですが、時間が取れないのでマイナーチェンジとして。

テーマ(テンプレート)更新点

一応、今回の大きな変更点としては、スマホ側から閲覧した際の記事リストを、以前のリスト形式からカード形式(風)に変更。

PCからの閲覧は、以前のようにリスト形式のままですが、タイトルの文字色を読みやすく黒っぽい色へと変えておきました。

※今まではPCに合わせてリスト形式仕様にしていましたが、タイトルや写真を見やすくしたかったので、7~8年ぶりにカード仕様へと戻してみました。

スマホ表示
スマホ表示

PC表示
PC表示

殆どは記事への直アクセスだと思うので、記事リストを見て頂ける機会は少ないのかも知れませんが、文中のブログカード(参照記事)を含め、スマホ側に比重を置いて読みやすくしたつもりです。

その他に、文字色やフォントサイズ、行間・字間といった具合に、細かい部分を微調整してあります。

スマホのキャッシュクリア方法

各部を微調整している際、スマホのブラウザキャッシュが残っていたりと面倒だったので、キャッシュ消去の方法も載せておきます。

※PCからの場合はスーパーリロードで簡単ですが、スマホの場合は少し手間が掛かりますね。

iPhone(Chrome)の場合

  1. Google Chromeを開く
  2. 画面右下の『…』をタップ
  3. 『履歴』から『閲覧データを削除』をタップ
  4. 『閲覧履歴を削除』をタップ

iPhone(Safari)の場合

  1. ホーム画面の『設定』から『Safari』をタップ
  2. 『履歴とWebサイトデータを消去』をタップし消去

Android(Chrome)の場合

  1. Google Chromeを開く
  2. 画面右上の『…』をタップ
  3. 『履歴』から『閲覧データを削除』をタップ
  4. 『キャッシュされた画像とファイル』をチェック
  5. 『閲覧履歴を削除』をタップ

記事を読んだりブログを眺めている際、デザインやレイアウトが崩れた場合は、キャッシュクリアをお試し下さい。

テーマを更新・まとめ

なかなか時間が取れず、今回はマイナーチェンジとなってしまったものの、スマホの閲覧を意識してテーマ(テンプレート)を更新してみました。

2000年頃からホームページを作っていますが、スマホからのアクセスが8割という事実にビックリします。

※スマホが出始めた当初、ガラケーサイトとは別にスマホ用のプラグインでも入れておけば良いかという程度でしたが、PCからの閲覧と一気に逆転しましたね。

また、時間が取れた時にでも、不要な部分をこそぎ落とし、一から作り直してみたいと思っていますが、とりあえず今回はマイナーチェンジのご報告と言う事で…。

最後まで読んで頂き、ありがとうございます!!

今回の投稿と同じ「WordPress」にある前後の記事は、下記のようになっております。お時間がある時にでもチェックして頂けると嬉しいです!!

また、11月27日現在「ガジェット」には「 70件」の投稿があります。カテゴリー内での人気記事や、ブログの最新記事リストも記載しておきますので、宜しければ合わせてご覧くださいませ。


このエントリーをはてなブックマークに追加 シェア&フォローして頂けると嬉しいです!
タグ:『』|Posted By


『ガジェット』の新着記事『WordPress』の人気記事『当ブログ』の新着記事
コメント
お気軽にコメント下さい

お名前(ペンネーム)

あなたのBLOG URL ※無記入でもOK!

コメント記入欄

コメント欄の『利用規約』を読み、本規約の内容を承諾してから送信下さい。
書き込んだコメント内容は、管理者の認証を受けた後にブログへ表示されます。