むねさだブログ
  • プロフィール
  • グルメ
  • ガジェット
  • カメラ・写真
  • 子育て
  • 旅行
  • イベント
  • お問い合わせ
  1. ホーム
  2. ブログカスタマイズ

ブログのスマホ用デザインをカスタマイズしたぞ!

2013/07/29
  • ツイートする

  • シェアする

  • はてブする

    2

ブログのカスタマイズが楽しくなってきました、むねさだ(@mu_ne3)です。
IMG_8081

HTMLとかCSSとかほとんど分からなかった私ですが、ブログを始めて少しずつですが分かるようになってきました。

ということで、今回は心機一転、というかずっと気になっていたスマートフォン用のブログのデザイン変更を行いましたのでご紹介したいと思います。

SPONSORED LINK
SPONSORED LINK

これまでのデザイン

これまでは、使っている人も多い「WPtouch」というプラグインをベースに、ヘッダー(画面上部)の背景色を緑に変更して、自分のアイコンを置く様なカスタマイズを行っていました。
IMG_2168

ただ、基本的に色だけしか変えていないので、他のWPtouchユーザーのサイトと同じ様な雰囲気でしたし、PC版の印象と違うため、変更したかったんですよね。

 

ちなみに、PC版のデザインは、6月に大幅リニューアルしています。
むねさだブログのデザインリニューアルを行ったぞ! | むねさだブログ

PC版は本当にごっそりとデザイン変更しましたが、今回は現在使っているWPtouchをベースにしつつ印象を変えるように変更しました。

 

新しいデザインはこちら!

デザイン変更したイメージがこちらです。
IMG_8081

PC版の雰囲気に合わせて、ロゴデザインをしっかりと画面上部に配置。

要素を囲っていた角丸の枠は取り除き、「Read This Post」という表示も削除。
文章の中の見出しも、PC版の旧バージョンデザインに合わせていたのですが、それを新PCデザインに合わせて黒い板を敷いたデザインに。
IMG_8083
全体的にシンプルで落ち着いた印象のブログデザインになったと思います。

読みやすくしつつ、一番上にはしっかりとブログのロゴを見せるという方向にしてみました。

 

わんぱくブロガー的まとめ

現在、うちのブログを見てくれている人のうちの半分以上はスマートフォンおよびタブレットから見てくれているようです。

それだけに、しっかりとスマホ用のデザインもPC版の印象と合わすことが出来て良かったです。

スマホから見てくれている人は見やすくなったでしょうか?

と、言う事で今後も少しずつスマホ用のデザインもいじって行こうと思いますのでお楽しみに。

Wordpress
SPONSORED LINK
SPONSORED LINK
  • ツイートする

  • シェアする

  • はてブする

    2

いいね!を押して
最新記事をチェック

おすすめ記事

プロフィール

munesada

ブロガー、むねさだ よしろうです。
ワクワク感で笑顔を拡げる、”わんぱくブロガー”。

新しいものが大好き!食べ物・ガジェット・カメラ・旅行・生活雑貨など興味があるものを幅広くご紹介してます。
iPhone15 Pro Max・MacBook Pro16・EOS 5D4・OM-1ユーザー。
11歳になる娘がいます。パパ目線での子育てグッズの紹介も。 ScanSnapプレミアムアンバサダー、HHKBエバンジェリスト、おもいでばこ認定アンバサダーなど。

@mu_ne3さんをフォロー
くわしいプロフィール
Yahoo!で動画配信中

ブログの更新情報

follow us in feedly
@munesada_blogさんをフォロー
むねさだブログ

Facebookページへの「いいね」をして頂けると毎日の更新情報がFacebookで見れます。

人気記事

    • 食わず嫌いな人も実質無料で試せる!スーパーカップ チョコミント味がスッキリしていて美味しいぞ!

    • 折れたネジの外し方!「ネジはずしビット」でカンタンに外せるぞ!

    • エアコンのドレンホースを延長したらベランダが濡れなくて気持ちが良いぞ!

    • 山梨観光「鳴沢氷穴」と「富岳風穴」どっちがおすすめか?両方に行った感想をまとめたぞ!

    • チャレンジタッチのキーボードをパソコンで使えるように変換ケーブルを買ったぞ!

関連記事

わんぱくなRSS・Twitterアイコンを自作してみたぞ!
デザイン・アート

わんぱくなRSS・Twitterアイコンを自作してみたぞ!

描画をサクサクに!ブログのサーバーをロリポップからWPXサーバーに移転した手順をメモしておくぞ!
ブログカスタマイズ

