0


私は、投稿で多くの画像を使用する傾向があるワードプレス サイトを持っています。現在、これらの画像は統計でいっぱいであり、人々は参考のためにそれをコピーする傾向があります. ここで、ユーザーがこれらの画像用に自動生成された埋め込みコードを使用できるようにする必要があります。

この目的に似たものを見つけました - Embed Anything plugin for wordpress。しかし、何らかの理由でプラグインが壊れているようで、埋め込まれた画像では正しく動作しません。はい、私は発行者の ID を適切に使用しました。

誰かがこのプラグインの問題点を見つけることができますか? または、誰かがアバター ホスティング サイトと同様の埋め込みコードを生成するスクリプトまたはコードを提案できますか? 同じものをwordpressに統合できるように。

前もって感謝します。

4

1 に答える 1

1

これは、ショートコードを使用して実行できます。

/*
 * 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 ファイルにある必要があります。

ただし、リンクを共有するために、ここでスタックオーバーフローで使用されているような素敵な小さなダイアログ ボックスがあると便利です :) しかし、それは難しいことではなく、CSS スタイルといくつかの jQuery の問題であると思います。

于 2012-05-07T01:26:30.143 に答える