ブログカスタマイズ

【はてなブログ】スマホデザインを、コピペ一発でおしゃれにする方法

こんにちは。シーアです。(@seer_1118

このブログを見てくださっている方の約7割は、スマホからのアクセスです。

おしゃれで見やすいデザインを目指して、ブログのスマホデザインをいじってみました。

当ブログは、今はワードプレスに移転しましたが、この記事を書いた当時ははてなブログでした。はてなブログ内で行ったカスタマイズですので、ご承知おきください。

*有料の「はてなブログPRO」でないと、このカスタマイズはできません。

素人でもできる、おしゃれデザイン 

私のWebデザインの知識は、少しHTMLをかじった程度で、生物でいうとノミくらいのレベルです。イチからブログデザインを作るなんて、とても自力ではできません。

はてなブログのカスタマイズについて、Webデザインに詳しい方が、コピペできるソースを公開してくれています。

素人の私は、ありがたくお知恵を拝借してカスタマイズさせてもらいます。

ほぼ全てこの記事のとおりにコピペさせて頂きました。

CSSの知識がなくても、変えたい部分だけつまみ食いすることができるように、丁寧に書かれています。

トップページにカテゴリー一覧を追加 

ブログトップから見ると、新着記事が出てきています。

これだと、過去の記事は探しにくいな〜と思ったので、トップページにカテゴリー一覧のプルダウンを作成しました。

トップ画像でオリジナリティを 

トップ画像の海の写真は、沖縄に行った時のもの。実際行ったときは、曇り空だったんですけどね。「EverFilter」というアプリで加工しています。

f:id:seer1118:20170917155728p:image

写真をアニメ風に加工するというアプリです。人物の写真よりも、風景や静物の写真に使うのがオススメ。

空も海も派手なブルーに、写っている物はおもちゃみたいになってかわいいので、気に入っています。

ときどき、加工に失敗しちゃうこともあるんですが、何度かトライすればそのうちうまくいきます。

一番上に戻るボタンを設置 

長い記事が増えると、上下の行き来が面倒ですよね。一番上に戻るボタン、早速つけました。

www.travelbanana.net

これでちょっとは見やすくなったかな?

崖っぷちブロガー|シーアのサバイバルチャレンジ
シーア
シーア
借金があっても、自分の力で幸せと豊かさを手に入れます!

夫の借金発覚をきっかけに、債務整理や家計の見直しを実行しました。投資や節約、陸マイラー活動について発信しています。

TwitterPROFILE

ライト
ライト
お好きなカテゴリーにどうぞ!

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です