Asgard のプラグインエリアの幅を変更しよう！

Asgard はプラグインエリアの幅が小さめになっています。

デフォルトで 170px しかなく、これにはボーダーラインの幅や余白の幅も含まれるので、実際に設置できるブログパーツの幅は 160px 程度になります。

この幅でははみ出してしまうブログパーツも多いと思いますので、プラグインエリアの幅を変更する方法を書いておきます。

（詳しくは詳細記事にて）

仮に、プラグインエリアの幅を 30px 大きくするとします。

テンプレート編集画面の CSS の中から下記の記述を探し出します。
（「Ctrl + F」を使うと便利です）

/*プラグイン表示箇所全体の設定*/
　　　　　.PluginBlock {
　　　　　 width: 170px;
　　　　　 text-align: left;
　　　　　 float:left;
　　　　　 color:#666;
}

ここの、width の値に +30 します。



次に、ブログ全体の幅を大きくするか、記事エリアを縮小するか決めます。
3カラム（正式版）の場合は元々記事エリアが小さいので、ブログ全体のサイズを大きくすることをお勧めします。
※ブログ全体の幅を大きくする場合

#mainBlock {
 　　　　　width:800px;
 　　　　　text-align: center;
 　　　　　margin-left:auto;
 　　　　　margin-right:auto;
 　　　　　padding:10px 0px 0px 0px;
}

前の手順と同じ要領でこの項目を探し出し、 width の値に

3カラムの場合は 30×2 で 60
2カラムの場合は 30

それぞれプラスします。
（3カラムの時プラスする値が2倍になるのは、プラグインエリアが左右両方とも大きくなっているためです）

※記事エリアを縮小する場合

.PluginBlockC {
 　　　　　width: 440px;
 　　　　　text-align: center;
 　　　　　float:center;
 　　　　　margin-left:4px;
}
 

#EntryBlock {
　　　　　 width: 450px;
 　　　　　float: left;
 　　　　　text-align: left;
 　　　　　margin-left:5px;
 　　　　　margin-right:5px;
}

前の手順と同じ要領でこれら2項目を探し出し、 width の値から

3カラムの場合は 30×2 で 60
2カラムの場合は 30

それぞれマイナスします。
（3カラムの時マイナスする値が2倍になるのは、プラグインエリアが左右両方とも大きくなっているためです）