4

链接:http ://up8.431.myftpupload.com/services/

我需要把上面页面上的部分变成可点击的按钮。我正在使用安装了 elementor 插件的 WordPress。

我已经添加了一些额外的 CSS 以使这些部分看起来可点击。我只需要添加实际功能。我知道这是用javascript完成的。我还没有尝试添加任何 javascript 代码。我也有点犹豫,因为我认为我没有适当的技能和知识来做这件事。我不想只是开始到处添加代码。过去的经验认为我这是一个坏主意。

我希望有 elementor 经验的人可以帮助我。这就是我卡住的地方:我在哪里添加 javascript?我无处可添加 javascript,就像每个元素都有一个 CSS 部分一样。我应该在定制器中添加它(外观-> 自定义-> 自定义 CSS/JS)吗?我应该获得自定义 javascript 的插件吗?我已经给每个元素一个自定义类。我可以将一些 JS 附加到这些类中。

编辑:再想一想。我不认为在定制器中添加 JS 是要走的路。我认为我添加的任何 CSS/JS 都应该专用于顶栏、页眉和页脚。我的理由是因为这些部分将在每一页上以完全相同的方式显示。这让我可以选择获取 JS 插件。这是最好的方法吗?

什么是完成我需要做的最好的方法。我绝对没有理解 Elementor Developer Docs 的技能。这对我来说太先进了。这就是我在这里问的原因。

提前谢谢

4

2 回答 2

0

如果您知道如何操作并且是通过 javascript,您可以这样做:拖放 HTML 小部件-> 在脚本标签之间插入您的 js。

我建议在您的页脚(使用 elementor 制作)中使用 html,以便该脚本可在整个站点中使用。

于 2020-09-09T02:48:15.420 回答
0

我设法找到了一种方法,无需任何插件或 js,只需 CSS:

首先我们需要为我们的部分/列设置一个最小高度(我设置为 50vh);

然后我们必须添加一个具有链接/标签的元素(例如标题小部件)并为此设置一个 CSS 类(在我的示例中为 .mhdizmni_title);

现在我们必须写一点css:

.mhdizmni_title a:after {
content: "";
display: block !IMPORTANT;
position: absolute;
height: 50vh;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
}
于 2020-09-19T19:43:07.407 回答