むねさだブログ
  • プロフィール
  • グルメ
  • ガジェット
  • カメラ・写真
  • 子育て
  • 旅行
  • イベント
  • お問い合わせ
  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で見れます。

人気記事

    • 【比較表あり】iPhone 17、iPhone Air、iPhone 17 Pro/Pro Maxと一斉発表!違いなどをまとめたぞ!

    • 【新発売】カップヌードル 魚豚は、ザラザラ追い魚粉で濃厚な美味しさだぞ!

    • 新感覚!「ACUO チューイングキャンディタイプ」がミントガムの最初だけを味わえるぞ!

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

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

関連記事

初心者から上級者まで!「できる100ワザWordPress 必ず集客できる実践・サイト運営術」には確かにブログ・サイト運営のノウハウがつまっていたぞ!
ブログカスタマイズ

初心者から上級者まで!「できる100ワザWordPress 必ず集客できる実践・サイト運営術」には確かにブログ・サイト運営のノウハウがつまっていたぞ!

ブログのテーマをSTINGER5にしてまず最初にいじった設定をまとめたぞ!
ブログカスタマイズ

ブログのテーマをSTINGER5にしてまず最初にいじった設定をまとめたぞ!

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

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

カエレバやRinkerに変わる、素敵な商品リンク作成プラグイン「ポチップ」がめっちゃ良いぞ…!
ブログカスタマイズ

カエレバやRinkerに変わる、素敵な商品リンク作成プラグイン「ポチップ」がめっちゃ良いぞ…!

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

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

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

新着記事

いつもよりちょっと贅沢に!「チョコパイ 茶匠の逸品 濃い抹茶」がほろ苦い抹茶の味で美味しいぞ!
グルメ

いつもよりちょっと贅沢に!「チョコパイ 茶匠の逸品 濃い抹茶」がほろ苦い抹茶の味で美味しいぞ!

プレモル新商品!「ザ・プレミアムモルツ 魅惑の香り」が、上品かつ華やかな香りで美味しいぞ!
お酒

プレモル新商品!「ザ・プレミアムモルツ 魅惑の香り」が、上品かつ華やかな香りで美味しいぞ!

生・チー メルティーチーズは、サクッと食感とチーズの味で美味しいぞ!
グルメ

生・チー メルティーチーズは、サクッと食感とチーズの味で美味しいぞ!

HUAWEI WATCH FIT 4 Pro用にスポーツタイプのシリコンバンドを購入したぞ!
ガジェット

HUAWEI WATCH FIT 4 Pro用にスポーツタイプのシリコンバンドを購入したぞ!

ロッテ 生チョコパイ ガトー・オ・ショコラが濃厚で高級感あって美味しいぞ!
グルメ

ロッテ 生チョコパイ ガトー・オ・ショコラが濃厚で高級感あって美味しいぞ!

新着記事をもっと読む

カテゴリ

  • イベント
    • ブロネク
  • ガーデニング
  • ガジェット
    • 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
  • 車
  • 釣り
  • 食玩・おもちゃ
  • 飲み物
    • お酒
      • 日本酒