ブログカスタマイズ

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

blog-stylish

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

写真をトップ画像にすることは多いもの。ですが、実際には、きれいな写真を使いたくても、曇り空だったりします。

そんなとき、ちょっと変わった写真に加工できる「EverFilter」というアプリを使っています。

f:id:seer1118:20170917155728p:image

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

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

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

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

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

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

【ブログで稼ぐ】アフィリエイトを始めよう
シーア
シーア
あなたのブログでも、アフィリエイトバナーを貼ってみませんか?

好きな商品やサービスを紹介する記事を書いて、そこから購入してくれた読者さんがいれば、あなたに報酬が支払われる…それがアフィリエイトです。

バリューコマースでは、yahooショッピングのアフィリエイトが利用できます。まず最初に登録をオススメします!

バリューコマースでお小遣いGET!

 

A8.netは、業界最大手のメジャーなASPです。取扱い案件が多いので、きっとあなたが使っている商品や、興味のあるサービスが見つかりますよ。

A8.netを覗いてみる

ライト
ライト
ブログを通じて、誰かの役に立つ情報を届けよう!

COMMENT

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