워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 11. 테마수정(이미지 수정, 포지션의 이해)

cfile8.uf.1330D93850AB24DA351792

이전 글부터 테마 수정을 시작해서 헤더와 글박스 부분을 수정했습니다. 이번 글에서는 이미지의 모서리를 둥글게 하고 테두리를 넣는 방법과 검색 박스의 검색 버튼을 수정해보겠습니다.   1. 이미지의 수정   현재의 테마에는 이미지에 대해서 모서리를 둥글게 한다거나 테두리를 만들어 놓고 있지 않습니다. 좌측 상단의 아이콘은 약간 둥글게 돼있지만 이미 처음부터 포토샵으로 둥글게 만들어서 그런 것이죠. 이미지 테두리를…

 

워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 10. 테마 수정(헤더, 글 박스)

cfile3.uf.1419BD4D50A9E171118DCB

이전 글에서 자식테마를 만들고 한글 웹폰트를 사용하는 방법을 알아봤습니다. 이번 글에서는 블로그의 상단부터 시작해서 푸터까지 수정해야할 부분을 모두 수정해보겠습니다. 이전 글에서 한글 폰트를 먼저 설정했는데 왜그러냐하면 기본폰트를 먼저 설정해야 모든 부분에서 레이아웃을 통일적으로 적용할 수 있기 때문이죠. 폰트는 기본 사이즈인 12px이라하더라도 종류에 따라서 웹페이지에 나타나는 크기가 모두 다릅니다. 어떤 폰트를 기준으로 수정을 했는데 다른 폰트로…

 

워드프레스 비주얼 편집기 기능 강화 – TinyMCE Advanced 플러그인

워드프레스의 텍스트 편집기는 오픈소스 소프트웨어를 사용합니다. TinyMCE는 Tiny Moxiecode Content Editor의 약자로 Moxiecode 시스템에서 만들었고 계속 업그레이드되고 있습니다. 워드프레스에서 사용하는 것은 원래 버전을 소규모로 만든 것으로 두줄 밖에 없지만 원래 버전은 아래에서 보듯이 네줄이나 됩니다. 이런 모든 기능을 사용할 수 있도록 플러그인으로 만든 것이 TinyMCE Advanced입니다. 글 편집이 많은 분들에게는 아주 유용합니다. 워드프로세서 수준이죠.플러그인 추가하기 화면에서 TinyMCE Advanced로 검색해서 설치, 활성화하고…

 
Home Posts tagged "CSS"
©워드프레스 완벽 입문 2012 Proudly powered by WordPress