独自ブログ作成法

YouTube活用も楽々、やったぜ！TypePadの進化

TypePadは、MTのsixapart提供のブログサービスですが、これが本当に使いやすいんです。
MT4で使えるようになった、写真編集機能は、TypePadには昔からありました。

カテゴリーの階層化さえあれば、わたしはMTに移行したいとは思わないのですが…って、移行しようと思いつつ、一年以上立っています。だって、本当にTypePadは便利なんですもん。気軽に思いついたサイトを作れるおかげで、わたしのアフィリエイトの売上は、TypePad利用で10倍になりましたからねえ。

今日、また新しい機能が加わりました。
それはTypePadの記事投稿画面から、YouTubeの動画を検索し、記事内で紹介できる機能。まだβ版ですが、これは便利～！

ちなみにTypePadの兄弟であるココログにはこの機能はありません。
ブログ自体の紹介など、記事とは異なるページを作成したい場合に便利な、Webページ作成機能も、ココログにはなくて、TyoePadにだけある機能です。

シックス・アパートのTypePad

ValueDomainにユーザー登録～独自ドメインでTypePad利用２）～

  いろいろ無駄なお金を支払った末に、結局、TypePadを独自ドメインで使うには、まず「バリュードメイン」でドメインを取得しなければ、話が始まらないとわかりました。

１）バリュードメインにアクセスしたら「ユーザー登録」をクリック。

２）ユーザ名やメールアドレス、住所など、必要事項を記入して、「ユーザ登録」をクリック

3)登録したユーザ名とパスワードが表示され、ユーザー登録が完了。
「ログイン」をクリックして、ログインしましょう。

４）ログインすると、ユーザーコントロールパネルが表示されます。
「ドメイン登録」をクリックして、次は独自ドメイン取得です。

MTでカテゴリーごとのナビゲーションバー作成

■現在位置のタブだけ色を変えたい！

MTタグで作る方法を見たが、それだとホームのタブをうまく入れられず、小粋空間の単純にカテゴリーページのURLを手入力する方式を検討。

これまでHTMLで作成したサイトでは、現在いる位置がわかるよう、現在のカテゴリのタブだけ色を変えるようにしていました。
しかし、MTだとどうやればいいのか？

小粋空間に掲載されていた方法は、「クリックしたメニューのロールオーバーを保持する」やりかたです。

検索エンジンなどから来た場合、メニューをクリックしてないと、維持すべきロールオーバーがないので、どうなるのか、一抹不安。

また、さっと読んだだけでは、自分の場合はどこをどういじくればいいのかがよくわからなかったことと、JavaScriptを使うようなので、他の方法を探しました。

●IF 命令プラグイン利用ですっきり指示

そうして見つけた方法が、drk7.jpで紹介されていた方法です。

カテゴリ IF 命令プラグイン - MTIfCategoryが必要ですが、現在いるカテゴリだけ、指示した装飾（強調文字にするとか、色を変えるとか）を施すという、わかりやすい方法です。

●現在位置のタブだけリンクを外すことも！

このプラグインを手に入れた後、調べてみると、このプラグインがあると、あれこれやりたいことができることが判明。

まず他のカテゴリーを開くタブはリンクさせておきたいですが、現在開いているカテゴリーページは見た目を変えるだけでなく、リンクもはずしておきたいですよね。
このプラグインによって、それも実現します。

さらに調べていく内に、いろいろ役立つことがわかったので、ともかく、このプラグインは採用！

さて、まずはカテゴリーアーカイブのテンプレート作成を始めなきゃ…。

背景とレイアウト枠とのデザインに悩む

MTのデザインをしていくにあたり、これまでのサイトデザインの雰囲気を踏襲しつつ、考えていこうと思います。

■背景は白？　色？
背景は目立たない、余計なデザインをつけないほうがいいというのがひとつの考えとしてあります。

しかし、自分があちこちのブログを読んでいて、コンテンツ背景も白、サイドバーも白、全体の背景も白だった場合、自分が読んでいる記事に集中しづらいと感じました。

記事の本文部分と、サイドバーや全体背景が色が異なっているほうが、自分が見たい列がわかりやすくなる気がします。
そう思って、実はこのブログのデザインを既成テンプレートから選ぶときにも、全体背景の濃いこのデザインを選びました。

