Magnific弹出Wordpress

时间:2016-02-23 11:17:30

标签: php jquery css wordpress magnific-popup

过去几个小时我一直试图解决这个问题,但是如何将插件集成到wordpress网站?

因为插件本身没有要放置的特定目录,所以我很困惑需要放置文件以使其工作。我的解释非常含糊,因为我还没有能够将上述3个文件中的任何一个上传到wordpress中。

所以有3个文件: jquery.magnific-popup.js / jquery.magnific-popup.min.js / magnific-popup.css

我需要的最终产品基本上只是一组图库项目,不受宽度或高度的限制,因此我可以在此处找到与此类似的网站作为参考:http://www.three-d-conceptwerke.com/

每个图库项目都会打开一个弹出窗口,在每个图库中显示多个图像,在这种情况下,每个项目都被视为包含多个图像的项目。

除此之外,如果不知道如何将文件集成到wordpress中,我无法解决这个问题。有线索吗?

2 个答案:

答案 0 :(得分:0)

放置它们的位置并不重要 - 只需调用标题中的脚本和样式表,或将它们添加到functions.php中。

E.g。如果我将它们上传到名为external-plugins的目录中,我只需将它们称为

<link href="http://www.example.com/external-plugins/magnific-popup.css"> <script src="jquery.magnific-popup.min.js"></script>

并在下面添加您的参数。应该在header.php中正常工作

编辑:您发布的链接几乎解释了您需要做的一切 - 如果您无法遵循它,也许您应该聘请其他人为您做这些!

答案 1 :(得分:0)

您提供的链接中的说明非常清楚......

  

主题目录中创建目录 magnific-popup 。从GitHub下载MP CSS和JS文件,将两者放在magnific-popup目录中

您需要使用像Filezilla这样的FTP客户端,或者使用托管控制面板中的文件管理器登录站点的文件目录。进入后,导航到您的WordPress主题目录wp-content / themes / your-theme /,并创建一个名为 magnific-popup 的新目录。然后将3个文件上传到该目录,并按照其余说明完成弹出窗口设置。

如果您发现这有用,请将此标记为您问题的可接受答案。