정보공유

글보기
제목	워드프레스 로그인 상태에 따라 UI 바꾸기 + 수익형 사이트에 애드센스·애드핏 적용하기2025-08-03 20:48
작성자	[email protected]
워드프레스로 사이트를 운영하다 보면 사용자 경험(UX)을 높이기 위해 로그인 여부에 따라 화면에 표시되는 요소를 다르게 구성하고 싶을 때가 있습니다. 예를 들어, 로그인된 사용자는 “로그아웃” 버튼만, 비로그인 사용자는 “로그인 / 회원가입” 버튼만 보이도록 말이죠. 또한 많은 분들이 워드프레스를 통해 수익형 블로그나 커뮤니티를 운영하고자 합니다. 이 글에서는 로그인 상태에 따른 UI 처리 방법과 함께 광고 수익화(카카오 애드핏, 구글 애드센스)를 어떻게 적용할 수 있는지도 함께 소개합니다. ✅ 1. 로그인 상태에 따라 메뉴 변경하기 (Astra 테마 기준) Astra 테마를 사용하는 경우, 다음 코드를 `header.php` 혹은 Elementor/Hook 등을 통해 삽입해보세요: php `<?php if ( is_user_logged_in() ) : ?> <a href="<?php echo wp_logout_url(); ?>">로그아웃</a> <?php else : ?> <a href="/login">로그인</a> \| <a href="/register">회원가입</a> <?php endif; ?>` 🔍 `wp_logout_url()`은 자동으로 로그아웃 후 홈페이지로 리디렉션해주는 워드프레스 내장 함수입니다. 💸 2. 수익형 광고 삽입: 구글 애드센스 & 카카오 애드핏 📌 애드센스(AdSense) 구글 애드센스는 고수익을 기대할 수 있지만 심사 통과가 어렵고 시간이 오래 걸림. `adsbygoogle.js` 스크립트를 `<head>`에 삽입하고, 광고 위치에 아래와 같은 코드를 사용: html `<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-xxxxxxxxxxxx" data-ad-slot="1234567890" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle \|\| []).push({}); </script>` 📌 애드핏(AdFit) 국내 트래픽이 많을 경우 안정적인 수익 구조. 광고를 삽입할 영역에 다음과 같은 스크립트를 삽입: html `<script type="text/javascript" src="//t1.daumcdn.net/kas/static/ba.min.js" async></script> <ins class="kakao_ad_area" style="display:none;" data-ad-unit = "DAN-XXXXXXXXXX" data-ad-width = "320" data-ad-height = "100"></ins>` 💡 팁: 애드센스 승인 기다리는 동안 애드핏 병행도 가능 애드센스는 승인까지 보통 1~3주 소요됩니다. 그동안 애드핏으로 임시 수익을 확보할 수 있습니다. 단, 광고 클릭 유도 금지 등의 정책은 반드시 지켜야 하며, 모바일 UI에서는 위치 최적화가 중요합니다 🔗 추천 링크 Astra 테마 공식 사이트 카카오 애드핏 신청하기 구글 애드센스 가입하기
태그

이전	내 서버에서 SMTP 메일 발송 시스템 구축하기 (Ubuntu + Postfix + Dovecot + Roundcube)	[email protected]	2025-08-03
다음	일일 게시글 테스트	[email protected]	2025-08-03