Intereting Posts
Как восстановить $ args для пользовательского «класса» get_avatar? Как получить Facebook, чтобы увидеть, как YouTube / Blip вставляются при совместном использовании ссылки? Разделительные ссылки отсутствуют для первой ссылки (1) и предыдущей кнопки? Как получить ссылки на страницы для работы? get_the_post_thumbnail ($ post-> ID, миниатюра); не работает. Как я могу это решить? WordPress и рабочий процесс Git Ошибки XML-RPC, они знают мое имя пользователя? Неустранимая ошибка на pluggable.php tinymce.get () возвращает ошибку после запроса ajax В любом случае, чтобы редактировать заголовок WordPress Widgets в области администратора? Как удалить типу пользовательских почтовых сообщений? Как исправить причину конфликта по моей теме с помощью Woocommerce и / или Gravity Forms? Ошибка API-интерфейса WordPress при снятии флажка Скрыть элементы вне цикла на основе запроса Заказ по нескольким мета-ключам и метазначению @file_get_contents и wp_remote_get

Изменение 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';}">