Intereting Posts
wp-admin не будет перенаправлен на wp-login.php Как выбрать шаблон, который будет использоваться для нескольких запросов таксономии? Как перечислить «невидимые» Auto Drafts? Создание сообщений из данных API, как идентифицировать уже импортированные должности? Меню пользовательской панели не остается открытым для пользовательской таксономии Показать сообщения в этой теме Каковы наилучшие практики при использовании AJAX в разработке плагинов? Использование динамических данных, полученных из таблицы MySQL на странице WordPress дросселировать / ограничивать зарегистрированные HTTP-запросы пользователя на конкретную страницу в день wp_nav_menu_items filter :: пользовательские меню выходят за пределы ul class Санизировать введенный пользователем CSS Нет свойства first_name или user_firstname в объекте WP_User Как изменить частоту архива медиафайла в папке uploads для wordpress blog отображать короткие коды за пределами the_content $ wpdb-> replace: WHERE?

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