先日の記事「DISQUSってトラックバックの表示が出来ない？」
でも少し触れましたがこのブログでは、
コメントにDISQUSという外部のシステムを導入しています。

個人的にはかなり気に入ったシステムで、
Twitterでのリアクションも表示してくれるし、
最近はコメントも多くいただけるようになってうれしく思っていたのですが、
なんと、トラックバック一覧が出ないことに気がつきました。

MovableTypeなどでは一覧も出せるようになっているっぽいので、
そのうちバージョンアップするだろうとは思っているので、
とりあえずトラックバックはトラックバックで置いておくとして、
せっかくトラックバック通知をして下さっているのに、
一覧が出ないのは申し訳ない！ということで、２つの策をとりました。

• 「リンクを張っていただいた方」の一覧を表示
• 同じようなネタについて言及しているサイトの表示

この２つです。具体的な中身については折りたたみます。

リンクを張ってもらった方の一覧表示

実は私自身トラックバックを以前と違い多用していなかったので、
ほとんどトラックバックって来ないので、気づいてませんでした。
鹿田君の「大事なことはすべて記録しなさい」の感想を書いたときに、
ご本人からトラックバックを頂いて初めて気がついた次第（大汗）
みなさま、大変失礼いたしました。

とにかく言及して下さったサイトに関して、
ここはリンクを張らないと失礼だ！とも思うので、あわてて検索し、
行ったのが、自動でリンクを張っていただいた方のサイトを表示する方法。

先ほどの感想記事のリンクはこんな風に表示されています（09/11/23現在)
Google AJAX Feed APIというものを利用しているのですが・・・
勉強したいと思っているとはいえ、文系の私。
自力で出来るはずもなく・・・。

How to 自動でリンクを張っているサイトの一覧を作るか。

Creazyさんの
「Trackbackをやめて、Google AJAX Feed APIを使って被リンクを表示」
をコピーさせて頂きました。

まずはGoogle AJAX Feed APIに登録します。
・Google AJAX Feed API への登録 – Google AJAX Feed API – Google Code

キーというのが作られるので、それを保管。

あとはこのCreazyさんのところにあるスクリプトにキーを貼り付けて
ブログに貼り付けただけ。

bodyタグのとじタグ直前に貼り付けるタグ

