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

时间:2019-02-11 04:03:16

标签: javascript css wordpress elementor

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

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

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

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

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

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

提前谢谢

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

我设法找到了一种方法,而没有任何插件或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;
}