将jQuery和ThickBox添加到WordPress主题

时间：2012-01-04 作者：Danny Style

我想为我开发到WordPress的模板添加thickbox。此时，我正在尝试使用一个干净的模板，该模板只有header.php, footer.php,index.php, 和functions.php.

我已经包括了<?php wp_head(); ?> 进入header.php 以及<?php wp_footer(); ?> 进入footer.php.

我已经包括了wp_head 像这样：

<?php
wp_enqueue_script(\'jquery\');
wp_enqueue_script(\'thickbox\');
wp_enqueue_style(\'thickbox\');
wp_head();
?>
我已将gallery链接类更改为thickbox，代码为functions.php

<?php add_filter( \'wp_get_attachment_link\', \'sant_prettyadd\');

function sant_prettyadd ($content) {
    $content = preg_replace("/<a/","<a class=\\"thickbox[slides]\\"",$content,1);
    return $content;
}
?>
当我点击画廊图像时，它应该用thickbox打开，但它只打开图像文件。

3 个回复
最合适的回答,由SO网友:Norcross 整理而成

您需要使用wp_enqueue_script 函数（在functions.php文件中）调用所需的相关脚本。它支持内置库和添加主题中包含的任何自定义项。

SO网友:fuxia

您只需在functions.php:

add_action( \'wp_enqueue_scripts\', \'add_thickbox\' );
就是这样。WordPress现在将jQuery和thickbox脚本排入队列。默认情况下，链接的图像还不是厚框的。您需要：

添加类thickbox 手动/通过PHP或使用第二个脚本自动添加这些类的示例代码footer.php:

<script>
jQuery(\'a img.size-medium\').parent().addClass(\'thickbox\').attr(\'rel\', \'page\');
</script>
<?php
wp_footer();
此代码添加类thickbox 指向中型图像周围的所有链接，并将这些链接分组以启用下一个/上一个导航链接。

现在，您可以获得一个带有已翻译导航链接的基本thickbox：

enter image description here

由于这是一个由内核管理的脚本，因此它对键盘用户不友好：箭头键什么都不做。如果您需要一个更有用的解决方案，请使用插件。

另一个注意事项：Thickbox可能迟早会从堆芯中移除。看见Ticket 10955.

SO网友:Renu Kumar

嗨，谁能帮我解决我的问题：：

这是我的代码

<a href="\'. site_url("wp-admin/admin-ajax.php?action=user_avatar_add_photo&step=1&uid="). $myUID . \'&TB_iframe=true&width=720&height=450" title="Upload and Crop an Image to be Displayed" >\' . ( \'Update Picture\',\'wp-members\' ) . \'</a>
这段代码我试图在Wp管理配置文件中使用，它工作正常，但。。有一个问题。。。i、 e当我试图从前端TB\\U ifram中推测用户头像不会弹出时。。。它正在蔓延到整个网页。。。

图片如下：enter image description here这里我需要从前端弹出TB\\U Ifram内容框架。。。请给我一个对你很好的建议。。

当做

结束
标签： jquery   gallery   wp-enqueue-script   links   thickbox   小码农  

相关推荐

FireBug：WordPress管理面板中的jQuery出现问题

我正在尝试制作我的第一个插件，但我遇到了firebug的问题。当我在WP管理面板中使用firebug控制台时，它不能正常工作。例如，当我使用选择器$（“#wpbody”）时，控制台返回null值。WP面板包括jQuery库，我不知道为什么firebug会出错。有什么建议或建议吗？使用WP 3.1.3和3.2.1测试谢谢，马科斯。