一年前くらいに、当ブログでもカスタマイズの記事を書きました。www.love-wd-yuka.com以前より全体的に変えたので、順を追って説明していきたいと思います♪タイトル&ヘッダーナビゲージョン(PC)ゆきひー先生のカスタマイズまとめ記事!SNSボタン各種SNSフォローボタンSNSシェアボタンSNSボタン、スマホ版サイドバーの変更サイドバーのタイトルプロフィールの部分モジュールを組み合わせるさいごにタイトル&ヘッダーナビゲージョン(PC)※ヘッダーのみコピペではありません。STUDIO」クリップスタジオを使って、写真素材と合わせました。タイトルの部分は丸で囲うことで、丸みのある優しい雰囲気を演出しています。見る自分で作ると愛着が湧きますね♪♪♪以前のヘッダーも自分で作ったんですけど、色がギラギラしてたんで目に悪いと思い、今度は目に優しいナチュラルテイストのグレーっぽいのにしてみました。全体のイメージはリラックスできるような、優しいカラーの空間です。↓以前はこんな感じで、目がチカチカするパープル色でした(笑)何故この色にしたか?アイコンをリニューアルした時に、アイコンと同じ色にした方が統一感が出るかな?と思ったからです。色が変わるだけでも、印象ってガラッと変わるもんですね。これはテストバージョンなので、たしか「星」はついてなかったと思います(^^;ゆきひー先生のカスタマイズまとめ記事!この先は、ほとんどゆきひー先生のカスタマイズ記事をコピペさせて頂いてます。そのまとめ記事がこちらです!随時、最新版が更新されているので、大変ありがたいです。www.yukihy.comSNSボタン各種SNSフォローボタンはてなブログ購読するボタン、ツイッターフォローボタン、Feedly購読ボタン。記事上下に設置しました!スマホ版はLINEボタンもあったのですが、幅が合わず下段にはみ出してしまう為、ひとまず抜いてあります。ブックマーク、フェイスブック、ツイッター、グーグル+、ポケット、この5つだけでも充分いいですね!!☆参考記事はこちら☆www.yukihy.comサイドバーの変更タイトルの「バックグラウンドカラー」やプロフィールの細かい設定、モジュールの組み合わせまで、全体的に変えてみました。サイドバーのタイトルグローバルナビゲーション(トップメニュー)の色と同じ色にして統一感を持たせています。角をとって、丸っこくしてあるのもタイトルの所と合わせています。検索出来るよう、PCトップ画面を開くと、右側の一番上に置きました。center;color:#fff;}プロフィールの部分タイトルを名前にして、ツイッターのフォロアー数を表示出来るようにしました!やり方はこちらを参考にしてみてください。ferret-plus.com公式のツイッターページより設定する事ができます。こんな感じで、フォローボタンの右側に、現在のフォロワー数が表示されました!お陰様で、ツイッターのフォロワー数600人超えです。タグ(カテゴリー)のモジュールをボタン一つで切り替えできるものを設置しました!これはかなり便利です。以前まで、サイドバーがだらだらと長くて、どうしようもなかったからです。これさえあれば、サイドバーがかなりすっきりしますし、回遊率にもかなり影響するんじゃないかな?と思います。☆参考記事はこちら☆www.yukihy.com色を選ぶ時は、こちらのサイトを参考にしていますwww.colordic.org☆デザインを参考にした書籍はこちら☆視覚で、デザインが学べるのでオススメです!デザインのルール、レイアウトのセオリー。見るさいごにもうちょっと細かい部分も、変更してみたいんですが(カエレバの導入、目次や見出しなど)それは追々やっていきます♪一気にやると、疲れちゃいますからね(笑)ゆきひー先生のカスタマイズは本当にすごいです!コピペだけで、簡単に設置出来るように作ってあるので、誰にでも出来ちゃいます!このコードを作るためには、本当に大変だったと思うし、時間もかかっていると思います。大切に使わせて頂きます。本当にいつも、素敵なカスタマイズ方法を教えて下さってありがとうございますm(__)mカスタマイズをしながら、感動してしまいました(今更ながら)そんな感謝の想いを抱きながら、この記事をかかせてもらいました。09:59【はてな】コピペで簡単、オススメのカスタマイズ7選!関連記事2016-01-26JavaScriptでサイドバーを固定して関連記事を表示させる先日「関連記事」のサイドバーモジュールを発見しました。残念...2016-01-19はてなブログの設定で「関連記事」が設定出来るようになっていた!デザインの編集をしていた時のこと。レッスンブックを買いました〜今週のお題「読書の夏」〜今週のお題は「読書の夏」♪かなりタイミングが良いですね〜。先日サイドブログにて「文字が薄くて読みにくい。」をやってみたスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。