同様に濃い色を全体背景に敷いて、本文を立たせてみようかと試してみたのですが…見やすい気がする一方で、圧迫感も感じないわけではありません。

■わたしのデザインのフォーマット：壁紙
わたしのサイトのパターンがあります。
まず1999年に最初のサイトを作ったときから、ずっと背景には微妙に柄のあるクリーム色の壁紙を作っています。

これは「サイトの背景は白が一番歓迎される」ことを知ってはいたものの、自分にとっては真っ白は目にきつくかんじていたため。

ただ、背景が白でないと、アフィリエイトのバナーや商品写真の背景が白の場合には浮いてしまうんですよね。

そこで、先に書いた、自分が読んでいる列を意識しやすく、全体背景とコンテンツを分けるためにも、全体背景にはこれまでどおりのクリーム系の背景を残しつつ、コンテンツの背景は白にするという、妥協案に至りました。

ただ、クリームと白ではいまいち区切りがわかりにくい…。

タイトル周りの要素を整理

タイトル回りを考えるにあたり、まず、入れるべき要素の整理が欠かせませんね。

まずは入れたいものをピックアップ。

１）サイトバナー
内容を伝えるグラフィック要素を持たせつつ、文字もはっきり。小さくてもOK。
MTの一般的なデザインとして、一見、サイトバナーに見えるものでも、２通りあります。

1.背景画像を使って、上に文字を載せる方法
2.１枚の画像にする方法
※SEO的に考えた場合、わたしのサイトの場合、ビッグキーワードで狙うのではなく、ロングテール的に細かいワードで狙うタイプなので、トップページ以外は、サイトの名前より、記事のタイトルやカテゴリーのタイトルが立ったほうがいい。
そうすると、サイトバナーは１枚の画像にして、サイトタイトルは、不要な場合にはHTMLソースの中で目立たせない方法も取れるほうが便利そうです。

２）検索窓
わたしの作っているサイトの多くは、キーワードで検索して来た訪問者が、同種の記事や自分が探している商品などの記事を見つけて、何ページもめぐることが少なくありません。ひとつのサイトの記事数も数百が一般的。
従って、検索窓が目立つ場所に必要です。

３）パン屑リスト
細かいサイトがたくさんあっても、同種のサイトをまとめる親サイトがあり、そこへはパン屑リストでつなげています。これも上部のタイトル回りに必要です。

４）サイトマップ
対検索エンジンでいえば、上部に越したことはありません。
また対訪問者を考えた場合、サイト内で導くために重要なサイドバーのトップにサイトマップを置くのはもったいない。
ということで、上部に見ればわかるけど、さりげなく置くのがベスト。ということで、これもタイトル回りに必要。

５）サイト説明
サイトのタイトルや説明はどこまで立たせるか悩むところですが、一瞬で「ここはなんのサイト？」を知ってもらう一助として、やはり入れておいたほうがよさそうです。

その他、自己紹介や関連サイトへのリンクなどは、サイドバーやフッターで済むと思うので、この５つを納めるタイトル回りデザインを考慮中。

サイトバナー考

MTで新たにブログを作っていくにあたり、あるていどフォーマットを作っていこうと考えています。

■わたしのデザインのフォーマット：タイトル回り

これまでTypePadで作ったサイトはバナーにだけ画像を使った、シンプルなデザインです。

わたしのブログの使い方は、日記的なブログをひとつ持ちながら、その周囲に関連する商品紹介サイトを配するというもの。

つまり、日記的ブログこそ、いわゆるブログですが、その周囲のサイトはブログをCMS（コンテンツマネージメントシステム。要はホームページの作成、管理を楽におしてくれる道具）として利用しています。

ですので商品紹介記事も多く、主役の商品を食ってしまうようなブログデザインは困る。あくまで主役の商品や、わたしの撮影した写真を引き立てるブログデザインが必須です。

■サイトバナーは写真やイラストを使いつつ、それらが目立たないように

でもサイトバナーを文字だけにもしていません。
それは一瞬見ただけで、なんのサイトかを理解してもらうには、文字だけでは弱いから。

TypePadで作った料理のサイトは、フリー素材の枠に、文字を大きくして、イラストは小さなものを添えています。

