워드프레스 쇼핑몰, 웹사이트

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
웹사이트

회원관리 사이트

회원관리 프러그인을 이용한 학회 홈페이지.

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
쇼핑몰

해외 쇼핑몰

해외 대상 쇼핑몰. 다양한 플러그인 사용됨.

사이트 이미지
쇼핑몰

강아지 용품 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

포트폴리오 보기

블로그 인기글

커스텀 디자인

여러 종류의 플러그인을 이용해 페이지와 콘텐츠를 커스텀 디자인

Brizy Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Elementor Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Advanced Custom Field Pro

사용자 정의 필드

커스텀 콘텐츠 작업에 필요한 플러그인

Pods

사용자 정의 콘텐츠 타입

기본 콘텐츠 타입외에 다양한 형태의 콘텐츠 생성.

블로그

구글 애드센스 사용법에 대해 설명합니다. 구글 애드센스는 예전에는 글 하나당 3개의 광고를 붙일 수 있었는데 요즘은 이러한 제한이 없어지고 원하는만큼 배치할 수 있습니다. 하지만 많은 광고를 붙이면 방문자가 불편하죠. 더구나 요즘 추세가 사이드바가 없는 블로그 레이아웃이 유행이라서 사이드바에 배치할 수도 없습니다. 필자는 글 중간에 배치하는 것을 지양해왔었는데 사이드바를 없애고나서는 어쩔 수 없이 글 중간에 배치했습니다. 글에 일일이 추가하는 것이 아니고 상단에 두 개 하단에 두 개 배치하고 이들 중 하나는 글 중간에 나타나도록 설정했습니다.


본 가이드는 티스토리 스킨 Material Kit를 구매 후 스킨을 사용하기 위한 설명서입니다.


데모 사이트: https://explorer36.tistory.com/


구매 사이트: https://martian.kr/shop/material-kit-2/




Material Kit 스킨은 사이드바가 8개입니다. 1~4는 구글 광고를 위한 것이고 5는 블로그 사이드바이며 6~8은 푸터 위젯 영역에 사용됩니다. 사이드바1에 HTML 배너출력 위젯을 배치하고 편집을 클릭해 구글 반응형 광고 코드를 추가합니다. "사용자모듈에 저장"을 클릭하고 확인을 클릭한 다음 나머지 2~4에 이 모듈을 배치합니다.



글 상단에는 광고가 하나만 나옵니다.



글 중간에 2번째 광고가 나옵니다. 글 내용이 많지 않으면 세번째 광고는 아래처럼 하단에 마지막 광고와 함께 나오게 됩니다.



티스토리는 기본적으로 글의 단락을 p 태그를 이용해 분리하고 있습니다. 이 p 태그의 순서에 의해 광고가 이동되도록 설정해놔서 위처럼 작동됩니다. 자바스크립트를 이용한 광고의 이동배치는 구글 애드센스 규칙에 어긋나지 않습니다. 티스토리를 오래 사용한 블로거는 p태그가 없어서 광고가 제대로 이동되지 않을 수도 있으며 필자의 블로그 글중 오래된 것이 그렇습니다.