前回はURLそのものが表示されてそこにリンクがついたのですが、今回は、そのURLのタイトルを表示してそのURLへのリンクを作るショートコードです。

指定したURLから、そのタイトルを抽出する”だけ”のプログラムを

のサイトを参考にさせていただきました。（＾＾；）ほぼそのまんまですが。。。

使い方は、

［link2]リンクしたいURL[/link2］

です。１つの記事の中で複数使う場合は、重複しないようにIDをつけます。名前はなんでもかまいません。

例えば、

［link2 id="lk1"]http://nakamura.tea-pot.jp[/link2］

という具合です。すると、ＵＲＬの部分がそのＵＲＬのタイトルが表示されたリンクになります。

例として：

［link2 id="lk2"]http://nakamura.tea-pot.jp[/link2］

この実行結果：

中村家のほーむぺーじ

■重要--＜ｐ＞対策！■
どうも、wordpress 付属のエディターは（お使いの方はおわかりのとおり、）ちょっとクセがあります。ソースを見ると勝手にタグを書き換えちゃったり改行してあったり。。
一番困ったのは、このショートコードの両端に、＜ｐ＞＜/ｐ＞をつけた場合、投稿するとこの＜ｐ＞＜/ｐ＞が削除されてしまうことです。
そこでこれを回避するために、
＜ｐ＞＜ｐ＞［ｌｉｎｋ２］URL［/ｌｉｎｋ２］＜/ｐ＞＜/ｐ＞
と、＜ｐ＞タグを二重にしてみてください。

注意！！

上記のコードはコードが実行されないように全角で書いていますので

このままコピーペースとしても動きません（＾＾；）悪しからず。。。

このショートコードを動かすには下記のファンクションをテーマファイルのなかのfunction.phpに追加します。

<?php
add_shortcode('link2','link2_func');

function link2_func($atts, $content){

$url=$content;

ini_set( "display_errors", "Off");
$x=get_headers($url);
ini_set( "display_errors", "On");

$response = $x[0];
if (!preg_match('/200 OK/',$response)){
//存在しない
return '<span class="title2_err">--- "' . $content . '" URLが存在しません ---</span>' ;
}else{
//存在する
}

$file=fopen($url,"r");

if(!$file){
die("$urlをOPENできませんでした。アドレスが正しいかどうか見直してください。");
}//end if

$title="";
$tflg=0;

$from="UTF-8";
//$to="SHIFT-JIS";
$to="UTF-8";

while(!feof($file)){
$line=fgets($file,1024);
//<title>があるか？
$st=stristr($line,"<title>");
$ed=stristr($line,"</title>");
if($st && $ed ){//1行に<title>と</title>がある
$title=$line;
break;
}elseif($st){//<title>だけが見つかった
$title .= $line;
$tflg = 1;
}elseif($tflg != 0 && !$ed){//</title>が見つかるまで
$title .= $line;
}elseif($ed){//</title>が見つかったら
$title .= $line;
$tflg = 0;
break;
}//end if

}//end while

fclose($file);

$title =strip_tags($title);
//文字コード判別
$det_enc=mb_detect_encoding($title,"auto");
//タイトルを表示
if($det_enc and $det_enc != $to){
$title=mb_convert_encoding(strip_tags($title),$to,$det_enc);
return '<a href="' . $content . '">' . $title . '</a>';

}else{
$title=strip_tags($title);
return '<a href="' . $content . '">' . $title . '</a>';

}//end if

}//end function

?>

こんな感じです。

上の赤字のところを自分の環境にあわせて適宜変更したほうがいいのかな。。。？？

wordpressはUTF8がデフォルトなのでこのままでいいですね。

おまけで、プラグインの形にもしてみました。

プラグインフォルダーの中に　解凍して出てきたＰＨＰファイルをアップロードして、有効化するだけです。

08/09/21 不具合修正、バージョンアップしました title_link2_1.0.1

（ここに置いてあります）

[link]http://photo.tea-pot.jp[/link]

これはわたしが初めて作ったショートコードです。

［ｌｉｎｋ］ＵＲＬを書く［/ｌｉｎｋ］

これで、上記のようにリンクがつけられます。

だからどうした、というようなものですが、私にはちょっと便利なショートコードです。

プラグインで自動リンクのがあるのですが、入れてみたらほかのプラグインと競合したらしく、はずしてしまったのです。

それで自分で簡単なものを作ってみました。

function link_func($atts, $content){
return '<a href="' . $content . '">' . $content . '</a>';
}
add_shortcode('link','link_func');

こんな感じです。

このコードを、テーマファイルのfunction.php　に追加コピーしてください。

それで使えるようになります。

［ｇｔｒａｎｓｌａｔｅ２］訳したい言葉［/ｇｔｒａｎｓｌａｔｅ２］

