将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内容框架。。。请给我一个对你很好的建议。。

当做

结束

相关推荐

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

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