この一戸建てブログですが。。。2015年2月にスタートしたので、もうすぐ丸2年が経とうとしています♪
で、前々から気になってたのが『ブログのデザインが最初から変わっていない。。。』という事。
色々イジるのが面倒で、そのままブログ更新を進めてきましたが、今回ついに!!!!
ブログのデザインを一新してみました♪( ´θ`)ノ
Contents
ブログをオシャレに(⁇)カスタマイズ♪
![img_1310](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/IMG_1310-700x467.jpg)
なんでも三日坊主な私ですが、なんと。。。この一戸建てブログだけは続いています!!
飽きっぽいから基本三日坊主だけど、ハマった事だけ一生懸命にやる。。。典型的なB型です(・ω・)b
でも、大雑把なので、このブログのデザインってあんまりキレイにカスタマイズしたりしてこなかったんですよねー
で、さすがに私もデザインに飽きてきたので、ちょっとデザインを変えてみました♪
デザイン変更後*こんなんなりましたー
変更前も撮っておけばよかった。。。
変更後だけ見せられても分からないですよね。。( ;´Д`)
でも見せます。w
これを見て下さっている方が、パソコンで見ているのか、スマホで見ているのか、タブレットで見ているのか。。。
分からないので3種類全部紹介します♪( ´θ`)ノ
《パソコンver.》
![%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-17-15-52-55](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/スクリーンショット-2016-10-17-15.52.55-700x390.png)
自分自身、パソコンでブログを表示させるのはブログを書く時くらいです。
他の方のブログやちょっとした調べ物は、全部スマホ。。。
なのでパソコン表示のデザインは特に手を抜いていました。
。。。が!!
今回はパソコンからの見た目もキチンと変更したので、是非パソコンで見てみて下さい!!w
《スマホver.》
![img_0447](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/IMG_0447-700x1060.jpg)
自分のブログをスマホで見るってなかなかないのですが。。。
今の時代、ほとんどがスマホからのアクセスだと思います。
なので、スマホは一番気を遣って微調整しています♪
- 記事が読みやすく。
- 読みたい記事を探しやすく。
- できるだけ見た目もオシャレに。
気をつけている事はこんなところです。
『このブログブックマークしとこー♪』と思ってもらえるようなブログを目指しております♪( ´θ`)ノ
《タブレットver.》
![img_0065](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/IMG_0065-700x841.jpg)
タブレットが一番少ないと思いますが。。。
私はタブレット愛用者なので、皆さんのブログもiPadで読む事が多いです♪
スマホの画面は小さくて、目が疲れちゃうので。。。(´∀`; )
実際変更したところは。。。
ヘッダー画像
ヘッダー画像とは、ブログの一番上の目立つやつです。
サイトの顔と言っても過言ではないですよね。
一番最初に目につくので、印象が強いです。
そのヘッダー画像、今まで適当に作って適当に貼ってたんですよね。w
サイズもあってないし。。。
それをちゃんとしたものに変更!!
【Before】
![cropped-gInVlJSyD_MId3A1458275682_1458276383.png](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/03/cropped-gInVlJSyD_MId3A1458275682_1458276383-700x151.png)
【After】
![cropped-FotorCreated2.jpg](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/cropped-FotorCreated2-700x233.jpg)
え。。。??
あんまり変わらない??w
私的には、結構頑張って作ったんですが。(´・Д・)
ちなみに最初、コレを作ったのですが。。。
【ボツになったヤツ】
![cropped-FotorCreated.jpg](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/cropped-FotorCreated-700x238.jpg)
なんか違うな。。。
って事で作り直して、今のヘッダー画像に至りました♪( ´θ`)ノ
『こんな画像作っちゃうなんてスゴーーーィ』と思ったそこのあなた!!
(誰も思ってない⁇w)
これ、無料の画像加工サイトで簡単に作れちゃいます♪
最後に紹介します♪
背景画像
このブログの背景は『ただの真っ白』だったのですが、ちょっとシャレた背景画像に変えてみました。
変更後はコレ♪
![brickwall_2x](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/brickwall_@2X.png)
サイドバーの文字が見にくくなった。。。??
そんな事ないですよ。(´・Д・)
あと候補に上がったのは。。。
ストライプと。
![crisp_paper_ruffles_2x](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/crisp_paper_ruffles_@2X-1-700x728.png)
なんか、可愛い柄。
![light_grey_2x](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/light_grey_@2X-e1476693098616.jpg)
結局、お家ブログらしく、レンガな背景にしてみました♪
フォント変更
スマホで見た時のフォントは見やすかったのですが、パソコンでのフォントが見にくかったんです!!
ずーっと一人でモヤモヤしてたのですが、やっと改善致しました♪
【Before】
![%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-17-16-49-48](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/スクリーンショット-2016-10-17-16.49.48-700x350.png)
【After】
![%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-17-16-44-05](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/スクリーンショット-2016-10-17-16.44.05-700x356.png)
フォントを変えた事で、目に優しくなったはず。。。!!
パソコンでも見やすくなったので、パソコンで見てみて下さいねー( ´θ`)ノ
ブログをオシャレにする時にオススメのサイト♪
今回、ブログのデザインを一新しるためにお世話になったサイト様です。
もちろん全部無料ですー♪
《Fotor》画像編集サイト
![%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-17-17-17-09](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/スクリーンショット-2016-10-17-17.17.09-700x301.png)
(引用元:https://www.fotor.com/jp/)
ネット上で簡単に画像編集ができちゃいます♪
デフォルトのデザインが豊富なので、写真を挿入するだけでもオシャレになっちゃいますー!!
ちょっとアレンジするとオリジナルのおしゃれーな画像が出来ちゃいます。
【BannerKoubou.com】画像加工サイト
![%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-17-17-24-09](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/スクリーンショット-2016-10-17-17.24.09-700x130.png)
(引用元:https://www.bannerkoubou.com)
このサイトは、画像を加工したり、フレームをつけたり出来ます♪
ぼかし・スケッチ風・モザイクや。。。
額縁・写真風・立体などのフレームの加工も出来るサイト♪
《Subtle Patterns》フリー背景画像サイト
![%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-17-17-35-10](https://xn--t8j0a7bp8j5b2ipa02ammhd8d9149box5byfk.com/wp-content/uploads/2016/10/スクリーンショット-2016-10-17-17.35.10-700x411.png)
(引用元:https://subtlepatterns.com)
ここは、シンプルでおしゃれなパターン背景画像が沢山あるサイト♪
種類が多いので、どれにするか相当迷います。。。w
英語のサイトですが、好きなものを選んで【Download】をクリックするだけでOK♪( ´θ`)ノ
ブログのデザインを変えてみて思った事。
とりあえず、慣れない事して疲れました。。。
他にもところどころ微調整は施しているのですが、さすがにマニアックすぎるので伏せておきます。w
でも、ブログのデザインを一新すると、気分も一新しますねー♪
またブログを書くのが楽しくなりました( ´ ▽ ` )ノ
ブログに飽きてきた方は、デザイン変えてみるのオススメですよー!!
こんばんは✩︎⡱
以前、おうちがツボ過ぎてアクセントクロスや内装、家具など真似っこさせていただきたいとコメントさせていただいた者です♡
その節は気持ち良く、是非と言っていただき本当に嬉しかったです( ˘͈ ᵕ ˘͈ )
私はもう1つのブログも密かに読ませていただいており、あちらのおうちもすごくセンスが良く、2つのおうちを参考にさせていただき建築を進めさせてもらってます♡
これからもお二人のブログ楽しみにしてますね(♥´꒳`*)(*´꒳`♥)
さくらさん☆
コメントありがとうございます!!
いつもブログ読んでいただきありがといございます( ´ ▽ ` )
お家は今建築中ですか??♪
完成が楽しみですねー!!
好みが一緒だと、きっと彼女のブログもお好きでしょうね♪
私も彼女のお家の階段のアクセントクロスがかなりツボで。。。♪( ´θ`)ノ
これからも私たちのブログ、宜しくお願いします(=´∀`)人(´∀`=)♪
ありがとうございます♡
S様がコメントしていたので、もう1つの記事の方にもコメントさせていただいちゃいました笑
私もあちら様の階段のアクセントクロスはツボでしたー♡♡
ただ、ayumi様の階段のアクセントクロスも好み過ぎるので…笑
階段はayumi様を真似っこさせていただき、S様のアクセントクロスはどこか天井に使えないかと検討中です( ˊᵕˋ* )
天井のアクセントクロス、あまり無いようで可愛いかなと♡
これからも楽しみにしてます(♥´꒳`*)(*´꒳`♥)
度々のコメント失礼しました(⊃´-`⊂)