というように使います。

機械による直訳ですからへんてこりんになりますけどね

［ｇｔｒａｎｓｌａｔｅ２］Plugins can extend WordPress to do almost anything you can imagine. In the directory you can find, download, rate, and comment on all the best plugins the WordPress community has to offer.［/ｇｔｒａｎｓｌａｔｅ２］

[gtranslate2]Plugins can extend WordPress to do almost anything you can imagine. In the directory you can find, download, rate, and comment on all the best plugins the WordPress community has to offer.[/gtranslate2]

前に紹介したコードの、ja と en を取り替えただけです。（＾＾；）

// [gtranslate (sl="SourceLang" tl="TargetLang" id="id")]content[/gtranslate]
// タグに囲まれた部分をgoogle翻訳する(英→日)
function gtranslate2_func($atts, $content='') {
extract(shortcode_atts(array(
'sl' => 'en',
'tl' => 'ja',
'id' => 'gtrans',
), $atts));
return <<<_EOT_
<div id="$id"></div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("language", "1");
function initialize() {
google.language.translate("$content", "$sl", "$tl", function(result) {
if (!result.error) {
var container = document.getElementById("$id");
container.innerHTML = result.translation;
}
});
}
google.setOnLoadCallback(initialize);
</script>
_EOT_;
}
add_shortcode('gtranslate2', 'gtranslate2_func');

というわけです

それに加えて、テック堂さんによるショートコード http://www.tech-do.com/blog/archives/42

を利用すると、住所をショートコードで囲むとそのマップが表示されます。

なかなか便利なショートコードです。

ためしにやってみました。

うちの近所の公園です。

ワンコのミディをよくお散歩に連れて行くところです。

[gmapwithgc width="400px" height="350px" zoom="10"]稲毛海浜公園[/gmapwithgc]

[ｇｔｒａｎｓｌａｔｅ]翻訳したい言葉[/ｇｔｒａｎｓｌａｔｅ]

このショートコードは、Googleの翻訳APIをひっぱてきて、コードで囲まれた言葉を翻訳して、投稿時に表示するものです。

例：

テック堂さんのところのコード（下記に引用）をテーマフォルダのfunction.phpに追加すると使えるようになります。

// [gtranslate (sl="SourceLang" tl="TargetLang" id="id")]content[/gtranslate]
// タグに囲まれた部分をgoogle翻訳する(デフォルトは日→英)
function gtranslate_func($atts, $content='') {
extract(shortcode_atts(array(
'sl' => 'ja',
'tl' => 'en',
'id' => 'gtrans',
), $atts));
return <<<_EOT_
<div id="$id"></div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("language", "1");
function initialize() {
google.language.translate("$content", "$sl", "$tl", function(result) {
if (!result.error) {
var container = document.getElementById("$id");
container.innerHTML = result.translation;
}
});
}
google.setOnLoadCallback(initialize);
</script>
_EOT_;
}
add_shortcode('gtranslate', 'gtranslate_func');

注意：

このショートコードを複数使うときは、ＩＤを重複しないように指定してあげないと、へんてこりんになります。
※タグの自動挿入プラグインを使っていると、機能が競合して、翻訳ができなくなる場合があります。
私の場合は最初動いていたのにしばらくすると動かなくなり、ソースを調べていたら、タグの自動挿入と翻訳jabascriptの書込みがバッティングしてまぜこぜになっていたので、タグの自動挿入を無効化してみたら、翻訳できるようになりました。
ソースを見るときれいになっていました。

[ｇｔｒａｎｓｌａｔｅ ｉｄ=”ｔｒａｎｓ２”]きょうもたくさん食べました[/ｇｔｒａｎｓｌａｔｅ]

[gtranslate id="test2"]きょうもたくさん食べました[/gtranslate]

いろいろ遊んでみました：

わたしは腰を痛めて、２週間仕事を休んでいます。

[gtranslate id="test3"]わたしは腰を痛めて、２週間仕事を休んでいます。[/gtranslate]

１回１から３錠を１日１回就寝前、または空腹時に服用します。

[gtranslate id="test4"]１回１から３錠を１日１回就寝前、または空腹時に服用します。[/gtranslate]

長文はどうでしょうか：

米南部テキサス州ガルベストン付近に１３日、大型ハリケーン「アイク」が上陸し、約１００万人が避難。多くの住民が姿を消した地域では、ペットや家畜の犬や猫、牛などが町中を歩き回っている。

[gtranslate id="test5"]米南部テキサス州ガルベストン付近に１３日、大型ハリケーン「アイク」が上陸し、約１００万人が避難。多くの住民が姿を消した地域では、ペットや家畜の犬や猫、牛などが町中を歩き回っている。[/gtranslate]