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

人気記事

    • 【注意】アイリスのパックごはんが自主回収!ロット番号を確認だぞ!

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

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

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

    • 電動アシスト付き自転車(ママチャリ)の前輪なら自分で簡単にパンク修理・タイヤ交換できるぞ!

関連記事

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

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

【ブロガー必見!】GoogleAnalyticsで自分のブログへの被リンクが分かる「トラックバック」機能が便利だぞ!
ブログカスタマイズ

【ブロガー必見!】GoogleAnalyticsで自分のブログへの被リンクが分かる「トラックバック」機能が便利だぞ!

プロブロガー本2が予約開始っ。モチロン購入するぞっ!
ブログカスタマイズ

プロブロガー本2が予約開始っ。モチロン購入するぞっ!

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

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

2年半ぶりにブログテーマを一新!苦手ならプロに任せるのはアリだぞ!
ブログカスタマイズ

2年半ぶりにブログテーマを一新!苦手ならプロに任せるのはアリだぞ!

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

新着記事

UGREENのケーブル巻取り式の充電器・モバイルバッテリーが今なら安いぞ!
ガジェット

UGREENのケーブル巻取り式の充電器・モバイルバッテリーが今なら安いぞ!

UGREENのUSB Cケーブル内蔵65W充電器がスッキリ見えて良いぞ!
ガジェット

UGREENのUSB Cケーブル内蔵65W充電器がスッキリ見えて良いぞ!

ベビースターラーメンおつまみ「わさび味」がしっかりツーンとして、美味しいぞ!
グルメ

ベビースターラーメンおつまみ「わさび味」がしっかりツーンとして、美味しいぞ!

数量限定!贅沢搾りプレミアム 和梨が、濃厚な梨の香りと甘みで美味しいぞ!
お酒

数量限定!贅沢搾りプレミアム 和梨が、濃厚な梨の香りと甘みで美味しいぞ!

【注意】アイリスのパックごはんが自主回収!ロット番号を確認だぞ!
グルメ

【注意】アイリスのパックごはんが自主回収!ロット番号を確認だぞ!

新着記事をもっと読む

カテゴリ

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