php 函数改变 css

Question

我正在尝试添加一段代码来更改页面上的 css。我在 WordPress 中将代码添加到 functions.php。但是，它似乎不起作用。由于我对此很陌生，因此代码可能存在一些非常基本的错误...知道为什么它可能无法正常工作吗？

// This code is added to functions.php
// intro is the class name of the element I'm trying to change
add_action( 'intro', function () {
    if ( is_user_logged_in() ) {
        ?>
            <style>
                display: none!important;
            </style>
        <?php
    };
    exit;
});

Answer 1

我认为你想做的是改变 css class 的内容，我认为你做不到。相反，一个解决方案是分配一个 css class 和你想要应用于元素的属性，例如

<div class="<?php if ( is_user_logged_in() ) { echo 'intro';} ?>">
   // Whatever you have here will get the css style applied 
   // if user is logged in
</div>

和客栈CSS你有以下

.intro{
  display: none!important;
}

您可以为不同的样式创建多个文件，例如另一个 class

.outro{
  display:initial;
}

你可以在代码中添加它作为

<div class="<?php if ( is_user_logged_in() ) { echo 'intro';} else{ echo 'outro';} ?>">
       // Whatever you have here will get the css style applied 
       // if user is logged in and if logged out then outro class will be applied
    </div>

Answer 2

我通过删除 exit; 并定位一个元素来让它工作：

add_action( 'wp_head', function () {
    if ( is_user_logged_in() ) {
        ?>
            <style>
                .intro{
                    display: none!important;
                }
            </style>
        <?php
    };
});

php 函数改变 css

php function to change css

php

wordpress

hook