크롬에서 모의로 수정해 보고 theme html에서 최종 변경하기
일단 수정할 블로그를 크롬으로 접속한다.
크롬 인터넷 창 우측 상단을 보면 세로 점 세개 모양의 크롬 맞춤 설정 및 제어 버튼을 누르면 개발
자 도구를 사용할 수 있다.
크롬 맞춤설정 버튼>도구 더보기> 개발자 도구
개발자 도구에서 우측 html elements를 살펴보면 주로 div로 구성되어 있는 것을 볼 수 있다.
div는 레이아웃을 결정하는 하나의 범위다. elements div 코드에 마우스를 위치 시키면 개발자 도
구 왼쪽 블로그에 해당 범위가 표시된다. 해당 범위(div)의 크기 및 열과 너비 색상 등은 div 안의
class나 id통해 css를 입혀 컨트롤 한다.
원하는 위치의 레이아웃을 수정하고 싶으면 해당하는 div코드를 찾아서 클릭하면 div에 열과 너비
를 조절하는 class명과 아이디를 통해 적용한 css(style)를 확인할 수 있다.
width height padding등 숫자를 창에서 직접 수정해 보면 왼쪽 사이트에 바로 적용이 되는 것을 확
인 할 수 있다.
.
수정 하고 싶은 곳을 찾아서 하나 하나 수정해 보며, 맘에 드는 수정 값 들을 캡쳐 한 후 최종 블로거
테마 html 모드로 접속해서 직접 수정해 주면 된다.
크롬에서 수정은 진짜로 적용이 되는 게 아니라 임시로 확인만 가능한 것으로, 진짜 수정은 블로거
테마 html모드로 접속 후 해당하는 css(style)을 찾아 크롬에서 모의로 변경한 해
당 항목을 그대로 변경해 주면 된다.
0 댓글