はてなブログでも大活躍!SNS用アイコンを作成してもらいました!
タイトルのままですが、SNS用アイコンをトウフ系を運営されている、あゆお(id:kaishaku01)さんに描いていただきました。
もうね、めちゃくちゃ気に入っています。
ちなみに、イラストはこの投資ハック(investment hack)を読んでいただいたうえで、あゆおさんがイメージして描いてくださったモノです。
クリエイターという方々の特殊能力恐るべし!ですね(^^
この他にも2点、描いていただいたのですが、他のブログなどで活用させていただいています。
素敵なイラストを本当にありがとうございました!!
はてなブログのカスタマイズをしてみた SNSリンクボタンをつけてみるの巻
ブログカスタマイズやデザインって難しいですよね。一から勉強することを考えるとぼう然としてしまいます。
そんなわたしが先人の知恵や技術の恩恵に預かろうという、技術力やデザインセンスがなくてもできるお手軽カスタマイズ第四弾。
今回は、マウスオーバーで半透明になるSNSへのリンクボタンを使わせてもらいました【はてなブログ・サイドバー】です。
参考にしたのはmad(id:madhatter87)さんの以下の記事です。
マウスオーバーで半透明になるSNSへのリンクボタンを作ってみました【はてなブログ・サイドバー】 - 写真練習帖。そして日々の雑感
該当箇所を自分のアカウントのURLに書き換えした上記のHTMLファイルを、サイドバーに追加したHTMLモジュールに貼りつけて、デザインCSSの末尾に上記のCSSを貼りつければ動くはずです。
技術力がまったくないわたしでも5分でできました(^^
わたしは高さを少しだけ低くして調整していますが、そんなカスタマイズも簡単にできちゃいます。
超オススメです!!
<今までのブログカスタマイズ記事>
左カラムにある人気の記事一覧を画像付にカスタマイズしました - 投資ハック(investment hack)
はてなブログのカスタマイズをしてみた 読者アイコンを大きくするの巻 - 投資ハック(investment hack)
左カラムにある人気の記事一覧を画像付にカスタマイズしました
わたしのブログの左カラムに設置している人気の記事を画像付き(オマケにはてブ数付き)にカスタマイズしました。
カスタマイズしたといっても、上の画像にもあるように、chiroru (id:chiroru_27)さんのところにあるエディターを使えば一発です。とっても簡単で5分もあればできてしまいます。
はてなブログの人気記事を画像付きで表示させるコードを作るやつ。 - #ChiroruNote
上の画像のように、ブログURL、ブログタイトル、パーツのタイトル、その他の必要事項を選択するだけです。
超、簡単です。chiroru (id:chiroru_27)さん天才ですね!
実は、少しだけわたしもお手伝いというかバグつぶしに貢献しています。それでますます愛着が湧いている次第です(笑)
みなさんも、ぜひ、自分のブログに使ってみてはいかがでしょうか。
<今までのブログカスタマイズ記事>
はてなブログのカスタマイズをしてみた 読者アイコンを大きくするの巻 - 投資ハック(investment hack)
はてなブログでデザインを変更する時に注意すること
ブログのデザインを変更しました。
はてなブログのカスタマイズについて考えてみた - 投資ハック(investment hack)
にも書きましたが、
やはり2カラムがいいかなと思いはじめました。1カラムなら記事に集中できるかなと思って変えたのですが、ちょっと淋しい感じがします。
という思いが日増しに強くなっていったのです。もちろん、スマホ等のモバイルで見る際にはまったく関係ないですけどね。気持ちの問題ですね(笑)
ZEN for Hatena BlogからReachへ
今までのZEN for Hatena Blogもとても良かったため名残は惜しいのですが、思い立ったら吉日とばかりにサクっと変更しました。
はてなブログのデザインはZEN for Hatena Blogが美しい - 投資ハック(investment hack)
今回、利用させてもらったのは、はてなブログの公式テーマであるReach - テーマ ストア - はてなブログです。2カラムのシンプルなデザインですし、Reachという言葉も好きです。日本語では「届く」「達する」などの意をもつReach。いろいろとあやかりたいものです。
デザイン変更する時の注意点
この記事の冒頭の画像にもわかり易いように矢印を入れておりますが、新しいテーマをインストールするとデザインCSSや背景画像が破棄されます。
画像などは、ご自分のPC等に保存されているかと思いますが、せっかく作り込んだデザインCSSが消えてしまっては泣けます。
事前にテキストエディターにでもコピーして保存しておくことをオススメします。
グッチはこう思った
というか、わたしがやってしまった(笑)のですがとても面倒でした。あわせて読むの設定や読者アイコンの設定などいろいろやっていたのを思い出しながら、ひとつひとつを再度設定していきました。
これからやる人たちが同じ思いをしないように記事としておきます。
しかし、ZEN for Hatena Blogに変更した際には意識してなかったけどな???
はてなブログのカスタマイズについて考えてみた
検討しているブログカスタマイズを列挙しておきます。自分用メモ。
デザイン編
- やはり2カラムがいいかなと思いはじめました。1カラムなら記事に集中できるかなと思って変えたのですが、ちょっと淋しい感じがします。
- フォントは読み易く、文字サイズはそれなりの大きくしたいですね。今のテンプレートも十分に読み易いですが、もう少し文字サイズが大きくてもいいかもです。
- タイトルはデザインされた画像が欲しいです。アフィリエイトしているのはブログに手を入れたいからです。まずはタイトルを頼みたいと思っています。
- 画像のサイズを統一して見易くしたい。整然と揃っている画像は美しいのではないかと思いました今までの記事も含めて画像のサイズ(横)を揃えていきたいですね。
パーツ編
- タイトル下にオススメ記事のパーツを設置したい。さまざまにカスタマイズされている諸先輩方のブログを参考に設置してみたいと思います。
- 人気エントリーのパーツを設置したい。まだまだ記事が少ないですので、もう少し記事が増えてきたらぜひやりたと考えています。
グッチはこう思った
このブログをスタートして早いもので、もう2ヶ月が過ぎました。いろいろと手を入れていきたいと考えていることを一度、まとめてみようと思いこの記事を書きました。
パーツについては、まだまだよく知らないところがありますので、これからもいろいろなブログを参考にしていきたいです。
着実にひとつひとつ実現していきたいと思います。
参考リンク
初心者の私がブログカスタマイズする際に役立ったツール/サイト一覧 - 24、♀、NEET脱出(予定)
はてなブログにはてなブックマークウィジェットを設置/カスタマイズする方法 - マトリョーシカ的日常
はてなブログは記事の繋がりを少し強化するだけで、PV数が劇的に伸びるのではないだろうか?という話。回遊率アップのために! - クレジットカードの読みもの