Intereting Posts
Изменение пользовательского типа после регистрации (это повлияет на контент?) Как сделать запрос Http для php-файла, присутствующего в каталоге плагинов wordpress Как заставить пользовательские сообщения вести себя как таксономия? Невозможно получить разбиение на страницы, чтобы работать с этим циклом WP_Query Удалить навигационную панель Как скрыть категорию Использование user_status в условном режиме с get_users для возврата существующих пользователей Пользовательский php-файл в wordpress Примечание: использование неопределенной константы Redux_TEXT_DOMAIN – предполагается 'Redux_TEXT_DOMAIN' Пользовательские поля сообщений Обработка сервера B add_image_size () отличается от сервера A Автоматически добавляет brs и абзацы? Как установить глобальные переменные на странице шаблона? Как добавить текст перед пунктом меню WordPress href Проблема в замене__состояния на_excerpt ()

Изменение CSS при входе пользователя в систему

Поэтому у меня есть следующий код:

<h3> <div class="sellertitle"><a class="allseller" href="#">Something</a> </div> <?php if ( is_user_logged_in() ) { ?> <div class="otherseller"> <a class="allotherseller" href="#">Else</a> </div> <?php } ?> </h3> 

Затем, для «sellertitle», у меня есть следующий CSS:

 <--logged in--> .sellertitle { float: left; width: 49%; } 

Как вы можете видеть, «что-то» всегда видно, а «Else» отображается только при входе пользователя в систему.

Однако, когда пользователь вышел из системы, я хочу, чтобы CSS «sellertitle» был «float: none»

 <--logged out--> .sellertitle { float: none; width: 49%; } 

Какой был бы лучший способ достичь этого?

Solutions Collecting From Web of "Изменение CSS при входе пользователя в систему"

Вот еще один подход, основанный только на CSS, без встроенного PHP и ненужного CSS-спама в голове. Если ваша тема правильно использует body_class (), и пользователь вошел в систему, WordPress добавляет класс к элементу body, входящему в систему, поэтому мы можем использовать его в нашей таблице стилей:

 <--logged out--> .sellertitle { float: none; width: 49%; } .otherseller { display: none; } <--logged in--> .logged-in .sellertitle { float: left; } .logged-in .otherseller { display: inline; } 

вы можете попробовать что-то вроде этого … это добавит css на голову

 add_action('wp_head', 'add_css_head'); function add_css_head() { if ( is_user_logged_in() ) { ?> <style> .sellertitle { float: left; width: 49%; } </style> <?php } else { ?> <style> .sellertitle { float: none; width: 49%; } </style> <?php } } 

другой – изменить класс, если он зарегистрирован …

поэтому у вас будет два css

 .sellertitle { float: none; width: 49%; } .sellertitle.logged { float: left; } 

то на вашем div что-то вроде этого …

 <div class="sellertitle <?php if ( is_user_logged_in() ) {echo 'logged';}">