<script type="text/javascript" src="http://www.google.com/jsapi?key={YOUR_API_KEY}"></script>
<script type="text/javascript">
google.load("feeds", "1");function initialize() {var url = location.href;var num = 100;// Get Linkbacks from Google Blog Searchvar feed = new google.feeds.Feed("http://www.google.co.jp/blogsearch_feeds?scoring=d&q=link%3A"+encodeURIComponent(url)+"&output=rss&num="+num+"&ie=utf-8");feed.setNumEntries(num);feed.setResultFormat(google.feeds.Feed.XML_FORMAT);feed.load(function(result) {if (!result.error) {var items = result.xmlDocument.getElementsByTagName('item');var entry = [];var html  = '<ul id="linkback_list">\n';for (var i = 0; i < items.length; i++) {entry = [];// make simple array from item nodes// You can access values like "entry['key']"for ( var j=0; j<items[i].childNodes.length; j++ ) {item = items[i].childNodes[j];entry[item.nodeName] = item.textContent || item.innerText;}html += '<li class="linkback_entries">';html += '<a class="linkback_links" href="'+entry['link']+'" rel>'+entry['title']+'</a>';html += '<span class="linkback_blogs">('+entry['dc:publisher']+')</sapn>';html += '<span class="linkback_dates">'+entry['dc:date'].substring(0,10)+'</sapn>';html += '</li>\n';}html += '</ul>\n';document.getElementById("linkbacks").innerHTML = html;}});}google.setOnLoadCallback(initialize);

そして自分のブログでこのリンクを表示させたいところへ

<div id=”linkbacks”></div>

このタグをぺたっと貼り付けて終了です。

私の場合は自分のブログに雰囲気があうよう、CSSを書き換えて、
他のコメントなどと雰囲気をあわせ、
それにプラス、Crazyさんもやってらっしゃるのですが、
トラックバックURLを表に出す代わりに、リンクURLを表に出しました。

トラックバックURLを表示してあった場所に、私はWordpressを使っているので、

<input onfocus=”this.select()” readonly=”readonly” value=”<a href=&quot;<?php the_permalink(); ?>&quot; target=&quot;_blank&quot;><?php the_title(); ?></a>” class=”tb_url” id=”tb_url” >

こういう一文を入れ、CSSでまた調整。

このときの注意としては、「”」とか「<」とか、
wordpressが表示用なの？構文用なの？ってわからなくなっちゃう部分は、
それがわかるように書いてやるってことだけ。

トラックバックを残す理由は・・・

で、私の場合、トラックバック（DISQUSの）を残しています。
それはなぜか。

最近スパムも多いし、トラックバックは嫌われ者。
でもブログが世に出始めたとき、このトラックバックが画期的だった！と思います。

いろいろとトラックバックの意義みたいなものを考えてみたんですね。

For Readers（読み手にとっては）

• 同じことに言及している他のブログも見ることが出来る

For boggers（ブロガーにとっては）

• 他にリンクを張らせてもらうことによって、宣伝になる。
• リンクを張らせてもらうのが楽（笑）
• 似た記事のブログを書いていることを知らせ、コミュニケーションが生まれるかも

利点はまだまだあるなぁと思ったんですね。

で、トラックバックを残しておくことで、リンクを張ることが楽ということに注目。
トラックバックをしていただいたら、こちらもトラックバック返しをさせて頂く。
そうすれば、こちらの記事が、あちらにも貼られ、
Google APIが拾ってくれば、一覧表示される。
まさにWin-Winな関係？なんて思っているわけです（笑）

問題点は・・・

大きな問題点はjavascriptがとても重いときがある。

それともう一つ、googleにクロールされていないと表示されない。

このあたりが問題点。
トラックバックが早く表示されるようになってくれるとうれしいんですが。。。

同じようなネタについて言及しているサイトの表示。

これは実は設置からかなり経っているのに、まだサイトには反映されてないんですよね。
シムエントリというものなんだけど、これは反映されてから書きます。

また、同じようなプラグインなどを探してみて、
リポートします。

 

Technorati Tags: DISQUS, wordpress, お知らせ

長らく使っていなかった
ブログクライアントの「ecto」を久々に立ち上げてみました。

使わなくなったのはどうしてだろう？
そんな風に考えるのですが、いまいち覚えていません。
amazonへのリンクを作るのに、amazletを使用する際に、
ectoが勝手に タグを直すのがイヤとか、たぶんそんな理由だったと思います。

最近、下書きに使っていたのは「Google Docs」。

最近は使うツールはすべて「オンライン化」を目指しています。

そのうち書きますが、メモに欠かせないEvernoteだったり、

スケジュールはGoogleカレンダー、TodoはRemember the milk。

いつでもどこでも、チェックできるから、最高なんですね。

というのは、私が職場には職場のＰＣがあり、自宅には自宅のＰＣが、
普段持ち歩くモバイルはモバイルで違うっていうのが大問題。

職場とモバイルはWindowsだから、ectoにする意味はあまりなくって、
本当はGoogle Docsが一番良いので、戻ってしまう気はしますが、
やっぱりectoは使いやすいんですよね。

一週間、いろいろと見直してみましたが、自宅で原稿は書くんですよね。
私の場合、職場でも番組用の原稿を書くわけですから、
ＰＣの前には座っていますが、仕事中にメモはとれても原稿までには至らない。

と、なると、家で書けばいいんだから、別にectoでも良いのでは？
なんて思ったんです。

Google Docsに戻る可能性は高いですが……

でも、Google Docsで下書きをしていれば、外でもなおせる。
下書きがおいてあれば、コピーしてペーストして、投稿だけでも外でできる。
モバイルのミニPCはウインドウズだから、このマックは恐らく持ち歩かない。
（持ち歩いても良いんですが、MacBookだし）。

ということで、Google Docsにも下書きは残っていますし、
いつ戻ってもおかしくない状態ですが、しばらく、またお試ししてみようと思います。

まずは、この投稿テストで、どれだけ整形されてるかが勝負かな？

 

Technorati Tags: ecto, wordpress

このAQUALUNA.JPというドメインの前から使っていたMovabletypeを
Wordpressに変更しました。

きっかけは、百式さんのIDEA*IDEA
「固定リンクを変えずにスムーズにMovableTypeからWordPressに移行するまでの作業ログ」
という記事をきっかけ（？）にMovabletypeからWordpressへの移行が来ているようです♪

ネタフルさんがMovable TypeからWordPress移行の波がくる？
なんていう記事を書かれていたりしているほどです。

で、その「流れ」に乗ってみました（笑）

元々のきっかけは、このブログを更新し始めたのは良いのですが、
Movabletypeが非常に重くて重くてたまらなかったんです。
記事を投稿すれば、そのたびに「再構築」しないといけない。
プラグインを足せば、ブログパーツを足せば、また「再構築」。
重くなりすぎて、再構築中にエラーが頻発するようになっちゃったんです。

で、以下、Wordpressへの移行への道・やったこと一覧です。

順々にやったことは備忘録として、書いておきます。

１．Wordpressのインストール

今までの固定リンクを変えないようにする。
→実は一度失敗。
固定リンクは変わっていないつもりだったので、変わっていて、404エラーに。
なぜか「index.php」が見つからなかった。

２．テンプレート（テーマ）を選ぶ。

３．テンプレートにあわせて、Movabletype時代に投稿した記事の調整。

→float設定になっていたものがすべてズレズレ。

４．ブログパーツを設定。

５．CSSを変更。

→h3とかh4の見た目を変更。好みに変えた。

６．コメントとトラックバックをわける。

７．トラックバックのURLを表に出す。

８．fc2拍手をwordpressに導入する。

９．はてなブックマークなどのソーシャルブックマークへの追加を導入。

１０．コメント欄にアバターとサムネイルを表示。

１１．各記事に関連するかもしれない記事を表示。

１２．indexページにナビゲーションを導入。

１３．サイドバーに人気あるページを導入。

１４．携帯・iPhoneに対応させた。

とりあえず、以上かな。
これからいろいろいじったり、プラグインを入れるのが楽しみです。

 

Technorati Tags: movabletype, wordpress

「再開します！」

そう宣言してからはや１ヶ月。
今度こそ、今度こそ「本格再開」です

※2/25現在：トラックバックがうまく動いてないようです。テストをしても受け付けない！
同2/25・スパムトラバでトラックバック正常稼働を確認しました


なぜ自分のTBは「迷惑TB」で、スパムは「どっち？」と聞かれるのか……
しかし、ものすごい数の迷惑TBがあるんですね、びっくり。
昔のHサイトどころじゃあなくて、普通の個人サイトからも飛んでくるなんて。

再開テストブログとして、海と空が出逢う場所::aqualuna studio blogをすでに立ち上げ中ですが、
やはりメインドメインのこちらも、再開させることにしましたので、改めてよろしくお願いします。

相変わらず、棲み分けも考えてない、どうしようもない状態ですが、とにもかくにも再開！！

テストブログで再開のお知らせをしたのに再開できてなかった理由としては、

1. ブログのスクリプトを「movabletype」か「wordpress」か迷ってしまった。
2. 気に入ったテンプレートが見つからなかった
3. ２カラムか３カラムか迷ってしまった

で、結局 

１は、もともと使い慣れている「movabletype」に。「wordpress」はとりあえず使って、使い慣れてから公開の予定。

２もまた、使い慣れているというか、一番最初に某歌手の（笑）ファンサイトをやっていた時に、
お世話になっていたSTUPID WEB SITEさんのMovabletype 3.3に対応したテンプレートを、
使用させていただくことにしました。
前のとだいぶんリニューアルしていますが、前の雰囲気を残し良い感じです♪

ありがとうございます！

３は、テストサイトを３カラムでちょこっと運営してみたところ、
以前と違って「文章」を書きたいという欲求があり、書ける部分の少なく見た目が悪く読みづらい。
やはり読んでもらえるものにしたいので、２カラムにすることにしました。

再開にあたり、久々にmovabletypeやwordpressにふれて、カスタマイズのお勉強をしましたが、
やりたいことというのはあまり変わっていないなぁと実感。
おぉ、これこれやりたいの！といろいろな方のブログでお勉強をしましたが、
元をたどれば自分のブログに書いてあったことだった……ということがあり、思わず苦笑です。

たぶん昔のものや、たくさん乱立しているものは徐々に減らしていくと思うので、
徐々にきちんと書いて行こうと思っています。

では改めて、みなさんよろしくお願いいたします。 

 

Technorati Tags: movabletype, wordpress, ブログ, 再開, 整理