細かいブログデザイン変更
背景画像を設定
かなり薄い市松模様、確かこういうデザインの布の写真だったはず。
どこかで使いたい人はどうぞ。
PC用メニューバーのリンクをアップデート
トップページに置くだけなら、今までのリンクで良かった。
[/entry/2015/01/09/191358]
ヘッダーに常設してるので、記事ページから上のようなリンクを押すと
http://cliphit.hatenablog.com/entry/entry/2015/01/09/191358
のようになって正常にリンクされなかった。
改善は簡単で、普通に固定リンクへ変更するだけ。
[/entry/2015/01/09/191358] に "http://cliphit.hatenablog.com" をくっつける作業。
はてなフォトライフから張り付けた画像に影を付ける
ドロップシャドウと言うらしい。
上の二つの画像みたいに、写真が浮き上がって見える。そんな効果。
ダッシュボード>デザイン>カスタマイズ>デザインCSSの最後に
.hatena-fotolife{ margin-top: 5px; /* 画像の上の余白*/ display: inline-block; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横方向 下方向 ぼかし 広がり 色 */ }
これをコピペしただけ。
今後適用しっぱなしで画像がうるさいと感じたら、消すかCSS調整しよう。
フラットなソーシャルボタン追加
はてな標準のソーシャルパーツを非表示にして、記事下にお洒落なボタンを付けようと思ったが、見送り。
ボタンを横並びにするCSSの種類がいろいろあり、どのあたりから勉強して使えばいいのか素人には分からない。
また、多分はてなブログの仕様により、トップページをスクロールするだけでは、記事下に設置したソーシャルボタンは表示されなくなる。
利点は、トップページの読み込みが早くなること。
欠点は「続きを読む」などで記事ページへ誘導しないと彼らが表示されないため、共有してもらいにくくなること。
<彼ら>