如果没有附加项目,Wordpress媒体按钮不起作用?

时间:2013-06-24 12:26:48

标签: php css wordpress media

我正在为我的Wordpress主题开发主题设置,我需要媒体按钮,以便用户可以为主页附加文件。这些文件完全独立。 这个媒体按钮不起作用,除非我显示Wordpress编辑器,任何人都可以使用css hack来隐藏编辑器吗?

提前致谢!

1 个答案:

答案 0 :(得分:0)

就我个人而言,我这样做了:

形式

<label for="upload_image" class="upload">
    <input id="upload_image" type="text" size="36" name="ad_image" value="<?php echo get_option('ad_image'); ?>" /> 
    <input id="upload_image_button" class="button" type="button" value="Choose Image" />

然后显示所选的当前图像。

<p><strong>Current Image:</strong>
    <?php if (get_option('ad_image')){ echo '<br /><img src="'.get_option('ad_image').'" height="150" width="220"';} else{echo 'None Selected';}?>
    </p>

然后在选项页

中将此javascript排入队列
jQuery(document).ready(function($){
  var _custom_media = true,
      _orig_send_attachment = wp.media.editor.send.attachment;

  $('#upload_image_button').click(function(e) {
    var send_attachment_bkp = wp.media.editor.send.attachment;
    var button = $(this);
    var id = button.attr('id').replace('_button', '');
    _custom_media = true;
    wp.media.editor.send.attachment = function(props, attachment){
      if ( _custom_media ) {
        $("#"+id).val(attachment.url);
      } else {
        return _orig_send_attachment.apply( this, [props, attachment] );
      };
    }

    wp.media.editor.open(button);
    return false;
  });

  $('.add_media').on('click', function(){
    _custom_media = false;
  });
});