2014/04/13カテゴリー:WordPress外部リンクをサムネイル付きで表示するには「ShareHtmlメーカー」を使う方法があります。私の場合は、ShareHtmlメーカーを知る前にこちらのショートコードを発見して以来ずっと使ってます。Reader)...functions.phpファイルにソースコードを記述し、記事編集画面にショートコードを入力するとサムネイル付きの外部リンクHTMLが生成される、といったモノです。使いやすくて感謝してます。このショートコード用に専用のブックマークレットを用意したワケなんです。ShareHtmlを使ってHTML生成でも問題無いのですが、ショートコードの利点はソースコードを修正するだけで全ての記事に反映される所です。はてなキーワード目次ショートコードを実装するソースショートコードの使い方ショートコード用のブックマークレットブックマークレットの解説ブックマークレット作成で参考になったページショートコードを実装するソースブックマークレットの前に、このショートコードを実装するソースコードをちょこっと拝借。'shortcode_custom_bookmark');10,14行目のエスケープ処理は元のソースでhtmlspecialcharsが使われていたのですが、WordPress用のエスケープ処理関数「esc_attr」に変更しています。(こちらにしないとエスケープしきれない文字があったので。WordPressのせい?)外部リンク先の概要表示はpタグではなく引用のblockquoteタグに変更しています。CSSのスタイリングに関してはこのショートコードを公開してるページにサンプルがあります。ショートコードの使い方ソースコードをfunctions.phpに記述した後、以下のようにショートコードを記事本文に入力すると使えます。description="ページの概要・説明(任意)"]ページのタイトル[/bm]でも、一々URLやタイトル、概要をコピーして貼り付けしてると(少しだけど)時間が掛かるんですよね。本題ですが、リンク表示したいページの「URL」「タイトル」「概要」を一発で自動的に取得し、ショートコード用のソースを吐き出すブックマークレットを用意したんです。お気に入りに追加」で登録出来ます。登録したら、リンク表示したいページでお気に入り内の「GetLinkCode」をクリック。するとダイアログに);void(0);最初にdescriptionの値を変数に格納し、if文で無い場合の処理をしています。最後に文字をダイアログで表示するprompt関数で、ショートコード用の文字列を結合して出力しています。このjavascriptをブックマークレット用に1行にまとめて<a>タグのhref属性に放り込んでブックマークレット完成。pd[i].getAttribute('content');}}if(!(description%20==%20null))%20{description%20=%20description.content;}%20else%20if(!(gpDescription%20==%20null))%20{description%20=%20gpDescription}%20else%20if(!(twDescription%20==%20null))%20{description%20=%20twDescription.content;}%20else%20{description%20=%20'';}window.prompt('外部リンク用ショートコード','[bm%20url=%22'%20+%20location.href%20+%20'%22%20description=%22'%20+%20description%20+%20'%22]'%20+%20document.title%20+%20'[/bm]');void(0);">GetLinkCode</a>ブックマークレット作成で参考になったページまず、タイトルやURL取得に関してこちらの記事が参考になりました。oki2a24追記(2013年2月4日)。具体的な手順を書きましたのでよろしければご参照ください。コ...metaタグのproperty属性を取得する方法はこちらのソースコードを参考にしました。1つ前の記事、「「あみあみ」A8.netブック...次いで、ブックマークレットの作成はこちらのページを参考にしています。Bookmarkletの作成方法(基礎)-ブックマークレット活用術ブックマークレットの作成から活用までを紹介しています。ショートコードの利点を考えなければShareHtmlのブックマークレットでも全く問題ないのですが、私の場合はショートコードをすでに利用していたので、こちらに対応したブックマークレットを用意することにしました。MarkRyoichi(しつ)除菌ティッシュを買い込んで使いきれずによく乾かす人。療養目的で退職し、どうやって生きていくか模索中。最近は勉強目的でLaravelやVue.js弄ったり、趣味で音で遊んでます。※2019年10月16日現在ブログリニューアル中です。崩れなどが発生していたらすみません。Log検索:検索カテゴリーCSSHTMLJavaScriptUnityWebサービスWordPressデザイン。