FC2ブログ

ハーレクイン図書館      
ハーレクインのことなら何でも・・・                         FC2館

表紙の作り方

FC2ブログの表紙の作り方です。(ハーレクイン図書館の場合)
よくわからない人がまとめているので要領のいい説明ではありませんが
ご参考までに。用語&記述に間違いもあるかと思いますが適当に解釈してください。

『テンプレートの設定』で、現在使用しているテンプレート(rose)と同様のものをもうひとつ追加、名前を変更する(私の場合rosetopとしました。)このテンプレートが表紙用のテンプレートとなります。

表紙用テンプレートrosetopを編集します(「修正」をクリック。HTMLの編集画面のタグを編集します)。タイトル部や全体のフレーミングなど使う部分を残してあとのタグを削除。<%ad> や copyright 部分は残しておきましょう。HTMLの知識が少し必要です。私の場合は<div id="left"> 以下、<div id="right">までの間のタグをすべて削除。<div id="left">というのは画面の左側、ページのメイン部分の表記にあたります。ここを削除すると、プレビューで見ると画面左側が空白になります。

この空白部分にHP作成同様、自由に画像や文章を入れ込みます。文字色、太字、改行程度の簡単なHTMLの知識が必要です。HTML編集の欄に直接書き込んでしまいます。

注意*最新の日記ページ(もとのトップページ /?page=0)へのリンク設置を忘れずに! これがないと来訪者が迷ってしまいます。
私の場合はhttp://harlequintosyokan.blog7.fc2.com/?page=0へのリンク設定となるので↓こんなふうになります。
<a href="http://harlequintosyokan.blog7.fc2.com/?page=0">最新の日記へ</a>

更新ボタンをクリックして保存すれば出来上がり。
これが表紙用のテンプレート(表紙ページ)になります。

さて、あとはこの表紙ページをHPでいう「ホーム」のような形でもとのブログのトップにつければいいわけです。ここからの作業は使用しているテンプレート(rose)の修正作業になります。

まずタイトル部のリンク先を表紙ページにします
*どうしてこんなことをするかわかりますか?
実はタイトル部分をクリックするとトップページ(最新の日記ページ)にリンクするようにあらかじめ設定されているのです。ですからこのリンク先を新しく作った表紙に直す必要があるのです。
*ではどの部分を書き直せばいいのか?
タイトル部分ですから上の方です。HTMLを上からゆっくり見ていってください。<div id="left">という記述が見つかります。さきほども書きましたが、この部分から下がページ左側の設定になりますから、タイトル部はこれよりも上になります。この記述の数行上のタグを下記のように修正すればOKです。
<h1><a href="./?style2=rosetop"><%blog_name></a></h1>
赤字部分にご自身の表紙テンプレートの名前を入れてください。

最後にもうひとつ。上からHTMLを見ていくと<head>というタグがあります。この直後に以下のスクリプトを書き込みます。それぞれ赤字部は「自分のブログのURL(最新の日記ページ)」「表紙のURL」です。

<script type="text/javascript"><!--if (""+self.frames.location=="http://harlequintosyokan.blog7.fc2.com/") { location.href="http://harlequintosyokan.blog7.fc2.com/?style2=rosetop" }
//--></script>

この記述によってあなたのURLにアクセスすると自動的に表紙ページにジャンプするように設定されます。
関連記事
スポンサーサイト



Edit
  1. 2005/04/12(火) 23:57:34|
  2. ブログ初挑戦レポート|
  3. トラックバック:0|
  4. コメント:0

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://harlequintosyokan.blog7.fc2.com/tb.php/17-3da4d26d