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픽셀 이상일 경우에만 애드센스 코드가 나온다.
우선 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픽셀 이상일 경우에만 애드센스 코드가 나온다.