このブログを立ち上げるまで その2 - o xein’, angellein…
o xein’, angellein…

« このブログを立ち上げるまで その1 | ホーム | カスタマイズ一歩前進 »


このブログを立ち上げるまで その2

木曜日, 8 月 23, 2007 at 18:40:01
カテゴリー: web add to hatena (0) add to del.icio.us (0) add to livedoor.clip (0) add to Yahoo!Bookmark (0) このブログを立ち上げるまで その2 - o xein’, angellein…

WordPress logo前のエントリ(その1)の続きです。この段階ですでに大分骨組みは整っていたのですが、様々な装飾的要素を加えて行きました。そして検索エンジン対策をサクッとサラッとしています。

  1. ブログパーツなど、他サイトから表示したいものを入れる
  2. ブログパーツは最近流行りなので、何らかの形で見たことがある人が多いと思います。そのブログ内ではなく、外部にリクエストしてその場その場で作り出す画像等を表示させるものですね。Blogpetが有名でしょうか。ここでブログパーツとして入れたのはサイドバーにあるソーシャルブックマークBuzzurlの最新記事、Last.fmでの最近聴いた曲のチャート(1)と、下のほうのフッターにあるTwitterのバッジ、そして「あわせてよみたい」の表示画像です。ほか、サイドバーにGoogle Adsense、各記事にAddClips(ソーシャルブックマーク統合登録ボタン)とはてなブックマーク登録数表示(0だと出ません)、そしてAmazonおまかせリンクを入れました。そうそう、自分でつける足跡ツールのようなはてなスターも入れてます(2)。しかしAmazonおまかせリンクの出してくる商品が本文に関係あるのかないのかよくわからないものばかりなのはなぜなんでしょう。ベータ版だからですかね。

  3. 検索エンジン、フィード、pingの対応をする
  4. 「目指せアルファブロガー!」「広告収入で生計を!」とまでは行かなくても、それなりに人に見てもらえたり反応がもらえるとやはり励みになるもの。検索エンジンには引っかかるようにしておきたい。というわけで、検索エンジンがクロールの際に参考にするsitemap.xmlなるものを”Google Sitemaps Generator“というそのまんまの名前のプラグインで作っておきました。ボタン一つで作ってくれるので便利便利。あとは”robots.txt”を置いて「sitemap.xmlはここだから見てね!」と書いておくだけです。もちろん「sitemap.xmlここだからちゃんと見てね。見てね!」と書いてもロボットは見向きもしないので、”Sitemap: http://gamma-ut.net/blog/sitemap.xml”と無愛想に書いておきます。

    feed iconフィードはRSS、atomなどいろいろな規格があり、実際私も便利で使っているのですが規格等の詳しいことはよくわかりません…。mixi使っている方はあれです、マイミクシィの更新通知がホーム画面に出ますが、あれにさらに本文(あるいはその一部)も加えて配信しようという感じのものです。Feedburnerを使うと規格の違いをまとめて面倒見てくれ、かつレポートもくれるそうなので使ってみました。WordPressとの相性もいいようです。当ブログ継続して読みたい方は登録をお願いします(mixiのほうは近日中に更新します)。

    そして最後にブログを更新した際に「更新しました」とお知らせするpingの設定をしておきます。WordPressは標準では過去エントリの編集時もpingを送るようなのですが、これではフィードに過去記事も載ってしまい迷惑になりかねません。というわけで、これも頼りになるプラグイン”Smart Update Pinger“に登場してもらい、新規登録時のみにpingを送るように設定してもらいました。ping送信先もいくつか登録し、更新時に知らせるように設定しておきました。

  5. オプション: インポート
  6. だいたいここまでやれば完成なのですが、私は旧ブログのはてなダイアリーからから移行したのでデータのインポートも必要でした。データのエクスポートができるブログサービスそのまま移行できるのでいいですね。はてなダイアリーではMovableType形式で出してくれるのでそれをWordPressでインポートしました。が、原因は不明ですがタイムスタンプが飛んでしまったエントリが2割から3割程度あり、1970年1月1日00時00分00秒という初期時間(日本時間なので実際には+9時)にまで吹っ飛んでしまいました。まだ生まれてないよ!

    これはたぶんもとのデータが1M越えと比較的大きかったので、データベースの登録エラーなのかなと思います。あるいはエントリのタイトル無しで連続したものなどかな?発生条件がよくわかりませんでした。「このインポートは優れもので、重複したものは取り込みません!」のような文句がWordPressにあったのですが、もう一回やるとどれがうまく行ってどれが失敗したのかよく分からなくなりそうので、はてなダイアリーが出してくれたデータと1970年1月1日のものをつき合わせながら一つ一つ手作業で直してます。そういえば「購入本」という同じタイトルで書いたものが何個もあったのですが、インポートしている時に「”購入本”はすでに存在しています」とか言っていたのが気になる。…あれはひょっとして取り込まれていないのでしょうか?

  7. オプション: お絵かき
  8. 繰り返しになりますが、このブログの表示テーマは”Ice 3.17″(デモ表示はこちら)を使いました。しかし見れば分かるとおり、タイトル部分の絵やフッターの絵は全然違い、雰囲気も変わっています。黒系で落ち着いたものがいいものの、あんまり黒々のはイヤなので、勢いで自分でお絵かきしてみた結果です。ついでにただの扉ページであるhttp://gamma-ut.net/の絵も自作してみました。とは言え私は絵のプロではないので、この程度の絵は(時間さえあれば)誰にでも書けるという証拠にしかなりません。詳しくは Photoshopの無料ブラシを使って、たった3分でプロが作ったようなグラフィックを作る方法 - DesignWalker をご覧下さい。Photoshop高いよー、という方には無料のGIMPがあります。起動がちょっと遅いのと時々予告なく固まってしまうのが難ですが…。参照サイト:GIMP2を使おう またGIMPでPhotoshopのブラシを使う | lush life*

  9. 今後やりたいこと
  10. エントリを投稿し続けることはおいておくと、サイドバーにある「最新の投稿」をもう少しなんとかしたいな、と思っています。とりあえずそこにまではてなスターが出てしまうのは…。エントリのタイトルももう少し目立たせた方が見やすいですね。他、カテゴリー、各月のアーカイブにも投稿数が出るといいなと思いますが、明らかにphpのコードをいじる必要がありそうなので難しそうです。デフォルトでは出ると思うので、デフォルトのファイルがヒントになるかも…?

  11. レファレンス
    困った時に頼れるのは先人の皆様。というわけで参考にしたサイト、ブログエントリなどを勝手にまとめておきます。

footnote
  1. これも最近はFLASHで作るものがあるのですが、単純に大きすぎるのと動作が重過ぎるので旧式の画像のものにしました。 [戻る]
  2. はてなからの移行者としての印?(笑) [戻る]
タグ: , , ,
web拍手



1 Response to “このブログを立ち上げるまで その2”

  1. o xein', angellein...
    9 月 6th, 2007 19:45

    Adsenseやブックマークボタンの調整など…

    ブログをいじったので作業メモ。表示の微調整や広告関連です。
     まず全然読み込まなくて止まってしまった("undefined"とだけ表示されるようにな (more…)

コメント

使用可能なタグ:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

コメントせずに新しいコメントをメールで知らせる。

« このブログを立ち上げるまで その1 | ホーム | カスタマイズ一歩前進 »