簡単にトラックバックURLや記事テキストリンクURLを取得できるようにする方法-MovableTypeカスタマイズ

Movable Type(ムーバルタイプ)でトラックバックURLを簡単に取得できるようにする方法と各個別エントリーのテキストリンクを簡単に取得できるようにする方法の紹介です。

Movable Type(ムーバルタイプ)でトラックバックURLを簡単に取得できるようにする方法

S i M P L E * S i M P L Eさんのブログで紹介されていたて小技(トラックバックがしやすくなる小技 | S i M P L E * S i M P L E:)がかなり使えるものでしたので、情報の受け流しになりますが紹介しておきます。

この小技、FirefoxならびにIEで試してみましたが、簡単にリンク選択ができるので便利です。テキストエリアに表示されている内容がワンクリックで簡単に選択できるという小技です。URLをコピーするための選択の手間が省けます。


URLを簡単に取得できるようにするメリットは

ブログの特徴といえば、一つの情報を起点にさまざまな意見交換や知識の共有ができる機能を持っている点です。海外で使えるソースを公開しているエントリーのコメント欄は、いわば掲示板のような感じでさまざまな意見や知識などのコメントが投稿されています。

また、起点となった情報をさらにグレードアップさせたような情報があるなら、トラックバックなどを使って簡単にリンクを結ぶことができ、情報を広げてゆくことも可能です。

私は、トラックバックもある意味コメントの1種類として捉えています。S i M P L E * S i M P L Eさんで紹介されているこの便利な小技がもっと広まれば、さらに情報交換や知識共有もしやすくなると思います。

トラックバックする側としては、エントリーとエントリーを結ぶ意味でも情報起点元のテキストリンク表示は欠かせないです。(そうしないと情報の共有にもなりませんし、知識が広がる要素も半減、並んで広がる速度も半減してしまうと思います。)私も参照元テキストリンクは、毎回ブラウザのページ情報から参照元エントリータイトルとURLを取得し表示するようにしています。これもちょっとした面倒さがあります。

起点となるエントリー参照元としてのテキストリンクやトラックバックURLが簡単に取得できるようにこちらで用意しておけば、情報共有もしやすくなりますし、被リンク数もあげることができるようになり、SEO的にもアナログ的な意味でいい効果が得られるかと思います。

上記のことから、Movable Type(ムーバルタイプ)でトラックバックURLと各個別エントリーのテキストリンクを簡単に取得できるように表示するコードを紹介しておきます。

他の無料ブログサービスをお使いの方は、トラックバックがしやすくなる小技 | S i M P L E * S i M P L E:のエントリーをご覧になってカスタマイズしてみてください。

トラックバックURL表示コード

テキストエリアを表示する<input>onClick="this.select();"を追加することで簡単にカスタマイズできます。

Movable Type(ムーバルタイプ)でトラックバックURLを表示するには以下のコードとなります。

size="70"にてテキストエリアの長さを指定してありますが、idにて任意のセレクタ指定してCSSにてwidth設定をすることで長さをピクセル指定やブロック要素での全体での%指定なども可能です。テキストエリアの長さは、size部分の指定を任意で変更するか、CSS設定するようにしてください。

各エントリーでのテキストリンク表示コード

title=&quot;<$MTEntryExcerpt$>&quot;を追加することで補足的な説明もリンクに表示できるようにすることが可能です。アクセシビリティを考えた場合、追加しておくといいと思います。

パーマリンク・固定リンク

パーマリンクや固定リンクも同じ意味合いです。その記事のURLをブックマークする・直リンクを生成する際に役立てれるように表示してあります。テキストリンクコードを生成表示するようにするとあまり意味がないものになってしまいますが、一応表示するようにしておいたほうがいいかと思われます。

他のブログサービスでテキストリンクコードを生成表示できる方法を紹介してくれる方がいましたらトラックバックお待ちしております。この方法について情報共有ができれば、尚嬉しいです。

トラックバック(1)

このブログ記事を参照しているブログ一覧: 簡単にトラックバックURLや記事テキストリンクURLを取得できるようにする方法-MovableTypeカスタマイズ

このブログ記事に対するトラックバックURL: http://weblibrary.s224.xrea.com/x/mt/mt-tb.cgi/170

トラックバックをするときには、相手サイトのトラックバックURLをコピペする必要... 続きを読む

コメントする

アイテム

  • ff-logo-big

    ff-logo-big: firefoxロゴ

  • fmtube_image

    fmtube_image: fmtubesキャッチイメージ

  • mock.jpg

    mock.jpg: fm+tubesのモックページ(デザインレイアウト)。最終的にはこのスタイルでマルチブログで展開してみる構想。

  • mtdeinfo

    mtdeinfo: Movabletypeを勉強するならこのサイト。サンプルファイルもあって、情報も探しやすいです。とてもきれいに情報表示されていて、とても参考になります。

  • mytumblr

    mytumblr: 個人の趣味でのtumblrです。女性のポートレートなんかがおおいです

  • caputure_contextmenu

    caputure_contextmenu: tumblr caputureを右クリックコンテキストメニューで選択する

  • tumblrgallery

    tumblrgallery: tumblrを使ってWEBデザインGalleryを簡単に作ってみました。

  • psdtuts

    psdtuts: http://psdtuts.com/のイメージ画像

  • designflavor.

    designflavor.: http://www.designflavr.com/のイメージ

  • entrymain_template

    entrymain_template: ブログ記事の概要は、インデックステンプレート、ブログ記事のリスト(アーカイブテンプレート)、検索結果(システムテンプレート)の3つのテンプレートで共通に使われています。それぞれのテンプレートでの表示内容の違いをイメージに表してみました。

このブログ記事について

このページは、スカイが2006年10月15日 19:50に書いたブログ記事です。

ひとつ前のブログ記事は「磁性流体(Ferrofluid)アート」です。

次のブログ記事は「角丸コーナー表示をする方法のリンクサイト-CSS Rounded Corners 'Roundup'」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。