私は私たちの記事に多くの画像を使用する傾向があるワードプレスサイトを持っています。現在、これらの画像は統計情報で満たされており、人々は参照用にコピーしています。さて、私たちが望むのは、ユーザーにこれらの画像のために自動的に生成された埋め込みコードを持たせることです。ワードプレスで画像の埋め込みコードを生成
この目的で類似したものが見つかりました。Embed Anything plugin for wordpressただし、何らかの理由でプラグインが壊れているようで、埋め込み画像では正しく機能しません。はい、私は出版社のIDを正しく使用しています。
誰かがこのプラグインの問題点を見つけられますか？または、誰かが、アバターのホスティングサイトと同様の埋め込みコードを生成するスクリプトやコードを提案することができますか？私はワードプレスで同じことを統合することができるように。
ありがとうございます。
これは、ショートを使用して行うことができます。
/*
* Usage:
* [embedimage img="http://domain.com/wp-content/uploads/image.png" title="The image title"]
* or without a permalink wrapping the image:
* [embedimage img="http://domain.com/wp-content/uploads/image.png" title="The image title" nolink=""]
*/
add_shortcode('embedimage', 'so_10069934_embed_image');
function so_10069934_embed_image($atts, $content = null) {
global $post;
$link_init = (isset($atts['nolink'])) ? '' : '<a href="'.get_permalink($post->ID).'" target="_blank">';
$link_end = (isset($atts['nolink'])) ? '' : '</a>';
$html = <<<HTML
<script type="text/javascript">
function copyToClipboard (text) {
window.prompt ("Copy to clipboard: Ctrl+C, Enter", text);
return false;
}
</script>
<a href="javascript:void(0)" id="copy" onclick="copyToClipboard(document.getElementById('pre').innerHTML);">Copy to clipboard</a>
<pre id="pre" style="display:none">{$link_init}<img src="{$atts['img']}" alt="{$atts['title']}" border="0" />{$link_end}</pre>
HTML;
return $html;
}
クリップボードにテキストをコピーするためのJavascriptのソリューションはここから来ている： https://stackoverflow.com/a/6055620/1287812
機能copyToClipboardは、あなたのテーマのJavaScriptファイルに好ましくなければなりません。
リンクを共有するためにstackoverflowでここで使用されているような小さなダイアログボックスを用意していいですか？ しかし、CSSスタイリングとjQueryの問題だけでは難しくありません。