後になって何をしたか忘れてしまうので。。
ここで記事にしておきます。
こんにちは。
静岡からナチュラルな手作り品を。。
編み小物・布小物ハンドメイドショップ ボンエプーの太田妙子（みーこ）です。
コラボ展も近いのに。。
ブログ改造し始めてしまいました。
カスタマイズ方法はたくさんの方が記事にしていますが、
◆ 「アメブロ CSS」で検索すると一番
『わざめーば 松本さん』
◆ 「囲み枠」検索すると一番にあがる
『パソコンが好きになるブログ』 川上さん
◆ 動画も使ってわかりやすく、初心者向け＆面白いメニューがある
『やさしいブログの作り方』 松田さん
こちらの方のブログより、わかりやすいものをピックアップしています。
（あくまでも私基準で参考にさせていただいています。）
まずは、ヘッダーの変更から。
お店の看板なので、パッとわかりやす方がいいですよね。
私は、あえて作品数を少なくしてみました。
最初に画像を作っておきます（サイズは980×300）
Excelで画像や文字を取り込み、ペイントで編集。
ちなみに、川上さんの記事でエクセルでヘッダーの作り方がありますよ。
ヘッダ画像の取り込みは、松本さんのブログで。
アメブロのヘッダー画像を設定する
私は、ブログタイトルや説明文をそのまま使いたかったので、
こちらの「ブログタイトル、ブログ説明文～の変更方法」を参考に。
CSS編集の初期設定は、サイドメニューの色がグレーなので、
「記事やサイドバーの枠を丸くしたり～」を。
緑のグラデーションを参考に、カラーコードを見て青（００６６ｆｆ）に変更
※ 赤字のところを好きなカラーコードに変更
border: 1px solid #3fb135; /* タイトル領域の枠線－緑色 */
}
/*メニューのヘッダー*/
.skinMenuHeader{
padding: 6px 6px; /* タイトルと枠の間の余白 */
background-image:linear-gradient(white,#3fb135,#3fb135);/* 緑のグラデーション */
background-color: #3fb135; /* タイトル領域の背景色－緑色 */
}
ここまでいくと、いい感じになってきました♪
次はメニューバーの設置を～！
と、思いましたが。。。
手仕事しなくちゃ。
中途半端ですが、今日は終わり。
あ、最後にブログ記事を読みやすいフォントに変更しておきました。
「メイリオフォントに変更する方法」
松田さんのカスタマイズメニューを見ると、面白いものがいっぱい。
時間見つけて使ってみよっと。
覚え書きで記事にしてみましたが、ぜひ参考にしていてくださいね～♪
編み小物・布小物ハンドメイドショップ ボンエプーの太田妙子（みーこ）でした。
布わりん ＆ ボンエプー コラボ展
「森の散歩道 vol.1」
～癒しを探しにきませんか？～
１０月２３日（金）・２４日（土） １１時～１５時
池田の森ペーカリーカフェさん ２階にて
詳細はこちらをご覧くださいね♪
「森の散歩道 vol.1」
～癒しを探しにきませんか？～
１０月２３日（金）・２４日（土） １１時～１５時
池田の森ペーカリーカフェさん ２階にて
詳細はこちらをご覧くださいね♪
手作りの温かさが伝わりますように。
