我正在嘗試通過 CSS 為已登錄和未登錄的用戶隱藏/顯示按鈕。我可以通過 Javascript DOM 屬性為主題中的按鈕執行此操作。但是這里的按鈕是第三方插件的,我試圖以與主題按鈕相同的方式實現它,但我做不到。這是我的代碼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貢獻1871條經驗 獲得超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強制覆蓋它。如果萬一這不起作用,您可能必須使用瀏覽器的開發人員工具來檢查按鈕元素并查看哪個 CSS 規則具有優先權。
- 1 回答
- 0 關注
- 125 瀏覽
添加回答
舉報
0/150
提交
取消