如何制作一个div按钮来链接到另一个网页

Question

我正在制作联系表 7，并尝试将现有的提交按钮链接到另一个网站。我应该在哪里插入链接？这是现有的代码：

<div class="row">
    <div class="col-md-12 col-sm-12">[submit class:btn class:btn_lg class:btn_primary class:btn_solid class:btn_lg "Submit"]</div>
</div>

希望我能重用现有的联系表单作为横幅并保留现有的样式。

Answer 1

<div class="row">
<div class="col-md-12 col-sm-12">
    <a href="https://example.com" target="_blank" rel="noopener noreferrer">
        [submit class:btn class:btn_lg class:btn_primary class:btn_solid class:btn_lg "Submit"]
    </a>
</div>

1.找到定义 Contact Form 7 提交按钮的 HTML 代码部分。

2.用锚标记包围现有的按钮短代码，该锚标记在其 href 属性中指定所需的 URL。

3.确保在锚标记中设置 target="_blank" 属性，以便在新的浏览器选项卡中打开链接的网站，增强用户体验。

4.出于安全目的，包含 rel="noopener noreferrer" 属性，减轻与选项卡操作相关的任何潜在安全风险。