むねさだブログ
  • プロフィール
  • グルメ
  • ガジェット
  • カメラ・写真
  • 子育て
  • 旅行
  • イベント
  • お問い合わせ
  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ユーザー。
10歳になる娘がいます。パパ目線での子育てグッズの紹介も。

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

ブログの更新情報

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

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

人気記事

    • キャラメルコーン カヌレが、キャラメル味でしっとり美味しいぞ!

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

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

    • ローソンの期間限定「大きなシュークリーム(648円)」を買ったきたぞ!

    • Webサイト全体をレイアウトそのまま印刷したい!という人はChrome拡張使うと良いぞ!

関連記事

STINGERってこんなにカンタンなの!?お試しのつもりが即適用!ブログのテーマが気がついたら変わっていたぞ! #ブロネク #stinger5
ブログカスタマイズ

STINGERってこんなにカンタンなの!?お試しのつもりが即適用!ブログのテーマが気がついたら変わっていたぞ! #ブロネク #stinger5

【要注意!】WordPressを使ったブログのサイドバーに「サイト管理」を残している人は即、外した方が良いぞ…!
ブログカスタマイズ

【要注意!】WordPressを使ったブログのサイドバーに「サイト管理」を残している人は即、外した方が良いぞ…!

【初心者でもできる!】ブログに「パンくずリスト」を追加するプラグイン「Prime Strategy Bread Crumb」を設定してみたぞ!
ブログカスタマイズ

【初心者でもできる!】ブログに「パンくずリスト」を追加するプラグイン「Prime Strategy Bread Crumb」を設定してみたぞ!

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

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

スクロールしても常についてくる「ソーシャルボックス」を設置したぞ!
ブログカスタマイズ

スクロールしても常についてくる「ソーシャルボックス」を設置したぞ!

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

新着記事

【大阪・京都土産】パインアメと生八ッ橋の夕子がコラボ!『夕子 パインアメ味』が美味しいぞ!
旅行

【大阪・京都土産】パインアメと生八ッ橋の夕子がコラボ!『夕子 パインアメ味』が美味しいぞ!

神戸土産に!「神戸 白いロールケーキ」がしっとり濃厚で美味しいぞ!
グルメ

神戸土産に!「神戸 白いロールケーキ」がしっとり濃厚で美味しいぞ!

愛媛の石鎚山SAで買える!みかんパンが美味しいぞ!
旅行

愛媛の石鎚山SAで買える!みかんパンが美味しいぞ!

ローソンの大きな生バウムクーヘン(ミルククリーム)がしっとりパリッとクリーミーで美味しいぞ!
グルメ

ローソンの大きな生バウムクーヘン(ミルククリーム)がしっとりパリッとクリーミーで美味しいぞ!

「軽井沢高原ビール2025年限定」は無濾過のセゾン!華やかな香りとガツンとした苦味が美味しいぞ!
お酒

「軽井沢高原ビール2025年限定」は無濾過のセゾン!華やかな香りとガツンとした苦味が美味しいぞ!

新着記事をもっと読む

カテゴリ

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