2005年07月05日
やったらできた!メルマガ!初めの一歩!◆メニューの全ページ表示
---------------------------------------------------------------------
やったらできた!メルマガ!初めの一歩!
No.0020 2005/07/04
---------------------------------------------------------------------
まいどありがとうございます、LINです。
うーん、今回はちょっと長くなってしまいました。
内容を濃くしようと思ったこともありますが、方法説明はやっぱり長く
なってしまいがちですね(−−;
ということで、気合入れて読んでみて下さい。
「ちょっと長いよ〜」
「これじゃ読めんな!」
と思った方は、本題に入ったあたりから下の方は読み飛ばして下さい。
方法論についてはサイトの方にもアップする予定ですので、そちらで
ゆっくりご覧頂ければと思います。
ただし直ぐにはアップできないと思いますので、申し訳ありませんが
早く知りたい方はがんばって読んで下さいね(^^)
それでは早速いってみましょう〜。
やったらできた!メルマガ!初めの一歩!
No.0020 2005/07/04
---------------------------------------------------------------------
まいどありがとうございます、LINです。
うーん、今回はちょっと長くなってしまいました。
内容を濃くしようと思ったこともありますが、方法説明はやっぱり長く
なってしまいがちですね(−−;
ということで、気合入れて読んでみて下さい。
「ちょっと長いよ〜」
「これじゃ読めんな!」
と思った方は、本題に入ったあたりから下の方は読み飛ばして下さい。
方法論についてはサイトの方にもアップする予定ですので、そちらで
ゆっくりご覧頂ければと思います。
ただし直ぐにはアップできないと思いますので、申し訳ありませんが
早く知りたい方はがんばって読んで下さいね(^^)
それでは早速いってみましょう〜。
---------------------------------------------------------------------
◆メニューの全ページ表示
リニューアルした内容は次の通りです。
とりあえずはこの内容についてお伝えしていきます。
新しく追加したら随時、お伝えしますね。
・メニュー全ページ表示
・サイドバーを全ページに表示
・お気に入り登録表示
・ブログランキング表示
・直接、記事編集するEditリンクを追加
・タイトル説明文の変更
さて、では説明に入る前に・・・ですが、
>色々カスタマイズするってことは・・・メルマガにとっても良いこと
>なのです。
>その秘密は・・・次回以降、お伝えしていきますね!
と、前回、お伝えしました。
まずはその秘密(?)についてお話しておきます。
将来的にはメルマガの読者を増やしたい、と考えている場合のみですが
「メルマガとサイトを連動させる」と良いと一般的に言われています。
メルマガだけでも少しずつでも増えますが、スピードが違うのです。
ちなみに同時にサイトへのアクセスを増やすことにも繋がります。
つまり
メルマガ → サイトへ誘導 → サイトアクセス増える
→ ランキングなどで上位に上がってくる → サイトアクセス増える
→ メルマガ登録者が現れる
というサイクルが発生します。
その為にサイトを充実させるというのは、メルマガにとってもムダでは
ない、ということです。
ですが、まぁ、そうそう簡単にはいかないことも事実です。
私の場合は、せっかくブログを立ち上げているのだから、ちょっと勉強
しよう、というところから入りました。
ただそういったことも知識としては知ってますので、メルマガの肥やしに
なれば良いな、とは考えています。
さて、それでは本題に入ります。
今回は
・メニュー全ページ表示
についてです。
何のことだか分かるでしょうか?
色々なサイトを見ている時のことを思い出してみて下さい。
どのページにジャンプしてもトップページに戻れたり、他のカテゴリの
ページにジャンプできたりしますよね。
私のサイトで言うと、下記のカテゴリがあります。
・TOPページ
・プロフィール
・お勧め本
・ノウハウ
・メルマガバックナンバー
「お、あれのことか!」って思って頂けましたか(^^)
実際はこんな感じです。
(ページの一番上の方をご覧下さい)
→ http://blog.livedoor.jp/pluna/
以前はサイドバーに付けていたんですが、サイドバーも縦長になってき
ましたので、ちょっと変えてみました。
ちなみに表示場所は次の3箇所です。
どこへジャンプしても表示されるようにしてあります。
・ページの一番上
・ページの一番下
・各記事の下
こんな感じです。(スクロールしてご確認下さい)
→ http://blog.livedoor.jp/pluna/
ではどうやって表示させるか、を見ていきましょう。
冒頭でも述べましたが、説明の性質上、かなり長くなっています。
後でいいや、と思った方は読み飛ばしてくださいね(^^)
1.「Blogの設定/管理」を表示
2.「デザインの設定」をクリック
3.ジャンル一覧から「スタンダード」をクリック
4.スタンダードの一覧から「CUSTOM」をクリック
ここまで進むと「テーマの設定」という新しいウィンドウが開きます。
このページに次の言葉が書いてあります。
「2004.7.9 HTMLテンプレート編集機能ができました!
こちらのページからどうぞ。」
5.「こちらのページからどうぞ」をクリック
ここまでで「トップページ」「個別記事」「カテゴリ別アーカイブ」
「月別アーカイブ」別に編集する為の目次ページが開きます。
ここに書いてある4つの項目を編集することで、それぞれのカテゴリ
のページを全て同じテンプレートにすることができます。
これを利用して全ページにメニューを追加します。
今回はトップページについて編集していきます。
6.「トップページ」の「編集」をクリック
クリックしましたか?
あっ・・・・大丈夫ですか!?
どうやら拒絶反応を起こした方いるようです(−−;
という冗談は置いといて・・・
お気付きになりましたでしょうか?
そうです、HTMLを少し扱うことになります。
あっ、逃げないで下さい!
分かり易く説明しますから〜!!
・・・・失礼しました。
ではいきます。
7.HTMLが書いてある欄の中で次の3つのキーワードを探す。
(1)<$BlogDescription$>
(2)<IfFirstArticle>
(3)<div id="footer">
(1)はページの上、(2)は記事の下部、(3)はページの下
が該当します。
見つかりましたか?
目視で探すと時間が掛かるのでこうやって見て下さい。
一発で目的の場所に飛んでいけます(^^)
「HTMLの記述がある欄にカーソル移動(欄をクリックし編集でき
る状態にする)」
「Ctrl+F」
「検索する文字列にキーワード入力してリターン」
見つかったら、その周りはこんな感じになっているはずです。
(1)
<div class="description"><$BlogDescription$></div>
</div>
<div id="content">
<div class="blog">
(2)
<IfFirstArticle><$Advertise$></IfFirstArticle>
</div>
</IndexArticlesLoop>
<!-- Loop End -->
(3)
<div id="footer"></div>
</div>
</body>
</html>
8.下記の記述を下記の場所に挿入する。
「挿入する記述」の「ABCD」の部分は、あなたのHPの其々の
URLを入れて下さいね(^^)
また不要な要素は削除するか、違う単語に変更して下さい。
・挿入する記述
<div align=center>
<hr>
<a href="ABCD">TOPページ</a>|
<a href="ABCD">プロフィール</a>|
<a href="ABCD">お勧め本</a>|
<a href="ABCD">ノウハウ</a>|
<a href="ABCD">メルマガバックナンバー</a>
<hr>
</div>
・挿入場所
(1)
<div class="description"><$BlogDescription$></div>
</div>
ここ!
<div id="content">
<div class="blog">
(2)
<IfFirstArticle><$Advertise$></IfFirstArticle>
ここ!
</div>
</IndexArticlesLoop>
<!-- Loop End -->
(3)
<div id="footer"></div>
</div>
ここ!
</body>
</html>
※注意!
上記をそのままコピーした場合は、各行先頭の全角空白は削除して
下さい。
9.「保存する」ボタンをクリック
10.保存されたら「Blogの設定/管理」をもう一度、表示
11.「Blogの再構築」をクリック
12.「トップページ」を選択し「再構築する」ボタンをクリック
編集作業はここまでです。
再構築が終了したら自分のページを開いて見ましょう!
いかがでしたか?
うまく出来たでしょうか?
上手くいかない場合は遠慮なくご質問下さいね。
「個別記事」「カテゴリ別アーカイブ」「月別アーカイブ」についても
大体、同じ場所に挿入することになります。
こちらの方はHPの方で個別にお伝えしていきます。
コツを掴めた方はやってみて下さい(^^)
今回の内容を気に入って頂けたならポチッとお願い致します。
(ランキング参加中です(^^))
→ http://blog.with2.net/link.php?112157
---------------------------------------------------------------------
【編集後記】
今回の策は実はHP作成のノウハウの1つだったりします。
あなたは今回、私のHPを何度か見たと思いますが、以前と比べて何か
感じたことはありませんでしたか?
その答えですが・・・あなたが色々なHPを見た時、そのHPの中をあ
ちこち行ったり来たりしますよね?
その時、違うページを見たいのに行き方が分からず、トップページに
「戻る」「戻る」・・・とクリックして戻っていった経験はありません
か?
その時、今回のようなメニューが全ページに表示されていると、迷わず
そこをクリックしていたはずです。
またHPは縦にスクロールして見るものです。
一番下まで見た時にまた上の方に戻るのも面倒臭いですよね?
それで全ページの上下にメニューを付ける訳です。
こういったことで、見てくれる方のストレスを少しでも和らげることは
魅力的なHPを作る上でとても大切だと思います。
私のHPもマダマダですが、どうせ作るなら、ということで色々と試し
ていきたいと思います(^^)
---------------------------------------------------------------------
◆このメルマガのコンセプト (ここは毎回、同じ内容です)
<<初めて読んでいただく皆さん、登録ありがとうございます!>>
◎目的
何はともあれメルマガ発行できるようになること。
◎伝えたい方
「伝えたい想いがあるけど中々行動に移せない」という方
「メルマガ出してみたいけど難しそう」という方
「HP作る?ネタも無いな・・・何だか面倒くさい」という方
「やってるうちによく分からなくてやめちゃった」という方
「やってるうちに何だか不安になってやめちゃった」という方
あなたが発信しようとしている、あなただけがもっている。
想い、情報、これまでの人生の経験。
それは発信できさえすれば誰かを救うかもしれない、幸せにするかもしれ
ない素晴らしい可能性を秘めています。
メルマガはそんな想いを多くの方に届けることができる強力なツール。
それが「発行できない」だけで潰れてしまうのはすごく哀しいことです。
まずは「発行した!」という状態に持っていく。
そこまで進むことができればきっと次の道が見えてくる・・・ハズです!
そのためのお手伝いができれば嬉しい限りです(^^)
私自身もこのメルマガを通して一緒に成長していきたいと思っています。
いっしょにがんばりましょう!
---------------------------------------------------------------------
発行者:林 貴之(はやし・たかゆき) 通称:LIN
ブログ:http://blog.livedoor.jp/pluna/
連絡先:lin_0209@yahoo.co.jp
(ご質問、ご指摘がありましたら遠慮なくご連絡下さい(^^))
登録解除:http://blog.livedoor.jp/pluna/
http://www.mag2.com/m/0000157888.htm
バックナンバーはこちらからどうぞ!
http://www.mag2.com/m/0000157888.htm
※感想をお待ちしています!
「楽しかった」「役に立った」など一言でも構いません。
皆様の感想がメルマガを書く元気になります(^^)
---------------------------------------------------------------------
(おまけ)
うーん、メルマガだけで説明しようとすると、えらいことになって
しまいましたね(−−;
少しやり方を考えてみることにします。
良い方法・・・見つかるかな?
◆メニューの全ページ表示
リニューアルした内容は次の通りです。
とりあえずはこの内容についてお伝えしていきます。
新しく追加したら随時、お伝えしますね。
・メニュー全ページ表示
・サイドバーを全ページに表示
・お気に入り登録表示
・ブログランキング表示
・直接、記事編集するEditリンクを追加
・タイトル説明文の変更
さて、では説明に入る前に・・・ですが、
>色々カスタマイズするってことは・・・メルマガにとっても良いこと
>なのです。
>その秘密は・・・次回以降、お伝えしていきますね!
と、前回、お伝えしました。
まずはその秘密(?)についてお話しておきます。
将来的にはメルマガの読者を増やしたい、と考えている場合のみですが
「メルマガとサイトを連動させる」と良いと一般的に言われています。
メルマガだけでも少しずつでも増えますが、スピードが違うのです。
ちなみに同時にサイトへのアクセスを増やすことにも繋がります。
つまり
メルマガ → サイトへ誘導 → サイトアクセス増える
→ ランキングなどで上位に上がってくる → サイトアクセス増える
→ メルマガ登録者が現れる
というサイクルが発生します。
その為にサイトを充実させるというのは、メルマガにとってもムダでは
ない、ということです。
ですが、まぁ、そうそう簡単にはいかないことも事実です。
私の場合は、せっかくブログを立ち上げているのだから、ちょっと勉強
しよう、というところから入りました。
ただそういったことも知識としては知ってますので、メルマガの肥やしに
なれば良いな、とは考えています。
さて、それでは本題に入ります。
今回は
・メニュー全ページ表示
についてです。
何のことだか分かるでしょうか?
色々なサイトを見ている時のことを思い出してみて下さい。
どのページにジャンプしてもトップページに戻れたり、他のカテゴリの
ページにジャンプできたりしますよね。
私のサイトで言うと、下記のカテゴリがあります。
・TOPページ
・プロフィール
・お勧め本
・ノウハウ
・メルマガバックナンバー
「お、あれのことか!」って思って頂けましたか(^^)
実際はこんな感じです。
(ページの一番上の方をご覧下さい)
→ http://blog.livedoor.jp/pluna/
以前はサイドバーに付けていたんですが、サイドバーも縦長になってき
ましたので、ちょっと変えてみました。
ちなみに表示場所は次の3箇所です。
どこへジャンプしても表示されるようにしてあります。
・ページの一番上
・ページの一番下
・各記事の下
こんな感じです。(スクロールしてご確認下さい)
→ http://blog.livedoor.jp/pluna/
ではどうやって表示させるか、を見ていきましょう。
冒頭でも述べましたが、説明の性質上、かなり長くなっています。
後でいいや、と思った方は読み飛ばしてくださいね(^^)
1.「Blogの設定/管理」を表示
2.「デザインの設定」をクリック
3.ジャンル一覧から「スタンダード」をクリック
4.スタンダードの一覧から「CUSTOM」をクリック
ここまで進むと「テーマの設定」という新しいウィンドウが開きます。
このページに次の言葉が書いてあります。
「2004.7.9 HTMLテンプレート編集機能ができました!
こちらのページからどうぞ。」
5.「こちらのページからどうぞ」をクリック
ここまでで「トップページ」「個別記事」「カテゴリ別アーカイブ」
「月別アーカイブ」別に編集する為の目次ページが開きます。
ここに書いてある4つの項目を編集することで、それぞれのカテゴリ
のページを全て同じテンプレートにすることができます。
これを利用して全ページにメニューを追加します。
今回はトップページについて編集していきます。
6.「トップページ」の「編集」をクリック
クリックしましたか?
あっ・・・・大丈夫ですか!?
どうやら拒絶反応を起こした方いるようです(−−;
という冗談は置いといて・・・
お気付きになりましたでしょうか?
そうです、HTMLを少し扱うことになります。
あっ、逃げないで下さい!
分かり易く説明しますから〜!!
・・・・失礼しました。
ではいきます。
7.HTMLが書いてある欄の中で次の3つのキーワードを探す。
(1)<$BlogDescription$>
(2)<IfFirstArticle>
(3)<div id="footer">
(1)はページの上、(2)は記事の下部、(3)はページの下
が該当します。
見つかりましたか?
目視で探すと時間が掛かるのでこうやって見て下さい。
一発で目的の場所に飛んでいけます(^^)
「HTMLの記述がある欄にカーソル移動(欄をクリックし編集でき
る状態にする)」
「Ctrl+F」
「検索する文字列にキーワード入力してリターン」
見つかったら、その周りはこんな感じになっているはずです。
(1)
<div class="description"><$BlogDescription$></div>
</div>
<div id="content">
<div class="blog">
(2)
<IfFirstArticle><$Advertise$></IfFirstArticle>
</div>
</IndexArticlesLoop>
<!-- Loop End -->
(3)
<div id="footer"></div>
</div>
</body>
</html>
8.下記の記述を下記の場所に挿入する。
「挿入する記述」の「ABCD」の部分は、あなたのHPの其々の
URLを入れて下さいね(^^)
また不要な要素は削除するか、違う単語に変更して下さい。
・挿入する記述
<div align=center>
<hr>
<a href="ABCD">TOPページ</a>|
<a href="ABCD">プロフィール</a>|
<a href="ABCD">お勧め本</a>|
<a href="ABCD">ノウハウ</a>|
<a href="ABCD">メルマガバックナンバー</a>
<hr>
</div>
・挿入場所
(1)
<div class="description"><$BlogDescription$></div>
</div>
ここ!
<div id="content">
<div class="blog">
(2)
<IfFirstArticle><$Advertise$></IfFirstArticle>
ここ!
</div>
</IndexArticlesLoop>
<!-- Loop End -->
(3)
<div id="footer"></div>
</div>
ここ!
</body>
</html>
※注意!
上記をそのままコピーした場合は、各行先頭の全角空白は削除して
下さい。
9.「保存する」ボタンをクリック
10.保存されたら「Blogの設定/管理」をもう一度、表示
11.「Blogの再構築」をクリック
12.「トップページ」を選択し「再構築する」ボタンをクリック
編集作業はここまでです。
再構築が終了したら自分のページを開いて見ましょう!
いかがでしたか?
うまく出来たでしょうか?
上手くいかない場合は遠慮なくご質問下さいね。
「個別記事」「カテゴリ別アーカイブ」「月別アーカイブ」についても
大体、同じ場所に挿入することになります。
こちらの方はHPの方で個別にお伝えしていきます。
コツを掴めた方はやってみて下さい(^^)
今回の内容を気に入って頂けたならポチッとお願い致します。
(ランキング参加中です(^^))
→ http://blog.with2.net/link.php?112157
---------------------------------------------------------------------
【編集後記】
今回の策は実はHP作成のノウハウの1つだったりします。
あなたは今回、私のHPを何度か見たと思いますが、以前と比べて何か
感じたことはありませんでしたか?
その答えですが・・・あなたが色々なHPを見た時、そのHPの中をあ
ちこち行ったり来たりしますよね?
その時、違うページを見たいのに行き方が分からず、トップページに
「戻る」「戻る」・・・とクリックして戻っていった経験はありません
か?
その時、今回のようなメニューが全ページに表示されていると、迷わず
そこをクリックしていたはずです。
またHPは縦にスクロールして見るものです。
一番下まで見た時にまた上の方に戻るのも面倒臭いですよね?
それで全ページの上下にメニューを付ける訳です。
こういったことで、見てくれる方のストレスを少しでも和らげることは
魅力的なHPを作る上でとても大切だと思います。
私のHPもマダマダですが、どうせ作るなら、ということで色々と試し
ていきたいと思います(^^)
---------------------------------------------------------------------
◆このメルマガのコンセプト (ここは毎回、同じ内容です)
<<初めて読んでいただく皆さん、登録ありがとうございます!>>
◎目的
何はともあれメルマガ発行できるようになること。
◎伝えたい方
「伝えたい想いがあるけど中々行動に移せない」という方
「メルマガ出してみたいけど難しそう」という方
「HP作る?ネタも無いな・・・何だか面倒くさい」という方
「やってるうちによく分からなくてやめちゃった」という方
「やってるうちに何だか不安になってやめちゃった」という方
あなたが発信しようとしている、あなただけがもっている。
想い、情報、これまでの人生の経験。
それは発信できさえすれば誰かを救うかもしれない、幸せにするかもしれ
ない素晴らしい可能性を秘めています。
メルマガはそんな想いを多くの方に届けることができる強力なツール。
それが「発行できない」だけで潰れてしまうのはすごく哀しいことです。
まずは「発行した!」という状態に持っていく。
そこまで進むことができればきっと次の道が見えてくる・・・ハズです!
そのためのお手伝いができれば嬉しい限りです(^^)
私自身もこのメルマガを通して一緒に成長していきたいと思っています。
いっしょにがんばりましょう!
---------------------------------------------------------------------
発行者:林 貴之(はやし・たかゆき) 通称:LIN
ブログ:http://blog.livedoor.jp/pluna/
連絡先:lin_0209@yahoo.co.jp
(ご質問、ご指摘がありましたら遠慮なくご連絡下さい(^^))
登録解除:http://blog.livedoor.jp/pluna/
http://www.mag2.com/m/0000157888.htm
バックナンバーはこちらからどうぞ!
http://www.mag2.com/m/0000157888.htm
※感想をお待ちしています!
「楽しかった」「役に立った」など一言でも構いません。
皆様の感想がメルマガを書く元気になります(^^)
---------------------------------------------------------------------
(おまけ)
うーん、メルマガだけで説明しようとすると、えらいことになって
しまいましたね(−−;
少しやり方を考えてみることにします。
良い方法・・・見つかるかな?
<−ついでにお気に入りに追加してみてはいかが♪(3秒で終わります(^^))
|
▼メルマガもいかが?( ´・w・`)_且~~ イカガ〜?
『やったらできた!メルマガ!初めの一歩!』(ID:0000157888) メールアドレス Powered by
|
この記事へのトラックバックURL
http://app.blog.livedoor.jp/pluna/tb.cgi/27208365
この記事へのトラックバック
先日の長嶋茂雄さんではないけれど、
人に夢を与えられることって素晴らしいと思う。
僕は3年前、矢沢永吉、エイちゃんのコンサートで感動したことを今でもたまに思い出す…
人気ブログランキング
夢を与えるということ【僕はベストセラー作家になりたい。】at 2005年07月07日 00:56
この記事へのコメント
すみません。最近、ここを見た方、びっくりしたと思います。
バックナンバーをアップする時に、うっかり「<」「>」をそのまま書いてしまいました(><)
あわててアップしてチェックが不十分でした。
失礼しました。
バックナンバーをアップする時に、うっかり「<」「>」をそのまま書いてしまいました(><)
あわててアップしてチェックが不十分でした。
失礼しました。
Posted by
LIN
at 2005年07月07日 01:20

