［ムラゴンブログ］「読者になる」「トップへ」などのボタンをカスタマイズ

ムラゴンブログは、
テンプレート自体が少ない、、

などと思いながらも…
カスタマイズできそうなトコと言えば、リンクボタンな箇所とか。

この辺を変えられるのか、、トライしてみました。

まずは“読者になる”ボタンと、
サイドにチラチラあらわれる“トップへ”のボタン。

ブログの書体を“noto-sans-jp”にしてみると、
ページのほぼほぼがこのフォントになるものの。

それとまるで合ってないボタンが、
この“読者になる”の字だったので、、、笑

ちなみに変える前はこんなボタン ↓

ダッシュボードのデザイン変更 →
一番下にあるCSSカスタマイズに、以下のコードを入力します。

CSS

/* 読者になるボタン箇所 */
a.widget-btn {
font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'Yu Gothic UI', 'Meiryo UI', メイリオ, Yu Gothic, 'M PLUS 1p', sans-serif;
border-radius: 10px;
}

結果、こんなふうに変えられました^^

すると同時に?
記事の下にある“★nice！”や、
“リブログする”ボタンなども変わってるw
なんてこった♪

でもこのほうがいいのでコレで…😆
なんで連動したのかわからないまま、、ではありますが。

ちなみにデフォルトだとこんな感じ ↓

続いて同じくCSSカスタマイズ欄に、
トップへのボタンなカスタマイズも入れてみます。

/* 右端のトップへ部分 */
div.page-top {
border-radius: 10px;
}

このボタンは出たり消えたりしますが、
これで周りの線がちょっと変わったのを確認できるかと思います。