XE3 (XpressEngine3)

[xe3] alice 플러그인에 애드센스 붙이는 방법 - 반응형 미디어쿼리를 사용해 pc 화면일 때만

xemaker 2018. 1. 8. 17:38
xe3를 설치하면 기본 플러그인인 alice 레이아웃에 pc화면일 때만 애드센스 붙이는 방법을 살펴본다.

우선 alice 플러그인 위치는

xe3루트/plugins/alice
(이하 xe3루트는 xe3라고 함)

xe3/plugins/alice/theme/views/frame.blade.php 파일을 연다.

맨 아래에다가 단다고 가정하고

맨 아래에다가

<style>
@media (min-width:768px) {
  #ads{
    visibility:;
   }
}
@media (max-width:768px) {
 #ads {
    visibility:hidden;
   }
}
</style>

<div id="ads">
<center>
애드센스코드
</center>
</div>

라고 하면 768픽셀 이상일 경우에만 애드센스 코드가 나온다.