アメブロdeアクセスアップ

アメブロ カスタマイズ サイドバーのフォントの大きさを変更する。 | アメブロのテンプレートやツールを使って、アクセスアップする方法やアメブロカスタマイズの方法をご紹介します。


テーマ:サイドバーカスタマイズ

アメブロのプチカスタマイズです。

サイドバーの文字の大きさ、気になりますか?

 

ちょっと小さい?どう?

 

 

 

 

 

 

 

アメブロを始めたばかりの方が、最近増えています。
私もアメブロファンなので、とっても嬉しいです。

 

 

いろいろとブログを立ち上げると、
テンプレート(デザインスキン)などをちょっといじりたくなりますよね。

 

 

先日、メッセージでカスタマイズのリクエストをいただきましたので、
そのリクエストにお応えしたいと思います。

 

今回は、サイドバーの文字の大きさを変更したいというリスエストがありました。

 

サイドバーのカスタマイズは、他にもいろいろあるんですが、
文字(フォント)の大きさを変更する方法です。

 

 

 

ただ、今回はピンポイント!!

 

プロフィールの【自己紹介】の説明文の文字を大きくしたいという希望。

 

 

 

このプロフィールの部分は、
自分のマイプロフィールへリンクを飛ばす大事な場所です。

 

 

 

以前の記事でも書きましたが、
プロフィールを見ている方ってとっても多いです。
そこから、ペタを付けたり読者登録してくださったりする読者さんも
いらっしゃいます。
プロフィールからも、ブログにリンクが張ってありますし、
アクセスアップには、欠かせない場所です。
【マイプロフィールは大事です!!】

 

 

サイドバーからのプロフィールの誘導も、
読者さんにとっても大事な部分です。

 

ただね。

 

 

全体的なバランスを考えると、
とても大きなサイズでは、いい感じとはいえません。

 

 

 

ここは記事本文や、他のサイドバーの項目との、
バランスを出来るだけ保つようにしましょうね。

 

 

この部分は、CSSの変更を使って行います。
イメージはこんな感じです。

サイドバーのフォントサイズ変更

 

 

 

hana2CSS編集手順

 

CSS変更可能なテンプレートの場合は、
マイページより【デザインの変更】をクリック。

 

 

【CSSの編集】から

コメントアウトに書かれている【 サイドバーエリア】を探してみてください。

※探しにくい場合は、Control + F で検索を書けます。
検索窓の中に、skinMenu と打ってください。
見つかると思います。

 

 

CSSの一番下に、コードを記載してもいいのですが、
パーツごとにコードを記載した方が、
あとあと見つけやすいです。

 

 

CSSのコードが増えていくと、
パーツごとに、整理すると解りやすいからです。

 

skinMenu というのが、サイドバーの部分を指します。

skinMenuBody というのが、サイドバーの本分の部分です。

 

 

 

skinMenuBody{}の下に、下記のコードを追加してください。

 

 

 

 

今回は、12ポイントにしました。

 

保存をして、ブログを確認してみてください。

※表示できない場合は、F5を押下して更新をかけてくださいね。

こんな感じになります。

フォント変更後

 

ちょっと大きくなったでしょう?

 

私のサンプルサイトでも、確認してみてくださいね。

【サンプルブログで確認】

 

 

CSS変更できないデザインスキンの場合は、

下記のソースをフリープラグインに貼ってくださいね。

 

 

 

 

 

 

※フリープラグインの場合は、保存をしたら、
配置設定で、フリープラグインを【使用する機能】の場所に移動させましょう。
この移動ができていない場合は、表示されません。

 

 

以上です。

 

また、今回は、【自己紹介】の文言のみのサイズを変更しましたが、
サイバー全体の文字を大きくしたい場合は。

 

 

 

と記載すると、サイドバーの本文全体の文字の大きさが、変更できます。

 

 

 

ちょっと大きくしたいなーって感じている方は、
ぜひ編集してみてくださいね。

 

 

私のおすすめのカスタマイズマニュアルは、とても参考になりますよ。

 

 

 

 

このブログデザインは、アメブロビズ2(AmebloBiz2)で作った、
テンプレートを使っています。美しいデザインがいっぱいです。
 
 
 

テンプレートデザイン・カスタマイズのこと、アクセスアップのこと、
アメブロのことならお任せあれ!

Copyright © アメブロdeアクセスアップ All Rights Reserved.