他サイトの紹介作業を単純化

ブックマークレットとショートコードを使ってURL取得からWPでの掲載までとっても楽ちん。

ショートコードサンプル
[bm url="***" description="ページの概要・説明(任意)"]ページのタイトル[/bm]

このショートコードを1クリックで取得するのが下記ブックマークレット。
お気に入りに登録しておいて、ショートコードを取得したいページでブックマークから起動するだけです。

ブックマークレット GetLinkCode

function.phpに追加した内容ですが、はてぶの表示はいらないかなと思ったので少しソースを変更しました。

/*外部リンクサムネ付き紹介用のショートコードの登録*/
function shortcode_custom_bookmark($opt, $content = null) {
    /* デフォルトの設定 */
    $width = 150; // サムネイルの横幅
    $class = 'bookmark cf'; // 全体を覆うclass
    $text = 'リンク'; // アンカーテキストがなかった時のテキスト
    /* デフォルトの設定ここまで */
    if(!empty($opt['url']) && preg_match('/^(https?|ftp)(:\/\/[-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)$/', $opt['url'])) {
        if(!empty($opt['width']) && preg_match('/^[0-9]+$/', $opt['width'])) $width = $opt['width'];
        $height = round($width * 0.75);
        if(!empty($content)) $text = esc_attr($content);
        if(!empty($opt['class']) && preg_match('/^[a-zA-Z0-9 -_]+$/', $opt['class'])) $class .= ' '.$opt['class'];

        $str = '<article class="'.$class.'"><div class="bookmark_container"><figure><a href="'.$opt['url'].'" target="_blank"><img class="bookmark_thumb" align="left" border="0" src="http://s.wordpress.com/mshots/v1/'.rawurlencode($opt['url']).'?w='.$width.'" alt="'.$text.'" width="'.$width.'" height="'.$height.'" /></a></figure><header><h3><a href="'.$opt['url'].'" target="_blank">'.$text.'</a></h3></header>';
        if(!empty($opt['description'])) $str .= '<blockquote>'.mb_strimwidth(esc_attr($opt['description']), 0, 140, "...","UTF-8").'</blockquote>';

        $str .= '</div></article>';
        return $str;
    }
}
add_shortcode('bm', 'shortcode_custom_bookmark');

そうするとこんな感じに↓なります。

※CSSは調整してね

こちらの記事を参考に組み込みました

http://increment-log.com/link-thumbnail-bookmarklet/
http://unguis.cre8or.jp/web/1385

※9/14 Getlink部分ほか少し記事修正しました


コメントを残す

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