4. 워드프레스 테마와 구조의 이해

 

워드프레스(WordPress)를 설치하고 기본 설정을 수정했다면 다음에 할 일은 테마(theme)를 선택하는 일이다.  블로그에 자신만의 테마를 잘 선택하고 수정하는 일은 글쓰기를 독려하는 동기가 됨으로 자신의 맘에 꼭 드는 것을 선택해야한다.  워드프레스에는 매일 테마를 바꾸고 싶을 정도로 테마의 수가 많다.  그리고 자유롭게 변경 수정이 가능하다.

워드프레스 테마의 설치

워드프레스 테마는 워드프레스에서 공식적으로 제공하는 무료 테마를 이용해 대쉬보드에서 검색하고 클릭 한 번으로 쉽게 설치할 수 있다.  또는 여러  테마 제공 사이트에서 테마를 다운로드 받아 압축을 풀고 FTP 프로그램을 이용해 자신의 워드프레스 설치 폴더내 ‘wpcontent-theme’ 폴더에 업로드해서 설치할 수 있다.

위젯의 배치

테마 설치 후에는 위젯 즉 사이드바에 위치할 목록을 선택 배치해준다.  배치할 수 있는 위젯은 나중에 플러그인을 설치하면 늘어나기도 하며 html 태그 형식의 위젯도 만들 수 있다.  새로운 테마를 설치하고 나면 간혹 위젯의 위치가 뒤죽박죽인 것처럼 보일 수 있다.  이때는 위젯을 새로 배치하거나 변경하면 정상적으로 적용이 된다.

워드프레스 스킨 구조

워드프레스를 처음 시작하는 경우 기존 index.html 과 style.css 그리고 이미지 파일만으로 구성된 스킨에 익숙한 사용자에게는 테마의 구성이 전혀 다르게 느껴진다.  그러나 테마의 종류가 매우 다양하고 블로그 로고나 헤더, 사이드바의 위치  등 몇가지 설정을 기본적으로 조절할 수 있는 테마도 많기 때문에 굳이 스킨 구조를 알 필요는 없다.  하지만  블로그를 잘 운영하기 위해서는 테마의 구조에 대해 기본적인 지식은 가지고 있는 것이 바람직하다.

워드프레스 ‘대쉬보드-테마-편집’에 들어가면 html과 css 로만 구성되어 있는게 아니라 PHP 로 이루어진 여러개의 파일이 존재한다.  워드프레스의 테마들은 스킨의 구조별로 별도의  php 파일들에 의해 정의되어있음을 알 수 있다. 즉 워드프레스는 스킨의 각각의 구성요소가 하나의 html 파일로 구성되어 있는 것이 아니라 별도의 php 파일로 블록화 되어있다.  그리고 이러한 PHP 파일의 묶음을 style.css 파일로 정의 하는 방식이다.

template file layout

  1. “워드프레스 테마 수정 방법 – WordPress theme의 구조와 작동 방식,”

전체적인 스킨의 레이아웃의 폭이나 위치, 글꼴 위치조정 등등은  style.css 에서 수정해 주면 된다.  그러나 세부 영역의 정의는 개별 php 파일에 의해 이루어진다. 그러므로   php 파일에 대한 이해가 절대적으로 필요하다.  워드프레스는 플러그인으로 애드센스라든가 스크립트 등을 삽입할 수 있으므로 초보자는 무리해서 스킨을 수정할 필요는 없다.  처음에는 style.css 에서 글꼴이나 폭 정도만 수정한다.  워드프레스의 테마를 독특하게 바꾸고 싶다면 일단 테마에 대해 충분한 시간을 들여 공부가 필요하다.  아무 생각없이 테마를 수정하려 들면 많은 시간을 낭비할 수 있다.

  1. “PHP – 란 무엇인가-위키백과”

워드프레스 테마 제공 웹사이트

