작성일자
카테고리 워드프레스/워드프레스 일반

"워드프레스 완벽 입문: HTML/CSS 기초부터 부트스트랩을 이용한 테마 제작까지" 첨부파일

책 오류 수정 부분을 꼭 참고하세요 --->바로가기


책이 워드프레스 3.4 버전을 기준으로 했으니 가능하면 이 버전으로 작업하는 것이 좋습니다. 책에서 사용한 부트스트랩이 제이쿼리 1.8.3 버전을 기준으로 만들어졌습니다. 그래서 이 버전을 사용하는 워드프레스를 사용해야 부트스트랩 사용 시 에러가 발생하지 않습니다. 또한 책의 내용과 화면이 일치하기 때문에 혼동이 발생하지 않습니다.


wordpress-3.4.2-ko_KR.zip


최신의 워드프레스를 사용할 경우 5장에서 부트스트랩 2.3.2의 파일을 최신 버전으로 사용하세요. 링크도 변경됐습니다.


깃허브-->https://github.com/twbs/bootstrap/tree/v2.3.2

부트스트랩 2.3.2 버전 홈페이지 --> http://getbootstrap.com/2.3.2/


448 페이지의 URL은 위 링크를 참고하세요. 위 홈페이지에서 사용자 정의한 부트스트랩 파일을 만들 수 있습니다.


워드프레스 버전이 바뀌면서 코어에서 사라진 기능이 있습니다. 예를들면 주메뉴에서 링크 기능이 사라졌는데 이는 링크 매니저 플러그인을 사용하면 됩니다.


XP 사용자는 최신 버전의 WAMP 서버를 사용할 수 없으니 아래의 링크에서 2.4 버전을 받아 설치하세요.


로가기




제2장

소셜 네트워킹 버튼 추가 플러그인 언어파일

languages.zip

관리자 이메일 함수 코드

ch2-codes.txt



제3장

워드프레스 제3장 이미지 파일

유투브 시험용 비디오파일(17Mb)

알집을 이용하여 압축을 풀면 하나의 동영상 파일이 만들어집니다.

CIMG1880.vol1.egg

CIMG1880.vol2.egg


TwentyEleven-Layouts.zip




제4장


ch4-첨부파일.zip



제5장


5장-첨부파일.vol1.egg


5장-첨부파일.vol2.egg


5장 코드.txt



다음은 워드프레스 파일 가져오기 xml 파일입니다. 만일의 경우 가져오는 사이트가 안될 경우에 대비해서 추가로 만들었습니다. 다른 서버에 저장된 파일들입니다. 가져오기 한 후에 URL은 각각 다르므로 아래의 URL을 Search and Replace 플러그인을 사용해서 자신의 URL로 바꿔줘야 합니다.


webdesign.wordpress.2012-10-21.xml

URL-->http://martian36.woobi.co.kr/



webdesign.wordpress.2012-10-22.xml

URL-->http://martian36.ivyro.net/





부록


twentytwelve1.0.zip


wordpress-3.5-beta-1.zip



데모 사이트 만들기 


 알집용 

 

wordpress1-1.vol1.egg


wordpress1-1.vol2.egg


wordpress1-1.vol3.egg


 세븐집용

http://sourceforge.net/projects/sevenzip/

 

wordpress1-1.zip.001


wordpress1-1.zip.002


wordpress1-1.zip.003



위 파일을 내려받아 압축을 풀고 wamp/www 폴더로 이동합니다. wordpress1-1 폴더를 열면 wordpress1-1.sql 파일이 있습니다. 



1. 책의 그림1-17을 참고해서 phpMyAdmin에서 데이터베이스를 만들고 위처럼 가져오기 탭을 선택해 이 파일을 업로드합니다.


2. 같은 폴더에서 wp-config.php 파일을 열고 데이터베이스 비밀번호를 자신의 비밀번호로 변경, 저장합니다.


3. 웹브라우저의 주소창에서 localhost/wordpress1-1을 입력하고 엔터키를 누르면 데모사이트가 나타납니다. 


4. 워드프레스 관리자 로그인은 아이디 admin, 비번 admin입니다.



저작자 표시 비영리 변경 금지
신고
mrkim

현재 책 구매해서 테마 만드는 부분 보면서 따라하고 있습니다.
지금 header.php파일 만들어서 index.php 파일과 연결시키는 작업을 하고있습니다.
책에 나와있는 <?php get_header(); ?> 를 index.php파일에 삽입했는데 전혀 인식이 안되네요 ㅜ.
지금 같은경우에는 서버 연결 없이 그냥 제 하드에서만 작업을 진행하고 있는데 그 때문에 그런건지요..?

BlogIcon 베누시안

안녕하세요. 책을 구매해 주셔서 감사합니다. 워드프레스는 php기반의 프로그램이라서 wamp서버가 활성화 되어야 합니다. wamp서버를 설치했다면 시스템 트레이에서 아이콘이 녹색으로 돼 있는지 확인하시고요. 그래도 안되면 작업중인 폴더를 압축해서 이메일로 보내주세요. martian36@naver.com 감사합니다.

webtrips

책보고 설치부터 막히네요.;;

wamp 설치하고 껐다가 다시 켜고 로컬로 접속하는데

-------------------------------
해당 웹페이지를 사용할 수 없음
http://localhost/wordpress/의 웹페이지가 일시적으로 다운되었거나 새 웹 주소로 완전히 이동했을 수 있습니다.
108 오류(net::ERR_ADDRESS_INVALID): 알 수 없는 오류
-------------------------

이라고 뜨네요..이건 어디서 잘못된걸까요?;;

BlogIcon 베누시안

wamp 서버 아이콘이 녹색으로 됐는데도 그런 증상이라면 wamp관련 오류는 아닙니다. 다른 웹브라우저로 해보세요. 그리고 아이콘을 클릭하고 localhost를 클릭해서 wamp 서버 화면이 나오는지 보시고 Your Projects에서 wordpress 를 클릭해보세요.

BlogIcon VARIOUS INTERESTED PEOPLE

앗, 첨부파일들이 여기 있었군요~!! :) 이제 첫번째 첨부파일 사용합니다~ 감사합니당.
그런데 plugins 파일에 가봤더니, social sharing toolkit 폴더가 없는데 이런 경우는 어떻게 해야 하나요? ㅠㅠ

BlogIcon 베누시안

안녕하세요. 고향에도 안가시고 열공 하시는군요. 플러그인을 설치했다면 폴더가 분명히 있을 겁니다. 책에서 경로는 플러그인 폴더의 경로를 그대로 복사한 것이기 때문에 틀릴 수가 없습니다.

BlogIcon VARIOUS INTERESTED PEOPLE

ㅎ.ㅎ 넷.. 복잡한 걸 싫어해서 고향에는 못내려갔어요~ 봄 이후에나 내려가게 될 듯해요. :)
현재로선 영어로도 책 보니 이해가되서, 영어공부 한다 생각하고 영어로 했답니당. ^^ 폴더는 다시한번 찾아봐야겠어용~!!

BlogIcon 베누시안

그럼 집에서 쉬고 계시겠네요. 하긴 시골에 왔다갔다 하는게 복잡하긴 하죠. 영어도 잘 하시나봐요. 영어는 무조건 잘 해놓으면 좋답니다.
저는 책 마무리 단계에 있어서 정리 하느라고 머리 아프네요. 글 써내려가는 것은 좋은데 파일 정리하고 잘 안되는 것 수정하고 이게 정말 힘든 작업이죠. 빠르면 이달 말에 또 하나의 책이 탄생할 겁니다. 샤이니님에게는 우선 순위로 보내드리겠습니다.

BlogIcon VARIOUS INTERESTED PEOPLE

영어는 못해요. ㅎㅎ 책보고 하니까 이해하는거죵~ 워드프레스 공부 이후에는 영어공부하려 계획 중입니닷. 아, 정말요. 바뿌시겠어요! 그런데도 블로그 답변까지 해주시느라 수고가 많으십니다~ 항상 넘 감사할따름이에요. :)

BlogIcon 베누시안

영어 공부 많이 하세요. 인생이 편해진답니다.^^

BlogIcon VARIOUS INTERESTED PEOPLE

워드프레스 제3장 이미지 파일 받아갑니다. ^^ 위 답변 보고 영어와 친해지려 노력하고 있어요. ㅎㅎ

김영재

안녕하세요~
책보고 따라하고 있습니다.
그런데 4장 테마 만들기에서 예제대로 똑같이 했는데도 관리자화면에서
메뉴화면이나 위젯화면이 전혀 보이지가 않네요
답답합니다. 도움 부탁드립니다.

BlogIcon 베누시안

안녕하세요. 작업 중인 테마 폴더를 압축해서 이메일로 보내주세요. martian36@naver.com

김주회

안녕하세요~
워드프레스의 시작을 "완벽입문"을 통해 하고 있습니다. ^^
457페이지에서 언급하신 첨부파일 "워드프레스 템플릿 계층구조.txt"과 png 파일 등을 찾을 수 없어 이렇게 글 남깁니다.
5장 첨부파일 안에도 없는 것 같습니다. 제가 못 찾는 것인지 ㅜㅜ;;
답변 부탁 드립니다~

BlogIcon 베누시안

안녕하세요. 02-글만들기파일 폴더에 있습니다.

