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

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

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

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

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

段階として“noto-sans-jp”というフォントを、PCへダウンロードしてある状態からのカスタマイズです。Googleフォントのダウンロードはこちらにて…ご参照ください ⇩

［ムラゴンブログ］ブログの書体をGoogleフォントに変えてみる

ムラゴンブログで文字の書体を変えてみた。Googleフォントをダウンロードして使うやり方を一部紹介してます。

ブログの書体を“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;
}

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

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

コメント