Question

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

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

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

我希望有elementor经验的人可以帮助我。这是我被困的地方：我在哪里添加JavaScript？我无处可添加javascript，就像每个元素的CSS部分一样。是否应将其添加到定制器中（外观->定制->定制CSS / JS）？我应该获得自定义JavaScript的插件吗？我已经给每个元素一个自定义类。我可以在这些类上附加一些JS。

编辑：再想一想。我不认为要在定制器中添加JS。我在想我添加的任何CSS / JS应该在顶栏，页眉和页脚中排他。我的理由是，这些部分将在每个页面上以完全相同的方式显示。这让我可以选择获取JS插件。这是最好的方法吗？

什么是实现我所需要的最佳方法。我绝对没有掌握Elementor开发人员文档的技能。对我来说太先进了。这就是为什么我在这里问。

提前谢谢

Answer 1

如果您知道操作方法，并且是通过javascript编写的，则可以通过以下方式进行操作：拖放HTML小部件->在脚本标签之间插入js。

我建议您在页脚（由elementor制成）中使用html，以便该脚本可在整个网站中使用。

Answer 2

我设法找到了一种方法，而没有任何插件或js，只是CSS：

首先，我们需要为部分/列设置最小高度（我设置为50vh）；

然后，我们必须添加一个具有链接/标签的元素（例如Title Widget），并为此设置一个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;
}

如何将elementor部分变成可点击的按钮

2 个答案: