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

cfile8.uf.1330D93850AB24DA351792

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

 

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

cfile3.uf.1419BD4D50A9E171118DCB

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

 

워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 9. 테마 수정(자식 테마 만들기, 나눔고딕 웹폰트 사용하기)

cfile5.uf.14662A4050A753F83A2BD7

이전 글까지는 무료 테마를 이용한 테마 설정 방법을 알아보았습니다. 이번 글부터는 테마를 수정하는 방법을 알아봅니다. 무료테마든 유료테마든 테마를 설치하고 옵션을 설정하고나면 수정하는 절차는 꼭 필요합니다. 그대로 사용하기에는 테마가 영문 기준으로 만들어졌기 때문이기도 하고 내가 원하는 디자인이나 색상으로 만들어진 것이 아니기 때문이기도 해서 꼭 필요한 절차입니다. 테마의 수정은 현재 설치된 테마를 직접 수정할 수도 있지만 테마란 언제든…

 

워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 8. 링크

cfile24.uf.1665603F50A606CD270031

이전 글에서 위젯에 대해 알아보고 간단한 플러그인을 설치해서 위젯에 배치해봤습니다. 이번 글은 블로그롤에 대해 알아보고 링크를 만들어보겠습니다.     주메뉴에서 링크를 클릭하면 모든 링크에 대해 나옵니다. 워드프레스를 설치하면 기본 링크가 있고 이를 블로그롤이라고 합니다. 링크도 카테고리 형태로 관리하죠. 현재의 워드프레스에서 링크는 주메뉴에 속해있지만 잘 사용하지 않는 기능이라서 다음 버전에서는 플러그인화돼서 필요에 따라 설치해서 사용할 수…

 

워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 7. 위젯과 플러그인 설치하기

cfile7.uf.15470C3950A5E3D3258381

이전 글에서 사용중인 무료 테마 이클립스의 테마 옵션 부분을 마쳤습니다. 이번 글에서는 위젯 사용법을 알아보고 플러그인을 설치해봅니다.     주메뉴에서 외모–>위젯을 선택하면 위젯 화면이 나타납니다. 좌측 열에는 상단에 사용할 수 있는 위젯이 있고 비활성화 위젯이 있습니다. 우측 열은 위젯 영역이라고 하며 이미 몇 개의 위젯이 배치돼 있는데 이는 테마에 따라서 다릅니다. 워드프레스 기본 테마인 Twenty Eleven은…

 

워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 6. 템플릿

cfile21.uf.1157274050A37CD4067D8B

이전 글에서 블로그 옵션에 대해서 알아봤습니다. 이번 글은 블로그 옵션 항목 다음에 있는 템플릿입니다. 워드프레스에서 템플릿은 템플릿 파일을 의미합니다. 테마 폴더에 보면 여러가지 php 파일이 있는데 어떤 템플릿파일을 사용하느냐에 따라서 화면이 다르게 보이도록 할 수 있습니다. 그래서 사이드바의 위치도 다르게 할 수 있도록 옵션이 있습니다.     1) 템플릿 항목에서 싱글 포스트는 썸네일 이미지와 요약글이…

 

워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 5. 블로그 옵션 계속

cfile23.uf.114AFE4850A21A271AA64A

이전 글에 이어서 블로그 옵션 부분을 진행합니다.       트위터 옵션은 자신의 트위터 아이디를 입력하고 우측 상단의 Save Options를 클릭한 다음 블로그 화면에서 보면 아래와 같이 자신의 트위터 최신 글 링크가 나타납니다. 이것은 트위터에 티스토리 블로그 글 보내기가 미리 설정돼 있어야합니다.         최근 글 옵션은 블로그의 최근 글을 이미지와 함께 출력해줍니다. 타이틀을…

 

워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 4. 블로그 옵션 설정

이전 글에서 헤더부분의 마지막 부분을 추가하지 않았는데 별로 필요하지 않을 것 같아서 양을 줄일려고 생략하려고 했지만 그래도 어떤  기능을 하는 것인지 궁금할 것 같아 이전 글에 추가했습니다.   이번 글은 헤더부분이 끝났으니 블로그 옵션에 대해서 진행합니다.     헤더 부분과 마찬가지로 요소를 끌어다가 배치하면 활성화 되는 구조입니다. 제 경우는 최근 글, 포트폴리오, 트위터 바에 대한 요소는…

 

워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 3. 테마 설정

cfile26.uf.03479734509F5C5E294A8C

이전 글에서 이클립스 테마를 설치하고 샘플 글을 불러와서 두가지 플러그인을 설치했습니다. 이번 글에서는 이클립스 테마 옵션 화면에서 여러가지 설정을 해서 블로그 화면을 변경하는 작업을 진행합니다. 이런 테마는 블로그 화면의 여러가지 설정을 변경해주는 것만으로도 원하는 화면을 만들 수 있습니다.   헤더 설정     외모–>이클립스 옵션을 선택하면 위와같은 화면이 나옵니다. 상단의 메뉴는 테마 제조회사와 관련된 메뉴이고…

 

워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 2. 테마 설치와 샘플 글 가져오기

cfile5.uf.151D903B509E2DC00F3579

이전 글에서는 내 컴퓨터의 WAMP 서버에 워드프레스를 설치하는 방법을 알아봤습니다. 이번 글에서는 사용할 테마를 설치하고 샘플 글을 가져오는 방법을 알아보겠습니다.   1. 테마 설치하기     관리자 화면에 들어오면 좌측에 주 메뉴가 있습니다. 외모–>테마를 클릭하고 상단에서 테마설치 탭을 클릭합니다. 검색 입력창에 “Responsive”를 입력하고 검색버튼을 클릭하면 많은 반응형 테마가 나타납니다. 워드프레스의 차기 기본테마인 Twenty Twelve도 보입니다. 한번…

 
Home Archive for category "워드프레스/워드프레스 완벽입문 워밍업"
©워드프레스 완벽 입문 2012 Proudly powered by WordPress