描画をサクサクに!ブログのサーバーをロリポップからWPXサーバーに移転した手順をメモしておくぞ!

むねさだブログのデザインリニューアルを行ったぞ!
ブログカスタマイズ

むねさだブログのデザインリニューアルを行ったぞ!

WordPress 5.5へのアップデートは注意!バグ(不具合)があったのでダウングレードする方法を教えるぞ!
ブログカスタマイズ

WordPress 5.5へのアップデートは注意!バグ(不具合)があったのでダウングレードする方法を教えるぞ!

ブログ記事を大量に丸パクリされたのでGoogle先生に報告しておいたぞ!
ブログカスタマイズ

ブログ記事を大量に丸パクリされたのでGoogle先生に報告しておいたぞ!

ブログカスタマイズの記事をもっと読む

新着記事

【数量限定】サッポロ WITH BEER ホワイトエールがフルーティーで飲みやすいビールだぞ!
お酒

【数量限定】サッポロ WITH BEER ホワイトエールがフルーティーで飲みやすいビールだぞ!

【地域限定】アサヒ マルエフ 生ビールワンサードが裏メニューを缶で楽しめるぞ!
お酒

【地域限定】アサヒ マルエフ 生ビールワンサードが裏メニューを缶で楽しめるぞ!

タルタルがたっぷり!ローソン「鹿児島県産桜島どりのチキン南蛮丼」が満足度高いお弁当だぞ!
グルメ

タルタルがたっぷり!ローソン「鹿児島県産桜島どりのチキン南蛮丼」が満足度高いお弁当だぞ!

食わず嫌いな人も実質無料で試せる!スーパーカップ チョコミント味がスッキリしていて美味しいぞ!
グルメ

食わず嫌いな人も実質無料で試せる!スーパーカップ チョコミント味がスッキリしていて美味しいぞ!

現代人は水不足!?水分補給を記録・リマインドしてくれる象印「mizlog(みずログ)」が楽しく水分量を把握できるぞ!
ライフスタイル

現代人は水不足!?水分補給を記録・リマインドしてくれる象印「mizlog(みずログ)」が楽しく水分量を把握できるぞ!

新着記事をもっと読む

カテゴリ

  • イベント
    • ブロネク
  • ガーデニング
  • ガジェット
    • Android
    • iPhone
    • Mac
    • Windows
    • おもいでばこ
  • カメラ・写真
    • カメラ
      • 360度カメラ
      • Canon
      • OLYMPUS AIR
      • OM-D
    • 写真
  • グルメ
    • お店
      • 六本木
      • 渋谷
      • 溝の口
      • 蒲田
    • カップ麺
  • ゲーム
    • Ingress
  • サービス・アプリ
    • Amazon
    • 格安SIM
  • デザイン・アート
  • ブログカスタマイズ
  • ブログについて
  • ライフスタイル
  • 健康・ダイエット
  • 子育て
  • 家具・家電
  • 文具
  • 旅行
    • ロンドン
  • 書籍
  • 未分類
  • 生活雑貨
  • 自転車・MTB
  • 車
  • 釣り
  • 食玩・おもちゃ
  • 飲み物
    • お酒
      • 日本酒
agilemedia
15301346_1142448849144320_1929483738_n
むねさだの欲しいものリスト公開中!
むねさだブログ
  • ホームに戻る
  • プロフィール
  • お問い合わせ

© 2025 むねさだブログ

閉じる

  • トップページへ戻る
  • プロフィール
  • お問い合わせ

カテゴリ

  • イベント
    • ブロネク
  • ガーデニング
  • ガジェット
    • Android
    • iPhone
    • Mac
    • Windows
    • おもいでばこ
  • カメラ・写真
    • カメラ
      • 360度カメラ
      • Canon
      • OLYMPUS AIR
      • OM-D
    • 写真
  • グルメ
    • お店
      • 六本木
      • 渋谷
      • 溝の口
      • 蒲田
    • カップ麺
  • ゲーム
    • Ingress
  • サービス・アプリ
    • Amazon
    • 格安SIM
  • デザイン・アート
  • ブログカスタマイズ
  • ブログについて
  • ライフスタイル
  • 健康・ダイエット
  • 子育て
  • 家具・家電
  • 文具
  • 旅行
    • ロンドン
  • 書籍
  • 未分類
  • 生活雑貨
  • 自転車・MTB
  • 車
  • 釣り
  • 食玩・おもちゃ
  • 飲み物
    • お酒
      • 日本酒