BlogIcon 김힐링

안녕하세요. 워드프레스 완벽입문과 부트스트랩 두 권을 양쪽에 끼고 블로그 수정 중입니다. 부트스트랩은 거의 다 읽었고, 워드프레스 책은 5장부터 따라하기로 제작해보고 있습니다. 뜻대로만 된다면 한 달내에 제 맘에 쏙드는 홈페이지를 제작할 수 있을 것 같습니다^^ 서론이 길었군요. 474 페이지에 Font Awesome에서 필요한 파일을 옮겨야 하는 부분인데, 폰트 어썸이 업데이트 되어서 폴더 구조가 다르더군요. css, less, font 세개의 폴더만 존재하네요. 우선은 부트스트랩 책에 따라 필요한 파일을 옮겼습니다. assets, js, css 폴더 등은 만들어서 해당 파일을 옮겼고요. 이렇게 진행해도 문제는 없겠지요? 오늘은 이까지라 문제가 없는데 이후에 어떻게 되려나 싶어 글을 씁니다.

BlogIcon 베누시안

안녕하세요. 버전이 달라지면서 혼동 될 수 있으니 첨부 파일을 사용하시던가 https://github.com/FortAwesome/Font-Awesome/tags
에서 2.0 버전을 내려받아 사용하시는 것이 좋습니다. 동일한 구조에서 작업을 해야 혼동되지 않습니다. 어느 정도 익숙해지면 최근 버전을 사용하세요. 그러면 폴더의 파일을 어디에 복사해 넣어야 되는지 파악할 수 있게 됩니다.
감사합니다.

BlogIcon 김힐링

답변 감사합니다. 당분간 좀 귀찮게 해드릴지도 모르겠습니다. 좋은 글 계속 부탁드려요^^

BlogIcon 베누시안

네 언제든 질문 주세요. 감사합니다.

stockhyun

5장 첨부파일에 vol2는 뭐에요?
wpcontent하고 twentyeleven-child 폴더 두개 있는데,
wp-content는 vol1에 있는거랑 별 차이 없어보이고, twentyeleven-child는 좀 달라 보이는데
vol2 첨부파일은 어디에 쓰는건가요~?

BlogIcon 베누시안

5장의 첨부파일은 17메가인데 티스토리에는 파일당 10메가를 넘게 업로드할 수 없어서 두개로 나눠진 것입니다. 두개의 파일을 내려받아 vol1을 우클릭해서 압축해제하면 vol2도 같이 풀어집니다. 총 8개의 폴더가 있고 읽어보세요.txt 파일을 열면 어떤 폴더인지 설명이 있습니다.

:3

4장 진행중에 있습니다. header.php 작성중인데요.. 왜인지 width 값이 줄어들고 레이아웃이 엉망이 되어버렸어요. 첨부파일을 그대로 갖다 붙여도 그러네요..ㅠㅠ 뭐가 문제일까요? border 등은 적용되었으니 css를 인식 못하는건 아닌것 같구..ㅠ.ㅠ 답답해요~

BlogIcon 베누시안

오류를 찾아내는 제일 좋은 방법은 첨부파일과 비교하는 것입니다. 갑자기 엉망이 됐다면 어딘가 코드에서 빠진게 있을 겁니다. 점 하나 괄호 하나도 중요한 역할을 합니다. 이런 잘못된 부분을 직접 많이 찾아보는 것이 나중에 큰 도움이 됩니다. 오류가 없이 지나가면 실력이 늘지 않습니다. 성급하게 짜증이 나겠지만 몇시간이고 찾아서 발견하는 것도 큰 즐거움이 되기도 합니다. 이런 것을 해결하다보면 오류가 줄어들죠.

:3

관리자의 승인을 기다리고 있는 댓글입니다

:3

5장 부트스트랩을 이용한 테마수정을 하고있습니다. '본문 목록의 썸네일 이미지와 글의 정렬' 부분을 하고 있는데요~ 메인 목록의 썸네일이 글의 height을 넘어가는 현상이 일어났습니다. 제공해주신 css를 붙여넣었는데도 해결이 안됩니다. .css에서 height: auto; 인데 왜 그럴까요?

BlogIcon 베누시안

어떤 부분에서 잘못됐는지 제가 봐드려야 하는데 책 마감 때문에 시간이 없네요. 이달 말이면 될 것 같습니다. 로컬호스트에 워드프레스를 하나 더 설치하고 첨부 파일의 테마를 설치한 다음 잘 되는 상태에서 서로 비교하는 것도 오류를 찾는데 좋은 방법입니다. 아니면 데모 사이트를 요소검사해서 찾을 수도 있습니다.
http://webdesigncss3.com/

티스토리 툴바