본문 바로가기

인터넷 IT/구글애드센스

구글애드센스 중앙정렬 깨짐 오류수정

내가 보는 시선이 아닌 다른사람을 위한 배려.

어쩌면 알고 보면 정말 간단한 부분임에도 시선을 흐트러트리는 경우가 있습니다.

 

나름 불편한 부분인데, 보기까지 안좋다면 그것은 배려가 없는 것이겠죠.

뭐 티스토리 블로그에서의 부분은 이미 다 알고 있는 내용이고, 쉽게 찾을수 있는 부분입니다.

 

그래서 티스토리는 오늘 간단하게, 그리고 워드프레스 에서의 부분을 이야기 해보려 합니다.

물론 오늘 이야기도 결론은 너무 쉽고 허망한 부분입니다.

 

바로 여백 -4 요것 한가지 이기 때문이죠.

하지만 내가 이것을 찾을때까지는 적잖은 시간을 할애했기에 어느 누군가도 이 부분의 어려움이 있을듯 해서 한줄 남겨봅니다.

 

 

알고나면 참 쉬운 부분이죠.

하지만 뭐 하나 딱 막히면 그야말로 시간보내는 것은 삽시간입니다.

 

구글애드센스 중앙정렬 깨짐 오류수정

 

코드를 몰라도 블로그와 홈페이지 멋지게 꾸밀수는 있습니다.

이미 만들어진 툴을 잘 활용하면 되는것.

 

하지만 기본부분은 알고 있어야 겠죠.

전체맥락을 알지 못하면 무엇을 수정해야 할지조차 모를테니까요.

 

 

보기좋게 만든다는것은 구글애드센스 위치를 어디에 놓느냐부터 시작될 것입니다.

좌측, 우측, 또는 중앙정렬

 

물론 디테일하게 좌측여백과 우측여백 까지 고려한 세심한 배려 부분까지 행하고 싶지만, 역시 어려운 부분입니다.

그렇다고 처음부터 php 부분이나 어려운 자바 부분까지를 공부할수는 없는 일이니까요.

 

 

가장 기본적인 부분의 적용은 그저 center, left, right 부분에 대한 이해입니다.

티스토리 블로그에서 적용할 부분은 시작부분과 끝부분에 위의 부분을 적용해 주면 되는 것이죠.

 

모든 코드는 시작을 하고, 끝부분을 닫아주는 것으로 완료됩니다.

 

즉, <center> 구글애드센스 </center> 부분이면 끝이라는 것이죠.

 

참 간단한 부분이죠.

물론 좌측이라면 left, 우측이라면 right 부분을 적용하면 됩니다.

 

상황에 따라서 또는 스킨에 따라서 이것이 적용안된다면 조금 더 진화해볼 필요가 있습니다.

 

  • <div align="center">구글애드센스코드</div>
    <div align="left">구글애드센스코드</div>
    <div align="right">구글애드센스코드</div>

 

이런식이죠.

이것도 적용이 안된다면 테이블로 묶어서 적용하면 됩니다.

 

 

티스토리보다 워드프레스 부분에서의 구글애드센스 적용은 더 어렵습니다.

하지만 대한민국 인재들은 이것을 좌시하지 않습니다.

 

이미 너무나도 멋진 플러그인 만들어 놓았기 때문이죠.

바로 얼마전에 소개했던 이지플러그인 부분입니다.

 

2017/08/20 - [인터넷 IT/구글애드센스] - 워드프레스 구글애드센스 쉽게적용 플러그인 essy plugin

 

너무 쉽게 만들어 놓아서 그냥 구글애드센스 코드만 넣어두면 적용이 됩니다.

그런데 제가 어려워진 부분이 하나 있었습니다.

 

바로 상단의 우측정렬 구글애드센스 였죠.

pc에서는 잘 나오는데 모바일에서는 좌측이 깨지는 현상이 발생하더군요.

 

300*250 사이즈로 바꾸면 되는데, 아무래도 330 사이즈가 가독성이 더 높은지라...

이것저것 바꾸어 보다가 발견한 것이 바로 아래쪽 여백 부분.

기본은 12로 되어 있습니다. 이부분을 저는 -4 (마이너스4)로 적용했습니다.

 

깔끔하게 정리되더군요.

 

 

잘 이해가 되셨나요?

정말 간단한 부분인데 가끔 웹 찾아보다보면 깨지는 이미지 부분들이 눈에 거슬리는 분들이 있더군요.

그래서 짧게나마 이야기 해보았습니다.

 

추가하고 싶은 부분.

티스토리에서도 워드프레스 에서도 개별적인 구글애드센스 코드를 넣는것 보다는 툴에 넣어두는 것을 권합니다.

환경은 어떻게 변할지 모릅니다.

 

하나 둘이 아닌 수십 수백개의 글들이 쌓여져 있을때 구글애드센스 부분을 수정한다는 것은 거의 불가능합니다.

이럴때 전체 툴을 이용해서 한꺼번에 내가 원하는 부분으로 바꿀수 있어야 겠죠.

 

더 가독성이 높은 구글애드센스 나올수도 있는 부분이니까요.

 

 

왜 워드프레스 인가?

많은 사람들이 묻는 부분이기도 하고, 저역시 의문점이 드는 부분이기도 합니다.

 

나이버는 티스토리와 나이버가 강점이고, 워드프레스는 분명 구글에 강점입니다.

그럼에도 워드프레스 고집하는 것은 위태로움이 많은 나이버 이기 때문이죠.

 

언제 내쳐질지 모른다는 중압감?

물론 여기에 워드프레스 부분의 더 높은 단가 부분도 한몫을 하겠죠.

더 큰 부분이 있다면 다양한 연동과 숨겨진 무언가가 있기 때문입니다.

 

2017/08/15 - [인터넷 IT/반응형스킨] - 블로그검색누락 통누락에 반응형스킨 내실수도 점검해야할듯