在wordpress主题中添加fancybox灯箱而不使用插件答案

【问题标题】：Add fancybox lightbox in wordpress theme without using a plugin在wordpress主题中添加fancybox灯箱而不使用插件
【发布时间】：2012-08-17 13:33:05
【问题描述】：

我希望我的帖子图片在精美的灯箱中打开。我有两个具有两个不同主题的 wordpress 网站。我正在为灯箱中的图像使用此代码

<div id="gallery-1" class="gallery galleryid-25830 gallery-columns-3 gallery-size-thumbnail">
<a title="image-title" href="image-url"><img class="attachment-thumbnail alignleft" title="image-title" src="image-url" alt="" width="150" height="150" /></a>
</div>

此代码适用于一个主题，但在另一个主题中它会转到图像的 url。我检查了我的主题文件，发现fancybox没有jquery或js文件。所以我想知道如何将这些文件添加到我的主题中，以及我应该在我的 CSS 文件中进行哪些更改。请有人，帮助我。我是编码新手。

【问题讨论】：

我在其他主题中有fancybox文件夹，它包含一些图像和jquery.fancybox-1.3.4。我可以使用它们吗？如果是，那怎么办？请有人帮忙

标签： javascript wordpress fancybox themes

【解决方案1】：

问题是你的插件fancybox 将明确要求jquery 作为HTML 脚本中的预头加载项之一，以便浏览器初始化jquery 功能。您必须从来源提供 jquery 包或使用外部 CDN（Google、MS 等）。

这可以通过在HERE 的 HTML jquery CDN 代码中编码或下载/安装 WP PLUGINS 自动配置为最新的 jquery CDN 包来完成。

在确保 jquery 是标头代码的一部分之后，您的花哨的盒子应该可以工作（或者给您一些指示它正在尝试运行）。享受:)

【讨论】：

我不想使用任何插件，请告诉我步骤方法
Fancybox 只有在 html 标签中加载了 jquery 时才能工作。你必须在标签之间复制<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>。如果您使用 wordpress.com 免费博客中的 wordpress，那么可能很难这样做..
我在我的标题中复制了主题。现在下一步该怎么做？不，我没有使用 wordpress.com 免费主题

【解决方案2】：

轻松使用“条件灯箱”或“nextgen 画廊插件”或许多其他侧边灯箱 WP 插件，如果您使用 BP，请考虑只有少数插件，如“fancybox”4 buddypress（不支持）。如果在不使用插件的情况下启用 wordpress 侧边灯箱，请参阅此页面：http://fearlessflyer.com/2011/04/how-to-add-lightbox-to-wp-without-plugin/

【讨论】：