亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

通過functions.php中的javascript將自定義CSS添加到wordpress

通過functions.php中的javascript將自定義CSS添加到wordpress

PHP
萬千封印 2022-12-11 10:03:39
我正在嘗試通過 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 規則具有優先權。


查看完整回答
反對 回復 2022-12-11
  • 1 回答
  • 0 關注
  • 125 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號