アメブロカスタマイズその①に続いて
今回の作業は、
ヘッド画面上の「名前 ルーム ブログ」の文字を消します。
もちろん、消したくない人は以下の記事は無用ですね。
この方法はいろいろなブログで紹介されています。
現在、このページをご覧になった方で、
興味あれば続きをご覧ください。
デザインの変更/cssの編集 の画面で
先ずは、必ず CSS全体をバックアップしといてくださいね。
編集作業が失敗したときに、容易に元に戻すためです。
CSSの最後に、名前、ルーム、ブログを消すおまじないを追記（コピペ）
そのおまじないは
#overHeader #userNaviArea{
display:none !important;
}
以上の３行です。
コピペしたら
「表示を確認する」 でうまくいったことを確認してから、
最後に保存で終了。
簡単でしょ！！
ヘッドを替えたいな！！！
やっぱ、オリジナルのヘッド画像がいいですね。
この一ヶ月間、ホームページの立ち上げと平行して、
アメブロカスタマイズに挑戦しました。
変更事項
①ヘッドデザインをオリジナル画像で作成する
②ヘッド上の、「ルーム ブログ」を消す
③サイドに画像リンクを貼る
④広告を消す
⑤プルダウンメニューを設置する
⑥問い合わせフォームを設置する
カスタマイズの商材が各種販売されております。
数千円から数万円で、
さすがプロ、
と思わせるカスタマイズです。
でも、お金をかけずにできないもんだろうか？
やっぱり難しいかな？
私も、習得のための時間のことを考えて、
数万円くらいならお金出して、
プロに頼もうとしました。
なにせ、一ヶ月前は
リンクの貼り方もおぼつかなく、
画像からリンクさせるなんて、
自分ではどうにもならない、
とても面倒なことだと思い込んでいました。
実際、申し込みページを開くところまでいきましたが、
あいにく、締め切りで、
バージョンアップ版が出るのが７月下旬ということだったのと、
ホームページ作成のために学んだhtmlの基礎知識を
アメブロに活かせないか、
その試行錯誤で、
判断力向上にも寄与しないか、
という好奇心が勝り、
お金をかけず、
知恵を無理やり絞って、
上記６項目の成功にこぎつけました。
順番にご紹介していこういと思います。
ただし、自己責任でお願いします。
クレームは一切受け付けません。あしからず。
今回は、
オリジナルのヘッド画像を設置していきます。
①設置したい画像を準備します。
画像の横幅は ８００px以下（私の画像は８００pxです）
縦幅はお好きなように（私の画像は１８５pxです）
デジカメで撮った写真を利用する場合は、
windows標準搭載のペイントで 画像の大きさを調整できます。
メニューの変形を選択
ⅰ。伸縮と傾斜 で圧縮
ⅱ。キャンバスの色とサイズ で指定のサイズにする
②画像を設置します。
スキンのカスタマイズのヘッダ画像部分に
今作った画像をUPするだけです。
あとは、ブログの背景やサブカラムの背景の色を
アメブロ内の機能で自分の好きな色にして保存します。
これでヘッド画像挿入が終了しました。
これで保存すると、
ブログのタイトルや説明の文字が
挿入した画像に浮き上がって（重ねて）表示されます。
これはこれで、画像の模様とタイトル文字の位置を調整すれば
思いがけない効果も期待できます。
タイトル文字や説明を消したい場合は
「CSSの編集」を開き、
一番最後に
/*ブログタイトル文字を非表示*/
#header h1{
display:none;/*タイトルを非表示*/
}
#header h2{
display:none;/*概要を非表示*/
}
上の７行をコピペするだけです。
/* */の行は
後で確認するためのメモで、
アメブロ画面には表示されないのでコピペしなくてもいいです。
その場合は、６行のコピペになります。
最後に、
カスタマイズのスキル習得に当たって
後の５記事を毎週水曜日に公開していく予定です。
第５記事はアメンバー限定記事です。
毎週、順番にカスタマイズを楽しみましょう。
ご紹介した方法より簡単な方法があったらお知らせください。
