구글 블로그 최고의 테마, OP 블로거 테마 설치 방법





OP 블로거 테마는 구글 블로그 테마 개발을 위해 개발되었습니다. 이 프로젝트의 주 목적은 구글 블로그 테마 개발을 쉽게 하기 위한 깔끔한 베이스 테마를 개발하는 것 입니다. OP 블로거 테마의 주 기능은 반응형 웹 디자인, 유연한 마이너 테마 디자인 컨트롤, 오픈 그래프 메타 태그, iframe 미디어(유튜브) 리사이징, 더 나은 카테고리 기술 등등이 있습니다. OP 구글 블로그 테마는 추가적인 테마 개발 없이 바로 블로그에 사용할 수 있기때문에 개발자가 아닌 일반인도 약간의 설치 및 설정만으로 이용이 가능합니다.

깃헙 저장소: https://github.com/opdev1004/op-blogger-themes-ko

우선 블로거 필수 설정을 한 뒤에, 테마의 HTML 편집에 깃헙 저장소에 있는 테마를 복사해 붙여넣은 뒤 저장을 합니다. 제가 추천드리는 테마는 제가 현 블로그에 사용하고 있는  New Day와 The beginning 테마 입니다.

Ctrl +F를 이용해 "property='og:image'/>"를 찾습니다

<meta content='' property='og:image'/>

위와 같은 코드를 주석 해제하고 "content=''"의 작은 따옴표 사이에 블로그 로고 이미지의 주소를 넣어야합니다.

블로그 로고 이미지는 페이지에 올린 뒤에 주소를 HTML에디터에서 가져다 사용하면 됩니다. 자세한 건 구글 블로그 템플릿에 쓰일 이미지를 저장할 장소를 확인해주세요.

오픈 그래프 locale 메타 태그도 주석 해제하고 지역과 언어에 맞추어 작성합니다. 한국의 경우에는 밑의 코드와 같이 됩니다.

<meta content='ko_KR' property='og:locale'/>

OP 블로거 테마는 썸네일을 사용하는 버젼과 사용하지 않는 버젼이 있는데, 썸네일을 사용하는 경우에는 오픈 그래프 이미지 메타 태그와 같은 방식으로 페이지에 이미지를 올린 뒤에 이미지의 주소를 이용해서 넣어주면 됩니다.

Ctrl + F를 이용해 "<img alt='Post Image'"를 찾으면 "src=''"의 작은 따옴표 사이가 비어있거나 이미지 주소가 아닌 다른 걸로 채워져 있는 것을 발견할 수 있습니다. 그 작은 따옴표 사이를 사용할 블로그 로고 이미지로 변경하면 됩니다.

설치가 완료된 뒤에는 기본 설정을 이용해도 되고 테마의 맞춤설정에서 고급을 클릭한 뒤에 이것저것 자신의 입맛에 맞게 색, 폰트, 크기 등등을 변경할 수 있습니다. 카테고리 같은 경우에는 레이아웃에서 이용이 가능합니다.

필수!: 반응형이기 때문에 테마에서 모바일 버젼을 꺼주셔야합니다.


댓글 없음:

댓글 쓰기