団塊世代プラスONEの徒然介護日記

　ここは団塊世代プラスONEのブログページです。

　タイトル画面を修正しました。

　丸一日雨だったので、以前から考えていたテンプレートの変更
に挑戦してみました。

　「ナラ咲く」ではまだ殆どの人が既存のテンプレートを使用して
いるだけですが、少し慣れてくるとタイトル画像に自分が撮した
写真（又は気に入った写真）を入れたくなるでしょう。

　思ったより簡単にできたので、ポイントだけ紹介しておきます。

　基本は2ステップです。

　１）画像を選択し必要なサイズに修正する。
　２）それを画像一覧にアップロードし、テンプレートに貼り付ける。

　まず、ファーストステップですが、これは「ペイント」などを使用して
画像をやや細長に切り取るものです。
　横幅はブログページと同じ幅がよいでしょう。ディスプレイ画面の
大きさにもよりますが、２１～２４cm位です。縦の長さは好みにより
ますが、３～８cm位がよいでしょう。

　セカンドステップは、その画像を一旦「画像一覧」にアップロード
します。ファイルサイズは「オリジナルサイズ」にしておきます。
　その画像を選択（表示）しurlをコピーしておきます。（クリップボードへ）

今回使用した画像のurl(例)

http://blog.narasaku.jp/usr/pandora/%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E7%94%A8%EF%BC%93.jpg

　ここからが少し難しくなります。会員IDとパスワードを入力し、管理TOP
を表示します。
　①ブログ設定メニューのテンプレートをクリックします。
　②画像が入った希望のテンプレートを選択します。
　③カスタマイズをクリックします。
　④スタイルシートがでてきますので、右端のバーをマウスで掴んで
　　下の方へスライドさせます。CSS情報が上へ消えていきます。
　⑤「#banner,#subbanner{」が出てくるまでスライドさせて、background
　　　の後ろのurl()の括弧（）の中を消します。
　⑥この括弧（）の中に先ほどクリップボードにコピーしておいた目的の
　　画像のurlをコピーします。
　⑦一番上のテンプレート名を適当に直します。（画像に関するタイトルへ）
　⑧最下段の「登録」を押して完了です。
　⑨通常のブログを表示してできばえを確認します。
　⑩気になる部分があったら、画像を直して上記の操作を繰り返します。

下の情報はスタイルシートの一例です。参考にしてください。

修正前
　/*-----ブログタイトル画像設定---*/
#banner,#subbanner{
background:#000 url(/_img/1all_std_tp/photo_2cam/photo_2cam_kawa_500/top.jpg) top;
background-repeat:no-repeat;
padding:0px 10px 0px 10px;
height:300px;

修正後
　/*-----ブログタイトル画像設定---*/
#banner,#subbanner{
background:#000 url(http://blog.narasaku.jp/usr/pandora/%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E7%94%A8%EF%BC%93.jpg) top;
background-repeat:no-repeat;
padding:0px 10px 0px 10px;
height:300px;

　最後の「height:300px」が画像の高さを表しています。実際の画面を見て
調整してください。（200～400が妥当でしょう）

　参考にした本は以下の通りです。

　「できるブログ」　gooブログ対応　改訂版　インプレスジャパン発行　１，５８０円
　　　（レッスン４７，レッスン４８に該当の記事がありました）　

　判らない点がありましたらメールを下さい。もう少し詳しく説明いたします。

　　　　　　　　「ムラサキツユクサ」です。北アメリカ原産。　花言葉：貴ぶ。


　　　　　　 「ルドベキア」です。これも北アメリカ原産。　花言葉：公平、正義。


昨日の歩数：５，００３歩