워드프레스는 테마 선택에만 며칠이 걸릴 정도로 수 많은 유, 무료 테마를 이용할 수 있다.  또한 테마에 대한 전문적인 지식을 갖추고 있다면 단순 블로그가 아닌 소셜네트워크나 포트폴리오 페이지, 갤러리, 뉴스 사이트 등 전혀 다른 방식으로 변경 운영이 가능하다.  두루 둘러보고 자신의 블로그 운영방향, 주제 등과 잘 부합되는 테마를 선택하면 된다.  프로페셔널한 블로그를 원한다면 유료 테마를 구입하는 것도 한 방법이다.   공식 테마 사이트를 비롯 몇 개의 테마 제공 사이트를 소개한다.

  1. “WordPress › Free WordPress Themes,” http://wordpress.org/extend/themes/.
  2. “55 Fresh & High Quality WordPress Themes | WordPress,” http://www.hongkiat.com/blog/55-fresh-high-quality-wordpress-themes/.
  3. “60+ Awesome New WordPress Themes | Webdesigner Depot,” http://www.webdesignerdepot.com/2010/04/60-awesome-new-wordpress-themes/.
  4. “50 Best Websites To Download High Quality Free WordPress Themes,” http://resources.savedelete.com/50-best-websites-to-download-high-quality-free-wordpress-themes.html.
  5. “30 Brand New Quality WordPress Themes – Speckyboy Design Magazine,” http://speckyboy.com/2010/04/15/30-brand-new-quality-wordpress-themes/.
  6. “The 5 Best Non-Blog WordPress Themes,” http://www.makeuseof.com/tag/5-non-blog-wordpress-themes/.
  7. “140+ Brilliant Free WordPress Themes Around | Showcases | instantShift,” http://www.instantshift.com/2009/02/22/140-brilliant-free-WordPress-themes-around/.
  8. “60+ Latest High-Quality Free WordPress Themes | Showcases | instantShift,” http://www.instantshift.com/2010/02/19/60-latest-high-quality-free-wordpress-themes/.

워드프레스 관련 글들은 계속 수정해 나갈 것이며  계속해서  플러그인-워드프레스 보안설정 – 워드프레스 백업 방법 등의 순으로 이야기가 진행될 예정이다.

About drchoi

Hi, I am a IT-blogger and Plastic surgeon. I like web surfing and I am really into productivity. This website is providing daily reviews and tutorials which involve website, web-applicaiton, mobile apps, software and blog.
drchoi blog는 윈도우7 기본 글꼴인 맑은고딕 글꼴에 최적화 되어 있습니다.

  • Korean

    잘읽고 있습니다. 테마설치후 프론트페이지에 글제목과 내용일부가 표시되는데 클릭하면 포스트연결이 안되는 것은 무엇이 잘못된 것인가요?

  • Pingback: My Favorate | With The Different

  • Yallopic

    정말. 감사드립니다!!

  • Swllno

    정말 감사합니다. 포스팅 계속 읽겠습니다. ^^..

  • Lovecat241

    좋은 포스팅 계속 읽겠습니다. 감사합니다.

  • http://dr-choi.kr DRCHOI

    테마ㅇ[ 포함된 function,php 파일 업로드가 제대로 안된 모양이네요. 재설치를 해보세요.

  • Sori219

    설치방법 몰라서 해매고 있는데 잘읽고 갑니다 ! 제가 다운받아서 설치를 했는데
    Fatal error: Call to undefined function: add_theme_support() in
    이런식으로 미리보기가 안되던데…. 해결방법 혹시나 알 수 있을까요

  • http://dr-choi.kr DRCHOI

    그 파일만 다시 올려보세요.

  • hearin

    구글크롬으로 열어보니 이제 이렇게 뜨는데..
    아무래도 서버연결이 잘못됬나봐요..@@
    The requested URL /wp-admin/options-general.php was not found on this server

  • http://dr-choi.kr DRCHOI

    관리자 연결메뉴 링크들이 깨지는 경우는 처음 보네요..ㅜㅜ, 워드프레스 설치 파일들을 다시 덮어쓰기 해보세요. 각종 설정이나 포스트 자료들은 mysql데이터 베이스에 저장되기 때문에 변경되지 않습니다.

  • hearin

    여러 유용한 정보 감사합니다. :)   워드프레스 이제막 설치한 비기너인데요, 이제 테마변경하려고 하는데 대시보드에서 보이는 메뉴들이 대부분 링크가 깨졌다고 떠요..(Oops! This link appears to be broken.라고요..) 도구, 사용자정보, 플러그인, 테마,..거의 모두 그래요.. 설치가 잘못된것일까요? 답을 주실수있으면 정말 감사하겠습니다..ㅠㅠ

  • Pingback: 워드프레스(WordPresss) 보안 설정하기 » 백곡시스템

  • Pingback: aalloo's test page » 참고사이트

  • http://ImArch.pe.kr ImArch

    무지 찾던 자료인데 감사합니다!!! ㅠㅠ