テーマ変更「Haruni」から「マテリアルぽっぷ」へ
こんばんは(o'∀'o)ﾉ))ﾌﾘﾌﾘ
どうも、かりんです(`･ω･´)ゞﾋﾞｼｯ
今回、はてなブログのテーマを変更させて頂きました┏○))ﾍﾟｺ
Haruniに変更した時
ブログを始めたときに設定したテーマでした。
その時の記事はこちらです
カスタマイズなども記載しています(`･ω･´)
新しいテーマ「マテリアルぽっぷ」
マテリアルぽっぷのテーマはこちら
カスタマイズ
PC版TOPページを記事のみ3カラムから、メニュー有りの3カラムに変更する方法をこちらの記事を参考にさせていただきました
通常だとサイドバーが下に移動するため、変更させて頂きました
ヘッダー周りもカスタマイズ
シェアボタンも変更
しかしながら、こちらのシェアボタンに変えた所、Twitterのアイコンが変な挙動を示しました。
PC版では右上のTwitterアイコンの背景が青色になったり･･･
直し方は、こちらの記事を参考にしました！
変更箇所はこちらだそうです。
■HTML■
<a class="sns-twitter sns-link" href="https://twitter.com/intent/tweet ?
↑のsns-twitterというクラス名が被っているので、sns-twitter1にする。
■CSS■
.sns-twitter {
background: #55acee;
}
CSSも同様にsns-twitterをsns-twitter1にする。
とても参考になりました┏○))ﾍﾟｺ
まとめ
かっこよさもありつつ、可愛さもあるこちらのテーマ
気に入りました(*´ω`*)
まだまだ、いろいろとカスタマイズしていくかもしれませんが･･･
宜しくお願いします<(_ _)>
それでは、ﾌﾘﾌﾘ((ヾ(｡･ω･｡)ﾏﾀﾈｰ♪
