我正在嘗試通過 CSS 為已登錄和未登錄的用戶隱藏/顯示按鈕。我可以通過 Javascript DOM 屬性為主題中的按鈕執(zhí)行此操作。但是這里的按鈕是第三方插件的，我試圖以與主題按鈕相同的方式實(shí)現(xiàn)它，但我做不到。這是我的代碼add_action('wp_head', 'stylebutton', 1, 1);function stylebutton() { if (!is_user_logged_in()) { ?> <script type="text/javascript"> window.addEventListener('load', function() { var div = document.getElementsByClassName("bw-widget__cta"); div[0].style.display = "none"; }); </script><?php }}?>
1 回答
慕桂英4014372
TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超13個贊
使用 CSS 隱藏元素的工作原理如下：
add_action('wp_head', 'stylebutton');
function stylebutton() {
if (!is_user_logged_in()) {
?>
<style type="text/css">
.bw-widget__cta {
display: none !important;
}
</style>
<?php
}
}
?>
不過要小心。由于我不知道第三方插件的 CSS 長什么樣，所以我添加了一個!important強(qiáng)制覆蓋它。如果萬一這不起作用，您可能必須使用瀏覽器的開發(fā)人員工具來檢查按鈕元素并查看哪個 CSS 規(guī)則具有優(yōu)先權(quán)。
- 1 回答
- 0 關(guān)注
- 133 瀏覽
添加回答
舉報(bào)
0/150
提交
取消