Erzeuge Embed Code für Bilder in WordPress

Ich habe eine Wordpress-Website, in der wir dazu neigen, eine Menge Bilder in unseren Beiträgen zu verwenden. Jetzt sind diese Bilder mit Statistiken gefüllt und die Leute neigen dazu, sie für ihre Referenz zu kopieren. Was wir jetzt wollen, ist, dass die Benutzer einen automatisch generierten Einbettungscode für diese Bilder haben.Erzeuge Embed Code für Bilder in WordPress

Wir haben etwas ähnliches für diesen Zweck gefunden - Embed Anything plugin for wordpress. Allerdings scheint das Plugin aus irgendeinem Grund kaputt zu sein und funktioniert nicht richtig mit den eingebetteten Bildern. Und ja, ich habe die ID des Herausgebers richtig verwendet.

Kann jemand herausfinden, was das Problem mit diesem Plugin ist? Oder kann jemand anderes ein Skript oder einen Code vorschlagen, der den Einbettungscode ähnlich den Avatar-Hosting-Sites generiert? Damit kann ich das gleiche in WordPress integrieren.

Vielen Dank im Voraus.

Quelle

2012-04-09 digster

Dies kann mit einem Shortcode erfolgen:

/* 
* 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; 
}

Die Javascript-Lösung für einen Text in die Zwischenablage zu kopieren kommt von hier: https://stackoverflow.com/a/6055620/1287812

Die Funktion copyToClipboard vorzugsweise Javascript-Datei in Ihrem das Thema sein sollte .

Wäre aber nett, ein nettes kleines Dialogfeld zu haben, wie es hier in stackoverflow zum Teilen eines Links verwendet wird :) Aber ich denke, es ist nicht schwer, nur eine Frage von CSS-Styling und etwas jQuery.

Quelle

2012-05-07 01:26:30 brasofilo

Erzeuge Embed Code für Bilder in WordPress

Antwort

Verwandte Themen