園芸関係は、自分の撮った写真を背景にぼんやりと使い、上に文字を載せています。

今回は、フリーの写真のいいものを見つけたので、写真のコラージュでタイトルを作りました。

拡張子htmlのままPHP化（さくらインターネットの場合）2：フォルダ移動で成功！

小粋空間の「Movable Type の PHP化（その2：.html のままPHPを有効にする） 」を参考に拡張子をHTMLのままPHP化することにチャレンジしたものの、エラーが出てストップ。
仕事が忙しくて、触れるひまがなくて、何週間も立ってしまいましたが、ようやく時間ができて、情報を検索、試ししたら、解決しました！

小粋空間のMovable Type の PHP化（その1） の記事につけられたコメントで、やはりうまくいかなかった方が「MTフォルダの下に、PHP化したいブログのフォルダを移動したところ成功」した旨、書かれていたので、わたしもフォルダを移動してみたところ、無事、成功！

test.htmlにアクセスして、以下の画面が無事見られたときのうれしさ！

 

拡張子htmlのままPHP化（さくらインターネットの場合）1：挫折

■PHP化

小粋空間の「Movable Type の PHP化（その2：.html のままPHPを有効にする） 」を参考にチャレンジしました。

しかし、ブログにアクセスすると、ページが404エラーになってしまいます。
他はそのまま.htaccessを削除すると、ページが表示されます。
何が問題なのか、検討したいのですが…今回はあきらめて、季節もの新サイトはPHP化を後回しにするほかないかも…。

MTのカスタマイズを開始

TypePadやココログからMT（MovableType）に移行しようと、模索中です。いま、テストブログを立ち上げ、そこで試行錯誤しながら、カスタマイズをしています。

MTの先輩たちからおすすめ本を聞いて、それを読み、まず、目指す仕様を次のように決めました。

【最優先】
＜後々の変更のための準備＞
●PHP化（拡張子はHTMLのまま。さくらインターネットの場合、特殊）
MTカスタマイズの大御所のブログ「小粋空間」を参考に。

＜アーカイブページ＞
●同一カテゴリー内の前後の記事へのリンク表示
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P135

●カテゴリーアーカイブページの分割
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P206

＜サイドバー＞
●カテゴリー並べ替え
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」2-01）

●カテゴリー一覧ツリー表示
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」2-02

●サイドバー各項目の折り畳み
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」2-01

●自己紹介、ブログ紹介項目追加
　※水色帯本「Movable Type標準ハンドブック Movable Typeで今すぐできるウェブログ入門 改訂版」P180

＜エントリー＞
●エントリー内に属するカテゴリーのリスト表示
　※青本「Movable Typeスタイル&コンテンツデザインガイド―コンテンツ管理システム(CMS)ツールとしてのMovable Type活用術&実践サイトデザイン術」P67

●「パーマリンク」の名称書き換え？

【余裕ができたら…】

＜後々の変更のための準備＞
●パーツ入替プラグイン装備（WidgetManager利用）
※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」1-02）

●エントリーのプレビューのプラグイン装備
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P174）

●特定カテゴリーの除外表示
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P152）

●カテゴリー一覧のモジュール化
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P201）

●最近の投稿のモジュール化
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P205

＜サイドバー＞（移行サイトの追加仕様）

●カテゴリー並べ替え
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」2-01
　※TypePadからの移行の場合は、出力ファイル名指定（WidgetManager：紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P5

●レビューや日記ブログに関しては、最近の画像表示
　EntryImagesプラグインをインストール
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P82応用

●複数のブログを組み合わせてページ出力

　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P147
　※Mixi連動の総合日記用に

●トラックバックの重複を防ぐ
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P252

メモ（将来使いたくなりそうなカスタマイズ）
●コメントに返信したときメールで通知
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P107

●エントリー内に地図を表示
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P125

●QRコードを表示
　※「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P129

●正規表現で検索や置換を行う
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P142

●カテゴリーごとにスタイルシート変更
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P156

●秘密のコメント機能の追加
　※紫本「Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編」P255

独自ドメインでTypePad利用１）「独自ドメインを使うにはドメインマッピング」とはつまり…

