Home » Program » WordPress HTML5, CSS3 Valid (No. 3) (Tag: , , )

Facebook 向けに OGP (Open Graph Protocol) に対応する方が望ましいとした場合、やはり Valid にはなりません。

HTML5 + RDFa ? 等も考えられますが、発想を変えて Facebook との通信のみ meta property="og:XXX" を出力すれば良いのでは ? と考えました。

function wg_ogp() {
    $agent = $_SERVER['HTTP_USER_AGENT'];

    if (preg_match('/facebook/', $agent)) {
?>
<meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
<meta property="og:title" content="<?php wg_title(); ?>" />
<meta property="og:description" content="<?php wg_desc() ?>" />
<meta property="og:type" content="article" />
<meta property="og:url" content="<?php echo wg_here(); ?>" />
<meta property="og:image" content="<?php wg_img() ?>" />
<meta property="fb:admins" content="100001699619269" />
<meta property="fb:app_id" content="365262713525479" />
<?php
    }
}

Validate ツール向けのみ出力 *しない* というルーチンでも良いですが、現状 Facebook 以外には無用なタグなので、上記の様に function.php に追記して header.php から呼んでいます。

# memo: http://developers.facebook.com/tools/debug

wg_ogp() 内にも wg_ で始まる関数がありますが、これは望む表示をするためにひと工夫した関数です。テンプレートにも依存しますが、一例を。

function wg_desc() {
    if (is_single()) {
        if (have_posts()) : while (have_posts()) : the_post();
            echo wg_the_content(100, 'r');
        endwhile; endif;
    } else {
        echo bloginfo('description');
    }
}

function wg_img() {
    if (is_single() && has_post_thumbnail()) {
        $img_id = get_post_thumbnail_id();
        $img    = wp_get_attachment_image_src( $img_id, 'evandr_slide');
        echo $img[0];
    } else {
        echo 'http://wg.drive.ne.jp/rose/wp-content/uploads/2012/04/2011080901-350x200.jpg';
    }
}

function wg_the_content($num, $mode = null) {   // tab.php sidebar.php
    $content = get_the_content($more_link_text, $stripteaser);
    $content = apply_filters('the_content', $content);
    $content = str_replace(']]>', ']]&gt;', $content);

    $content = preg_replace('/<div .*>.*<\/div>/', '', $content);
    $content = str_replace("\n", '', $content);
    $content = strip_tags($content);
    $content = mb_substr($content, 0, $num);

    if ($mode && $mode == 'r') {
        return $content;
    } else {
        echo "$content";
    }
}

PHP のプログラマみたいですが、実は I Love Perl です。WordPress が PHP で作られているので、いたしかたありませんね。

Random Select

乱切りカットステーキ 300g (1)
今日は 29 日で肉の日ですので、前回 いきなり ! ステーキ (アンガス CAB 肩ロースステーキ 300g) をチョイスした時から気になっていた乱切りカットステーキを求めて、再び訪れました。ランチ
京成日暮里駅
普段沖縄へは羽田空港 -> ANA, SKY, JAL のいずれかで那覇空港に移動しますが、一度 Jetstar – ジェットスター を試してみたいと思っていました。便数が限られるこ
印度チキンカレー (大盛り)
カリーライス専門店 エチオピア 本店 (No. 7 – 辛さ 65 – 70 倍) でついに辛さ 70 倍を極めた後、しばらくは堅気な辛さ ? で気を抜いてカレーを食べたいと思
カーフェリー (4)
沖縄本島 (No. 1 – 猫丸庵 〜 根夢) の続きです。明けて 10/12 はいよいよ 沖縄出張 (No. 29 – 伊江島 -> NG) のリベンジです。以前予定し
iPhone 6 + iPhone 6 Plus
ARROWS X F-10D を使い続けて 2 年。使い始めから電池の持ちが悪かったのですが、iPhone 6 Plus が発売開始となり、ついに機種変更に踏み切りました。Apple Store Gi
豆腐そば (2)
まだ初めて沖縄出張で訪れた当初に一度連れて行ってもらったことがある、これも地元では有名な 高江洲そば ですが、前々回の出張時までの 6 年近くは好んで訪れませんでした。まだ沖縄そば自体に慣れていない時
タコライス 材料 (OLD EL PASO タコ・シーズニング)
自宅 de タコライス (OLD EL PASO タコ・シーズニング Part 2) の続きです。沖縄本島 (No. 42 – 払い戻し) で年内最後の沖縄旅行が中止となったので、久しぶり
八重山そば (大) + 八重山飯
沖縄本島 (No. 6 – 打ち上げ) の続きです。05:00 頃までは起きていた気がしますが、普通通り目が覚めてお昼前にはお泊り宅を後にしました。この後半分はいつものメンバーとは離れても
radserv ope 04
これは、radserv X (T8100) のハードディスクの換装作業のショットです。納品時は 1TB x 2 でしたが、2TB x 2 に換装しています。では、手術風に。正中切開します。 
ANA ポケモンジェット (2013/05/19)
2013/09/30 にすでにラストフライトを終えた ANA の ポケモンジェット に、過去 2 回乗り合わせたことがあります。2012/05/27 の沖縄出張への往路です。ピカチュウジャンボ (JA
Valid HTML5 Valid CSS3 Another HTML Lint