워드 프레스에서 이미지에 대한 소스 코드 생성

나는 우리 사이트에서 많은 이미지를 사용하는 경향이있는 WordPress 사이트가 있습니다. 이제 이러한 이미지는 통계로 채워지고 사람들은 참조 용으로 복사하는 경향이 있습니다. 이제 우리가 원하는 것은 사용자가 이러한 이미지에 대해 자동으로 생성 된 소스 코드를 갖도록하는 것입니다.워드 프레스에서 이미지에 대한 소스 코드 생성

이 목적으로 비슷한 것을 발견했습니다 (Embed Anything plugin for wordpress). 그러나 플러그인은 어떤 이유로 부러진 것으로 보이며 포함 된 이미지와 제대로 작동하지 않습니다. 그리고 예 저는 게시자의 ID를 올바르게 사용했습니다.

누군가이 플러그인의 문제점을 알 수 있습니까? 또는 다른 사람이 아바타 호스팅 사이트와 유사한 소스 코드를 생성하는 스크립트 나 코드를 제안 할 수 있습니까? 그래서 내가 Wordpress에서 같은 것을 통합 할 수 있습니다.

미리 감사드립니다.

출처

2012-04-09 digster

이것은 단축 코드 사용하여 수행 할 수 있습니다 :

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

클립 보드에 텍스트를 복사하는 자바 스크립트 솔루션은 여기에서 온다 : https://stackoverflow.com/a/6055620/1287812

copyToClipboard이 테마의 자바 스크립트 파일에 바람직하게해야 기능을 .

링크를 공유하기 위해 여기 stackoverflow에서 사용되는 멋진 작은 대화 상자를 사용하는 것이 좋을 것입니다. 그러나 CSS 스타일링 및 일부 jQuery 문제는 어렵지 않습니다.

출처

2012-05-07 01:26:30 brasofilo

워드 프레스에서 이미지에 대한 소스 코드 생성

답변

관련 문제