需要一种方法来更改 wordpress 媒体上传器 div TB_window css

Posted

技术标签:

【中文标题】需要一种方法来更改 wordpress 媒体上传器 div TB_window css【英文标题】:need a way to change the wordpress media uploader div TB_window css 【发布时间】:2011-11-28 01:14:25 【问题描述】:

再次为这个问题道歉,我的最后一个问题问得不好,代码丢失了。

我的插件有问题我正在尝试实现 wordpress 媒体上传器,不幸的是我遇到了问题

当点击上传按钮时,我让它工作并显示,但它只显示上传者的一半

我认为由于某种原因,TB_window div 打开时发现了问题 左边距:-334px; 我在火狐(火虫)中将其调整为自动,它正常显示,例如当前的 div 看起来像这样。

<div id="TB_window" style="width: 670px; height: 351px; margin-left: -335px; top: 20px; margin-top: 0pt; display: block;">

如果我把它改成

<div id="TB_window" style="width: 670px; height: 351px; margin-left auto; margin-right: auto; top: 20px; display: block; position: fixed;">

必须有一个简单的钩子/方法来为我的插件更改此框的 css

我该怎么做?

【问题讨论】:

【参考方案1】:

嗯,我认为最简单的方法是为您的 Wordpress 安装编辑 CSS 文件。登录 Wordpress 并导航到外观 -> 编辑器。然后在右下角找到styles.css。在此处添加您的 CSS 标记。

div#TB_window  margin-left: auto; 

如果这不起作用,那么您可以使用回调将代码插入博客的头部。

add_action('wp_head', 'InsertMyStyleSheet');

function InsertMyStyleSheet() 
  echo '<link href="pathToStylesheet" type="text/css" rel="stylesheet" />

并在那里为您的主题添加您自己的 CSS。

【讨论】:

嗯是的,但上传的只是在 mu 插件上不同步。编辑帖子时工作正常【参考方案2】:

只要依赖 javascript 不成问题,您可以尝试以下方法:

_tbw = document.getElementById('TB_window');
_tbw.style.margin = "auto";

或者,如果您使用的是 jQuery:

$(document).ready(function() 
  var _TBwindow = $('#TB_window');
  _TBwindow.css('margin-left', 'auto');

【讨论】:

这是我在厚框 iframe 'code'jQuery(document).ready(function() jQuery('#Milk-custom-image-upload') 中启动媒体上传器的查询。 click(function() formfield = jQuery('#Milk-custom-image').attr('name'); tb_show('', 'media-upload.php?type=image&TB_iframe=true'); return false; ); window.send_to_editor = function(html) imgurl = jQuery('img',html).attr('src'); jQuery('#Milk-custom-image').val(imgurl); tb_remove (); ); $(document).ready(function() var _TBwindow = $('#TB_window'); _TBwindow.css('margin-left', 'auto'); );'code'

以上是关于需要一种方法来更改 wordpress 媒体上传器 div TB_window css的主要内容,如果未能解决你的问题,请参考以下文章

Wordpress 媒体上传器无法正确上传

无法通过 Wordpress 上传器上传媒体

带有大小选择的 WordPress 媒体上传器

javascript WordPress前端媒体上传器

将wordpress媒体上传器集成到插件中

php 将复选框自定义元字段添加到媒体上传器wordpress