まとめ-デザインシェアするTwitterGoogle+Pocket今回はずっと探していたサイドバーの記事をオシャレかつクリックしたくなるようなデザインを探していました。現在私のサイドバーで実践しているようなデザインが今回紹介するものそのものです。それでは、3つのパターンについて説明していきます。今回紹介するのはパソコンのサイドバーのデザイン性を良くするものです。私のサイトでは以下の画像のように表示されるようになりました。このデザインでは、マウスカーソルを記事に合わせると、表示されている文字が下にずれるアクションが起きます。最新記事をオシャレに今回紹介する方法は全てちろるさん制作のデザインです。最新記事をこのようにする方法を紹介したいと思います。以下のリンクを参考にすれば、すぐに完成させることができます。はてな公式の最新記事モジュールをあのスタイルに。chiroru.hatenablog.com注目記事をオシャレにこの注目記事のモジュールはCSSをコピペし、サイドバーにはてな公式の注目記事モジュールを追加すれば完成です。結局は、CSSで注目記事のデザインを変更するだけですね。【ついでにこっちも】はてな公式の注目記事モジュールを例のスタイルに。chiroru.hatenablog.com人気記事をオシャレにこちらは最新記事と同様にデザインを変更すれば大丈夫なので、簡単です。はてなブログの人気記事を画像付きで表示させる方法。私のブログデザインでは、ある部分のCSSのwidthを100%にしないと、うまく表示されませんでした。この現象については、ちろるさんの記事に詳しく書いてあるので、同じ現象に陥った人は参考にしてみてください。18:30スポンサーリンクシェアするTwitterGoogle+Pocketもしこの記事が気に入って頂けましたなら、シェアして頂けるとすごく嬉しいです。はてなブログPro家電やWeb情報,アプリ開発大好き人間です。オススメの製品やアプリなどを紹介しています。お問い合わせ先mataro.phone[@]gmail.com[@]を@に変更し、メールをお送りください。(1)月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。