안녕하세요~!
로그인 되었을때 클래스에 css속성을 주고싶은데요
메뉴부분만이 아니라 따로 커스텀된 부분이있어서
로그인이 되었을때 해당 클래스에 display:block;를 주고
로그인이 되지않았을때 display:none;을 주려고하는데요 어떤 방법이 있을까요?
안녕하세요.
로그인 여부에 따라 CSS 속성을 달리 주시려면
워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에
아래의 코드를 추가해보시겠어요?
add_action('wp_head', 'my_wp_head');
function my_wp_head(){
if(is_user_logged_in()){
// 로그인했을 때
?>
<style>
.login-user{ display: block; }
.nonmember { diplay: none; }
</style>
<?php
}
else{
// 로그인하지 않았을 때
?>
<style>
.login-user{ display: none; }
.nonmember { diplay: block; }
</style>
<?php
}
}
위의 코드에서 클래스명은 적절히 수정하신 후에 적용해보세요.
고맙습니다.