ココログをはじめ、TypePad（ ※1）系ブログは、手軽に使えて、しかも本格的カスタマイズもできるブログサービスです。さらに上位プランなら（※３）、独自ドメインで使えることが魅力。

ところが独自ドメインを使おうと思ってヘルプを眺めると、わからないことにたくさんぶつかります。
まず「ドメインマッピング」。
いったい、これは何？　独自ドメインとどういう関係？

●ドメインマッピングとは
取得したドメインネームをブログに割り当てること。
たとえば「http://blog.tsuu.info/」を呼び出したら、ココログ内の「独自ブログ作成法」ブログを開いてね…とインターネット界に伝えておくことなんです。

…はい、はい、ドメインマッピングはわかった。それでドメインマッピングはどこでどうやればいいの？

●実はドメインマッピングできるドメイン取得サービスはわずか！
独自ドメインでTypePadを使いたいと思ったら、どこで独自ドメインを取得するかが、最大の問題なんです。
結論から言うと、わたしが発見できた、独自ドメインでTypePad系ブログが使えるドメイン取得サービスはバリュードメインと、 「ドメイン@nifty」です。
「ドメイン@nifty」は価格が高く、かつココログ以外のドメインマッピングについては問い合わせましたが、フォローはしてくれませんでした。

●わたしは独自ドメインでTypePad利用まで1年半余り
独自ドメインでTypePadを使うには、ドメイン取得サービスが「カスタムDNS（※2）」の機能をサポートし、なおかつCNAMEの設定に対応していなければなりません。
ところがわたしはそれを理解するのに手間取り、無駄なお金をたくさん払ってしまいました。

独自ドメインでTypePadを使いたくて、まず、2004年暮れにあるドメイン取得サービスでひとつ独自ドメインを取得。ところがドメインマッピングができない。問い合わせて返ってきた答え「DNSサーバー（ ※2）が別途必要」の解釈をまちがえて、サーバを別に持てばいいと思い込み、同じ会社のレンタルサーバまで申し込みました。

結局、どちらも使うことなく、ただお金を捨てたことに(T_T)。
それからこれについて調べる時間がなかなか取れず、結局、独自ドメインを使えるようになるまでさらに1年数ヶ月もかかりました。

※1 　TypePad…ブログツールの世界標準、シックス・アパートのMovable Typeムーバブルタイプのブログサービス（ブログツール＋サーバ＋サブドメインと思ってください）版です。Movable Typeムーバブルタイプのシックス・アパート社提供のサービスが「TypePad」、ニフティ提供は「ココログ」です。
TypePadについて詳しくは＝＞ Six ApartのTypePad

※2　DNSサーバー…まず「DNSサーバー」とは何か？　（それよりも、なぜDNSサーバーが必要なのか知りたい人は次の段落へ飛んでください）
インターネットにおける住所「URL」は実は人間がわかりやすくしたアドレスで、コンピュータはこれを変換したIPアドレスを使っています。変換を行うのがDNSサーバ。つまり人間がURLを入力すると、DNSサーバーがそれをIPアドレスに変換して、そのIPアドレスを元にインターネットを構築しているサーバーたちが適切なところに接続してくれます。

通常はレンタルサーバーがDNSサーバーを提供していますが、TypePadなどレンタルサーバー付サービスでは、DNSサーバーまでは提供されていません。DNSサーバを提供しているレンタルサーバー付サービスも、あくまで自社のレンタルサーバーのDNSサービスをするだけで、他のレンタルサーバーやブログサービスのDNSサーバーの役割まで果たしてくれるわけではありません。つまり「カスタムDNS」の機能は提供されてないということ。
「じゃあ、DNSサーバーだけ借りればいいじゃん！」と思うのですが、現実には独立したサービスとしては需要がないので、ほとんどない、あってもレンタルサーバーを借りるのと同じか、それ以上高い！
これじゃレンタルサーバー付で月1000円前後のブログサービスを借りている意味がない！

※３…上位プラン　TypePad にはベーシックプラン、プラスプラン、プロプラン、企業向けのTypePad プロモーションがあり、ベーシックプラン以外の３つで、独自ドメインが利用できます。
ココログには、フリー、ベーシック、プラス、プロの４つがあり、プラスとプロの２つで、独自ドメインが利用できます。