結局、URLへの自動リンクは自分で指定すべきだと思った件

結局、URLへの自動リンクは自分で指定すべきだと思った件

先日、URLを自動リンクするWordPressプラグイン、Auto-hyperlink URLsという記事を書いたのですが、ソースコードの一部に不備が出たり、ここはリンクさせたくない…とかいろいろありまして、結局は自分の欲しいとこだけjQueryでやるのが一番いいなという結論に至りました。


経緯

そもそもどうしてURLを自動リンクさせたかったかというのが、月1でtwitterを日記がてらまとめる際にURLリンク貼るのめんどくさいなーと思ったからなんです。普通の記事で参考URLを貼るのはそんなに苦ではないので、そこだけあれば良いんですよね。

それでプラグインが簡単と思って入れてみたんですが、やはりソースコードを載せている記事が多いため動作が微妙でした。数記事確認した時は大丈夫のように思えたんですが、一部変なとこが出たり…。

で、調べてみたらjQueryで自動リンクかけたいとこだけpタグにidを与えれば良いという記事が見つかって、なんだこれじゃんよー、と。

実装

jQuery

WordPress以外への実装の場合は2,6行目は不要です。

html

idだと最初の1回しか適用されないのでclassにしています。

こんな感じにリンクされます

参考

http://で始まるテキストをjQueryで自動リンク化 -jQuery Snippets(かちびと.net)

ソースコードとか扱わない内容のブログなら先述のプラグインで問題ないと思います。

公開日:2012/04/04
更新日:2014/01/06

2件のコメント

  1. りーちゃー より:

    これは、画像に貼られているリンクと、ただのURLの記述の両方があるページだと、画像に貼られたリンクの画像が解除されておかしくなりますね。

    • *you より:

      りーちゃーさん、コメントありがとうございます。
      限定的に使っているものなので画像との併用は試したことがありませんでした…!情報ありがとうございました!


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

コメントは承認制ですので、反映までしばらくお待ち下さい。(稀にスパムの誤判定にて届かないこともあるようですので、必要な際はお問い合わせからお願い致します。)