如何在 wordpress 网站上显示传单地图？

【问题标题】：How to display a leaflet map on a wordpress website?如何在 wordpress 网站上显示传单地图？
【发布时间】：2021-07-21 20:39:03
【问题描述】：

我已经在 codepen 上完成了一张传单地图。我的代码分为 html/css 和 javascript/jquery。我想知道如何在 wordpress 网站上显示地图。我曾尝试在 codepen 上嵌入，但“左上角的结果”和“在 Codepen 上编辑”的事实不符合我的需求。我是否必须在完整的 html 中制作代码（然后我的 javascript 在 >script 中）？有没有一种简单的方法来显示它？非常感谢

【问题讨论】：

Codepen 不是免费的托管服务。您可以通过复制 JS/CSS 和 HTML 在您的 WP 实例上制作相同的页面。

标签： javascript html css wordpress leaflet

【解决方案1】：

我使用以下解决方案，它也适用于 Elementor。是的，确实使用 html，但是，在你的

中添加你的 css 和 js 文件

wp-content > 主题 > 子主题 > 资产 > css 或 js 文件夹

像在标准 html 设置中那样链接这些文件，方法是输入整个永久链接或缩短的 ../wp-content/etc。关联。我使用第一个选项。

添加您的 html，它应该可以工作。

提示 1：在您的浏览器中检查是否有任何错误，因为如果您有任何较旧的 javascript ，WordPress 会发出警告。

提示 2：如果您使用任何图像，则需要像 WordPress Media 那样优化图像。

【讨论】：