マイホーム計画
マイホーム計画
IHクッキングヒーター
掃除
間取りプラン
購入品

ブログをオシャレにカスタマイズしてみた【はてなブログ】

日本最大級のブランド家具・インテリア通販・【FLYMEe/フライミー】

読者登録お願いします↓↓↓

f:id:imomunene08:20210523124322p:image

 

いもむしねね(@imomusinene)です𖤣𖥧𖥣。

このブログに足を運んで頂き感謝します。゚

この記事の筆者

f:id:imomunene08:20211021175629j:plain

・ブログ歴1年

・4桁ブロガー

・2020年に〔セキスイハイム〕の新居完成

・地元を離れ、子育て奮闘中

・2児の母

・外国籍(南の国)

 

長らく記事を投稿出来ていませんでした、、、。

理由としては、私生活の多忙に加え、

独自ドメインのドメインに切り替えたことで

ブログに様々な障害が起きたからなのです。

 

なにせ、パソコンに詳しくない私なので

復興するまでかなりの期間を要しました。

 

登校が出来ない間に、記事のストックや

ブログのカスタマイズをやっていたので、

今回の記事は、私が行なった

カスタマイズについて書いていこうと思います。

 

デザインのビフォーアフターに、

参考にした記事を引用しながらご紹介していきます。

 

この記事はこんな方向け

✔️はてなブログ(Pro)をご利用の方

✔️ブログのカスタマイズに興味のある方 

 

 

 

 

カスタマイズの前に

カスタマイズをされる前に、注意点として、

カスタマイズされる前の記録を

バックアップしておきましょう。

 

使用しているブログによって

バックアップが可能なものもあるようです。

 

はてなブログのバックアップ方法はこちら↓

合わせて読みたい

randamlife.hatenablog.com

ですがこちらのやり方では、

CSSそのものはバクアップされていないので

バックアップするというやり方の他に

こちらの方法でのカスタマイズをおすすめします↓

合わせて読みたい

www.1-humidasu.com

 

 

 

今回実践したカスタマイズ

今回やってみたカスタマイズ方法を

案件別にご紹介していきます!

 

それぞれのリンク先に飛んでいただければ

カスタマイズはできますが、

もし分からないようであれば、

コメント等などで質問して下さい!

 

 

〈1〉タイトル下におすすめの記事を配置

場所:ヘッダ|タイトル下

パソコン画面

 f:id:imomunene08:20210504125437p:image

スマホ画面

f:id:imomunene08:20210504125451j:image

参考にした記事はこちらです↓ 

合わせて読みたい

www.bambi.pro

 

 

〈2〉プロフィールを変更

・画像を大きくした

参考にした記事はこちらです↓

合わせて読みたい

www.gipsyjazznyumon.com

 

・SNSフォローボタンを追加

参考にした記事はこちらです↓

合わせて読みたい

www.fuji-blo.com

場所:サイドバー|プロフィール

f:id:imomunene08:20210505185923j:image

ボタンを囲んでいる四角いカスタマイズは

こちらの「1.実線で囲むだけ」を使用してます↓

合わせて読みたい

saruwakakun.com

 

 

〈3〉デザインテーマの色を変更 

現在使用しているデザインテーマはこちら↓

blog.hatena.ne.jp

 

1年程使用していましたが、なんとなく

デザインや色味に飽きてしまい、

テーマデザイン丸ごと変更使用と考えていました。

ただ、現在多くのカスタマイズをやり込んでおり、

テーマデザインを変更してしまうと

ブログ全体を大幅に修正しなければならず、

色味だけを変更することに!

 

Haruniの元々の色味は、

ピンク〜オレンジベースのグラデーション

という色味でした。

それに合わせてブログの他のカスタマイズを

ピンクベースにしていたため、

テーマカラーもピンクベースに変更しました。

| Befor |

f:id:imomunene08:20210504125933p:image

| After |

f:id:imomunene08:20210504125947p:image

#D09CA4 ←このカラーコードを使用してます。

この色は自分で作ってみました。

作る際に使用したアプリはこちらです↓

Canva-インスタストーリー,SNS投稿画像のデザイン作成

Canva-インスタストーリー,SNS投稿画像のデザイン作成

Canva無料posted withアプリーチ

画像編集のアプリになりますが、

細かい色味などが変更できるので、

好きなカラーを作りたい時はこれを使ってます。

Canvaホームページ

カラーコードページはこちら↓

www.colordic.org

 

 

〈4〉アフィリエイトリンク先変更 

以前は楽天は楽天、アマゾンはアマゾンで

個別に購入リンクを作成していました。

f:id:imomunene08:20210504132718j:image

写真のように、楽天とアマゾンの購入先リンクは

統一感がなく、見た目がイマイチでした。

それが嫌で文字のみのリンク先にしていましたが、

f:id:imomunene08:20210504133500j:image

この機会に、カスタマイズすることに!

今回使用したのは、【カエレバ】という

アフィリエイトを同時に紹介することの

できるツールです。

合わせて読みたい

kaereba.com

 ワードプレスをご利用されている方は

rinkerというツールがおすすめです。

採用したかったのですが、

どうやらワードプレス限定なようで・・

 

通常のカエレバはこのようなデザインです↓

f:id:imomunene08:20210505192046j:image

少しばかり地味なので

カスタマイズすることにしました。

『カエレバ カスタマイズ』と検索すると

様々な方がコピペで出来る方法を紹介してます。

今回私が参考にしたブログはこちらです↓

合わせて読みたい

wptheme-navi.jp

 

 

〈5〉上に戻るボタンを追加

 ページを読み進めていくと

上の記事を読み返したいと思っていた時

なくて不便だなと感じ、追加することに!

f:id:imomunene08:20210507174902p:image

どうやら、パソコンの画面にしか

表示がされないようです。

 

参考にした記事はこちらです↓

合わせて読みたい

www.gipsyjazznyumon.com

ボタンの色はテーマカラーに合わせました。

 

 

 

まとめ

今回の記事では、ここ最近で私が行ったブログぼカスタマイズを、ご紹介しました。

 ずっと気になっていたので、手をつけられて満足しています。

 

気になったものがあったらぜひ真似してみて下さいね!

 

 

 

挨拶

最後までご覧頂きありがとうございます⋆⸜ᵀᴴᴬᴺᴷ ᵞᴼᵁ⸝⋆

この記事の内容が少しでも為になったよー!って方は★押してくれると励みになりますෆ͙⃛

 

こんな記事書いて欲しいー!というのがあればコメントに書いて下さい!

 

 

🌈Instagram

f:id:imomunene08:20211015170241j:plain

 

🕊Twitter

f:id:imomunene08:20211015170255j:plainフォローお待ちしてます!

 

 

ブログ村に参加中です♔.゚

ボタンを押してくれると嬉しいですʕ•̫͡•ʔ