워드프레스란?

wordpress-12

워드프레스는 블로그용으로 만들어진 오픈소스 콘텐츠 매니지먼트 시스템입니다. 오픈소스는 무료로 자유롭게 사용할 수 있다는 의미이고 콘텐츠 매니지먼트 시스템(Content Management System)이란 웹사이트의 콘텐츠를 발행하거나 편집, 수정하고, 이를 전반적으로 관리하기 위한 시스템입니다. 블로그용 CMS는 블로그를 주 대상으로 블로그 관련 콘텐츠(글, 이미지, 동영상 등)를 생성/수정/삭제/발행 등의 작업을 쉽게 할 수 있게 만들어진 도구입니다. 소스코드의 원 개발자인 마이클 발드리기가 2001년 b2/cafelog를 지속적으로 개발했지만 2003년에 들어서는 개발이 중단됐습니다. 당시 사진작가이자 블로거인 미국의 휴스턴 대학 1학년생인 매트 뮬렌베그는 이 블로그 프로그램의 사용자였는데, 다른 b2/cafelog 사용자이자 개발자인 마이크 리틀과 함께 ...

 

워드프레스의 특징

wordpress-logo (1)

• 웹 표준에 기초한 디자인 워드프레스의 모든 코드는 웹 표준을 제시하고 관리하는 W3C(http://www.w3.org)의 웹 표준에 기초해서 만들어졌습니다. 이로써 현존하는 다양한 웹브라우저와 향후 개발될 모든 차세대 툴과 높은 호환성을 유지합니다.   • 편리한 페이지 만들기 워드프레스에서 제공하는 페이지는 포스트뿐 아니라 다양한 콘텐츠를 담을 수 있고 이러한 페이지를 손쉽게 만들 수 있습니다.   • 테마 기반 워드프레스의 디자인은 테마(Theme) 시스템입니다. 이는 단순한 블로그뿐 아니라 아주 복잡한 디자인의 웹진도 만들 수 있으며 여러 개의 테마를 클릭 한 번으로 변경할 수 있습니다.   • 타 블로그와의 커뮤니케이션 워드프레스는 트랙백과 ...

 

포스팅하기 전에 알아야 할 사항

11

워드프레스는 설치 후에 바로 글 쓰기를 시작할 수 있지만 워드프레스의 여러 기능 들을 이해해 둘 필요가 있습니다. 그리고 기본적인 기능 외에 플러그인을 설치하면 확장된 기능을 사용할 수 있으며, 위젯을 사용하면 블로그 화면에서 방문자가 둘러보기 편하게 만들 수 있습니다. 회원 관리, 댓글 관리에 대해 알아두면 방문자를 늘릴 수도 있습니다. 2장의 간략한 내용은 다음과 같습니다. 1. 관리자 화면의 개요 워드프레스의 모든 관리는 관리자 화면에서 이뤄집니다. 그러므로 관리자 화면에서 어떤 메뉴가 어디에 있는지 잘 알아놔야 관리하기가 쉽습니다. 블로그 화면에서 로그인 링크가 없을 때 로그인하는 방법을 ...

 

포스팅하기

3

1장에서 블로그에 글을 올리기 위해 워드프레스를 설치해 글 쓰는 환경을 만들고, 2장에서 는 좀 더 쉽게 블로그를 관리하기 위한 설정을 합니다.  3 장에서는 글 작성에 필요한 도구를 소개합니다.  3 장에서 나올 내용을 간추려 보면 다음과 같습니다.   블로그를 통해 어떤 콘텐츠를 생산할 것인가: 구글과 같은 검색엔진은 검색 결과로 노출된 페이지의 순위를 정하기 위해 평가를 합니다. 블로거들은 좋은 내용을 올려서 자신의 글이 검색 결과의 상단에 나타나도록 동분서주합니다. 대부분의 블로그는 구글 애드센스 광고를 설치하기 때문에 자신의 글이 검색 결과의 상단에 위치하면 더 많은 수입을 올릴 수 있습니다. ...

 

테마 만들기

21

워드프레스 테마는 전문적인 웹디자이너만 만들 수 있는 것이 아닙니다. 이제 갓 HTML을 배우기 시작한 웹 초보자들도 얼마든지 만들 수 있습니다. 복잡하게 만들자면 시간이 걸리겠지만 구조가 간단한 테마는 HTML 코드만 입력할 줄 알아도 시작할 수 있습니다. CSS도 그리 많이 필요하지 않습니다. 이번 장에서는 HTML과 기초적인 CSS를 이용해 단순한 구조의 테마를 만들어봅니다. 간단한 테마를 처음부터 끝까지 직접 코딩해서 만들면 HTML과 CSS에 대해 이해할 수 있을뿐더러 PHP로 만들어진 워드프레스의 템플릿 파일과 템플릿 태그에 대해서도 이해할 수 있기 때문에 나중에 이미 만들어진 테마를 수정해서 ...

 

나눔고딕, 나눔명조 등 나눔체 구글 웹폰트 사용하기

1-28

그동안 나눔 고딕 웹폰트를 사용하는 방법을 두가지 알아봤습니다. 이번에는 구글 웹폰트 사이트에 링크해서 나눔체의 여러가지 폰트를 사용하는 방법을 알아봅니다. 아래 링크로 이동해서 아래로 스크롤 하면 중간 쯤에 나눔체를 사용하는 방법이 나옵니다. 처음에 나눔 붓체의 링크가 있습니다.   http://www.google.com/webfonts/earlyaccess   나눔 붓체 Nanum Brush Script (Korean) The Nanum fonts (Korean : 나눔글꼴) are unicode fonts designed especially for the Korean-language script, designed by Sandoll Communications (Korean : 산돌 커뮤니케이션) and Fontrix (Korean : 폰트릭스). The publisher is Naver. Nanum Brush Script is a contemporary ...

 

서울시 홈페이지는 워드프레스가 아니다.- 웹사이트가 워드프레스로 만들어졌는지 판별법

1-26

오늘 방문자님인 백전백승님이 서울시 홈페이지가 워드프레스로 만들어졌다고 하는데 사실인지 여부를 문의해왔습니다. 이전에 저도 궁금해서 서울시 홈페이지를 방문해 여러가지 검사를 해봤습니다. 우선 첫번째로 요소검사입니다.     요소검사란 웹사이트의 코드가 어떻게 돼있는지 또는 글자나 박스와 같은 요소가 무엇으로 구성돼있는지 알 수 있도록 하는 웹브라우저에 포함돼있는 개발자 툴입니다. 웹디자인이나 웹 개발을 위해서는 반드시 필요한 도구죠. 구글 크롬을 사용하면 편리합니다. 서울시 홈페이지의 빈곳을 오른쪽 마우스 클릭하고 요소검사를 선택하면 하단에 창이 나타납니다. 왼쪽에는 HTML, 오른쪽에는 CSS 에 관한 내용이 나옵니다. HTML 창에서 최 ...

 

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

cfile8.uf.1330D93850AB24DA351792

이전 글부터 테마 수정을 시작해서 헤더와 글박스 부분을 수정했습니다. 이번 글에서는 이미지의 모서리를 둥글게 하고 테두리를 넣는 방법과 검색 박스의 검색 버튼을 수정해보겠습니다.   1. 이미지의 수정   현재의 테마에는 이미지에 대해서 모서리를 둥글게 한다거나 테두리를 만들어 놓고 있지 않습니다. 좌측 상단의 아이콘은 약간 둥글게 돼있지만 이미 처음부터 포토샵으로 둥글게 만들어서 그런 것이죠. 이미지 테두리를 둥글게 만들려며 img 태그에 대해서 스타일을 정해주면 되는데 어떤 부분을 대상으로 하느냐가 문제입니다. 무작정 img 태그에 대해서만 명령을 내리면 테마 내의 모든 이미지가 둥글게 ...

 

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

cfile3.uf.1419BD4D50A9E171118DCB

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

 

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

cfile5.uf.14662A4050A753F83A2BD7

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

 

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

cfile24.uf.1665603F50A606CD270031

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

 

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

cfile7.uf.15470C3950A5E3D3258381

이전 글에서 사용중인 무료 테마 이클립스의 테마 옵션 부분을 마쳤습니다. 이번 글에서는 위젯 사용법을 알아보고 플러그인을 설치해봅니다.     주메뉴에서 외모-->위젯을 선택하면 위젯 화면이 나타납니다. 좌측 열에는 상단에 사용할 수 있는 위젯이 있고 비활성화 위젯이 있습니다. 우측 열은 위젯 영역이라고 하며 이미 몇 개의 위젯이 배치돼 있는데 이는 테마에 따라서 다릅니다. 워드프레스 기본 테마인 Twenty Eleven은 설치하고 나면 위젯 영역에 아무것도 없더라도 기본적으로 검색 박스와 글 보관함이 배치되며 새로운 위젯을 배치하면 이들 위젯은 사라지도록 해놓았습니다. 위젯을 사용하려면 사용할 수 있는 위젯 ...

 

워드프레스 완벽입문 FAQ – 정적인 콘텐츠와 동적인 콘텐츠란 무엇인가요?

cfile7.uf.0276303E50A49D8B18C2DD

질문> 안녕하세요. 베누시안님 ^^ "정적 콘텐츠"와 "동적 콘텐츠"에 대해서 알 수 있을까요? 음.. 쉽게 이해가 가능한 예시가 있을지 궁금합니다!   답변> 웹사이트에서 정적인 콘텐츠란 HTML 파일내부에 콘텐츠가 있는 것이고 동적인 콘텐츠란 HTML 파일에 콘텐츠가 있는 것이 아니라 데이터베이스 저장해둔 것을 말합니다. 데이터베이스에 저장해둔 콘텐츠를 HTML 파일에 불러오기 위해서는 HTML 파일에 php 코드를 넣어두면 됩니다. 예를들어 글 목록에서 글 제목을 클릭한 경우, 데이터베이스에서 글을 불러오는 것이죠.   정적인 웹사이트는 콘텐츠의 변동이 없는 경우에 사용하고 동적인 웹사이트는 콘텐츠의 변동이 많은 경우에 사용합니다.     예를들어 제 블로그에 있는 ...

 

워드프레스 완벽입문 – 카테고리 메뉴 선택시 사이드바를 다르게 출력하는 방법

cfile7.uf.1901514F50A44AAE3CEB1A

질문> 안녕하세요. 일단 친절하게 집필해주셔서 감사합니다. php 실력이 바닥이라 힘들긴했지만 워드프레스로 사이트 하나 만들고 나니 재미있네요 ㅎ   하다보니 궁금한점이 생겼는데요. 카테고리로 메뉴를 만들어서 카테고리 마다 다른 사이드바를 적용하고 싶은데 가능할까요?? 초기페이지와 헤더, 푸터는 다중사이드바가 가능한데 카테고리는 어떻게 해야될지 모르겠어요;;   말이 조금 헷갈리긴 한데. 카테고리로 메뉴를 만들고 그 카테고리 메뉴 마다 다른 사이드바를 적용하고 싶습니다.   답변> 안녕하세요. 사실 저도 php에 대해서는 잘 모릅니다. 예전에 공부하기 했어도 지금은 php 코드를 보면 이것이 php코드구나 하는 정도랍니다.  재밋는 발상을 하셨는데요. 책을 아마 끝까지 보셨다면 어렴풋이 방법이 생길 듯 한데요. ...

 

워드프레스 완벽입문 – 앱타나 스튜디오를 이용해서 웹호스팅 서버 파일 복사하기

cfile26.uf.195EFC3D50A43AA706348E

질문> '워드프레스완벽입문'을 구입하여 공부하고 있습니다..우선 WAMP서버 설치가 되지않아 STUDIO3를 완벽하게 구현하지 못하고 있습니다.카페24호스팅을 하고 있는데 자식테마에서부터 많이 막힙니다.아쉬운점은 생략이 만다는 것인데, 알겠거니하고 집필된 내용입니다.기본테마를 선택하여 참조테마와 자식테마를 만들었으면 결과적으로 어떻게 폴더가 구성되는지 책의 그림5-30이후가 없어 진행이 어렵습니다.다운받은 파일을 열어보면 책내용이 모두 진행된결과물 같은데, 플러그인을 설치해야 이 데모페이지와 같아질 것 같아서 진행은 해야겠고.. 답변> 제 블로그에 언제든 질문을 주셔도 되고 이메일로 주셔도 됩니다.  여러가지 상황이 있을 수 있지만 모든 상황을 가정하여 책을 만들지를 못했습니다. 웹호스팅 서버에서 사용해도 마찬가지의 상황입니다. 우선 기본테마를 대상으로 ...

 
©워드프레스 완벽 입문 2012 Proudly powered by WordPress