Loading...

  

このブログのサイドバー一つ目（★マークの所）と二つ目（よく読まれている記事）は
一つのカスタムプラグインに書いてあります。
こういう感じで一つのカスタムプラグインで好きなだけブログを飾ったり記入したりできます
ブログのレイアウトを変えたりするのはとても楽しい作業なのですが
ものづくり日記のレイアウトは幅とか色とかいろいろ変えて、ソラマメブログと同じようなレイアウトに変更して使っています
ブログのページをIEなどのメニューバーから表示→ソースで表示させて
だいたいこの辺かなという所をていやっとコピーして

それを改造したり参考にしたりして作っていきます
参考ページ
サイドバーの各パーツに背景画像を表示させる
参考新たに追加（よく読んでないけど、もっと近そうな説明ぽい）
カスタムプラグインをサイドバーと同じ装飾にする
できたらメインではないブログでテストできると、レイアウトが崩れてしまった場合などに
いいですよね。
というのは私が崩してしまってな事があったからですが・・
サイドバーをほとんどなくしてしまったりして遊んでました
それからは英語版ソラマメでテストしてみたりしてます。

参考ページにも書いてありますが
「必ずソースのバックアップを確保した上で作業を行ってください」
ブログのレイアウト変更などは自己責任でお願い致しますm(_ _)m  

ソラマメのテンプレートって時々プロフィールの文字がすごく小さいのが
ありますね
プロフィール欄を表示させるのなら、読みにくいのはなんとなく気になるので
テンプレートで変更してみました。
ブログテンプレートはSuper Simple whiteを使っています。

ついでに、プロフィールの名前の表示は太字から普通の文字へ変更しました。
あとは、ブログタイトルの文字の大きさの変更もしました。
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
カスタマイズ→スタイルシート

/* プロフィール */
.profile {
margin-bottom: 10px;
}
.nickname{
font-weight: normal;　　　　←boldからnormalへ変更（太字から普通の太さへ）
word-spacing: 0.2em;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}
.photo{
text-align: center;
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
}
.message{
font-size: 110%; ←85％から110％へ変更
line-height: 120%;
margin: 5px;
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
ブログタイトルの文字の大きさの変更

/* ************************************************
* バナー（ページ上部）の設定
* ************************************************ */

/* ブログタイトル */
.blogtitle{
font-size: 200%;←現在２００％なので、この％の数値を180％なり220％なり好きな大きさに変更する　　　　
・・・・・・・・・・・・・・・・・・・・・・
画像は特に関係ありません