html - 在 WordPress Astra 主题上添加指向 HTML 按钮的链接

标签 html css wordpress

我今天早些时候发布了相同的问题,该问题已关闭,但我遇到的问题尚未解决。

问题:

我正在尝试在 WordPress Astra 主题上添加指向 HTML 主菜单按钮的链接。如果我使用以下代码,按钮将以正确的格式显示,但不会链接到我需要它的页面:

<button class="wpmem_loginout" >Sign-In</button<>

如果我使用上一篇文章中提供的建议代码:

<a href="/sign-in" class="wpmem_loginout">Sign-In</a>

按钮的格式已删除,但链接仍能正常工作。当我说格式化时,我已经包含了我的意思的图片。左侧的部分删除了格式,右侧的部分显示了按钮的外观(红色和白色文本)。

有没有人有任何进一步的建议?我还尝试使用建议的代码并在之后添加 CSS 以正确格式化按钮。但这也不起作用......

谢谢, 盖伊 Astra menu bar

最佳答案

您的 按钮 不起作用,因为它没有关联的功能。只需添加onclick 函数 并将位置href 更改为所需的url。它会正常工作。

<button class="wpmem_loginout" onclick="window.location.href='/sign-in'">Sign-In</button<>

希望对您有所帮助。如有任何疑问,请回复。

关于html - 在 WordPress Astra 主题上添加指向 HTML 按钮的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59256455/

相关文章:

wordpress - 我将如何在响应式 wordpress 布局上按类别拆分 'desandro masonry' 列

html - 如何用CSS3制作弧形?

html - 如何防止叠加的 div 在某些分辨率下产生间隙? (谷歌时代精神)

jquery - wordpress Bootstrap 菜单在悬停时加载,希望它仅在单击时加载和卸载

html - Bootstrap Card Grid 的问题

html - 使用 CSS 垂直居中 3 个段落

wordpress - 在网站上旋转我的 Logo

javascript - 如何在js文件中使用php文件中的变量?

html - 图像显示在边缘

css - 使用 MAC 与 PC 时字体渲染不同