작성일자
카테고리 워드프레스/워드프레스 일반
안녕하세요. 베누시안입니다. 

지난 6개월 동안 워드프레스 책을 만드느라고 글을 제대로 올리지 못했습니다. 이제 마무리 단계에 접어들어 최종 교정작업을 마치고 책 표지까지 디자인돼 나왔으며 인쇄과정에 들어갔습니다. 10월말이면 서점에 출시될 것으로 예상됩니다.



책의 내용은 두 개 부분으로 나눠져서 전반부는 워드프레스의 전반적인 사용법이고 후반부는 워드프레스 테마 만들기와 트위터 부트스트랩을 이용한 테마 수정 방법입니다. 책의 전체적인 내용은 목차를 보시면 짐작이 되리라 생각되므로 링크를 걸어둡니다. 이곳은 책을 소개한 워드프레스 사이트입니다.



워드프레스 책의 분량이 664 페이지나 되는데 테마 만들기 부분이 많습니다. 많은 내용을 넣지 못해서 워드프레스 플러그인 부분을 블로그에 싣기로 했습니다. 지금 진행되고 있는 워드프레스 젯팩 플러그인은 그러한 취지에서 올리는 것이고 책과는 상관 없이 참고할 수 있도록 여러 가지 플러그인에 대해서 올리겠습니다. 워드프레스가 영어로 만들어진 것이고 대부분의 플러그인이 영어로 돼 있어서 접근하기가 어려울 수도 있습니다. 원하시는 워드프레스 플러그인이 있을 경우 댓글을 달아주시면 찾아서 사용법을 올리겠습니다. 


플러그인 설치 및 사용 방법이나 추가적인 테마 수정방법에 대해서도 올릴 예정이며, 책에서 기본테마인 Twenty-Eleven을 기반으로 자식테마를 만들었는데 이 테마를 사용해서 올리겠습니다. 사용하실 분은 이곳(http://martian36.tistory.com/933)에서 책의 모든 첨부파일을 내려받을 수 있습니다. 


워드프레스 샘플 콘텐츠 사용하기 


워드프레스로 테마를 만들거나 웹사이트를 만들려면 샘플 콘텐츠가 필요하죠. 샘플 콘텐츠를 만들어주는 플러그인인 WP Dummy Contents를 사용할 수도 있지만 이미지도 없고 영어로 돼 있습니다. 자신이 만들어 사용할 수도 있지만 책에서 사용한 샘플 파일을 사용할 수도 있습니다. 제 5장의 압축파일을 풀면 02-글 만들기 폴더에 webdesign.wordpress.2012-08-21.xml 파일이 있습니다. 워드프레스 주메뉴에서 도구-가져오기-워드프레스를 클릭해서 가져오기 플러그인을 설치, 활성화하고 위 파일을 업로드 합니다.



파일 업로드 후 가져오기 버튼을 클릭하면 다음 화면으로 넘어가며 "Download and import file attachments"에 체크하고 Submit 버튼을 클릭하면 콘텐츠가 다운로드 됩니다. 이미 만들어놓은 워드프레스 콘텐츠이므로 카테고리, 태그, 메뉴 등이 설정돼 있고 이미지도 제 워드프레스 블로그에서 다운로드 되므로 시간이 약간 걸립니다. All done. Have fun! 이라는 메시지가 나오면 정상적으로 설치된 것입니다. 미디어 라이브러리에서 이미지도 다운로드됐는지 확인하세요.


URL 변경하기


위와같이 워드프레스 파일을 가져오면 URL을 변경해줘야합니다. 플러그인 추가화면에서 "Search and Replace"로 검색해서 설치, 활성화합니다. 도구 → Search & Replace를 선택하면 아래와 같은 화면이 나타납니다. Search for에는 http://webdesigncss3.com/를 입력하고 Replace with에는 자신의 URL을 입력합니다. wamp 서버에서 구동 중이라면 http://localhost/wordpress/를 입력하면 됩니다. All-search/replace! 의 field에 체크하고 Go 버튼을 클릭합니다.



그러면 아래와 같이 교체된 URL의 위치와 개수가 나타납니다



메뉴



메뉴 화면에서 테마위치 박스의  기본메뉴를 Blank top Menu로 선택하고 저장하면 블로그 화면에서 이미 설정한 메뉴가 나타납니다.


위젯화면 변경



외모-->위젯으로 가면 컨텐트 위젯 영역에 위와같이 위젯이 배치돼 있습니다. 컨텐트 위젯 영역은 주로 컨텐트 영역에 구글 광고 728픽셀 사이즈의 리더보드 광고를 배치하기 위한 위젯 영역입니다. 그러니 위의 위젯들을 사이드바 위젯 영역으로 이동하면 됩니다.



위처럼 텍스트 위젯을 배치하고 구글 광고코드만 삽입하면 됩니다. 위젯 영역이 블로그 화면에서 어느곳에 사용되는지는 다음과 같습니다.



컨텐트 위젯 영역은 위에서 설명했듯이 구글 광고를 위한 영역이고 좌측 위젯은 초기화면의 컨텐트 영역 좌측에 하나의 카테고리 영역의 글이 썸네일 이미지와 요약글로 나오는 영역입니다. 중앙 위젯은 좌측 위젯의 우측에 나오고 하단 위젯은 이 두 개의 위젯 바로 아래에 나옵니다. 사이드바 2 위젯은 초기화면용 사이드바를 담당하는 위젯 영역입니다. 이 테마는 3개의 사이드바를 사용합니다. 포럼 사이드바 위젯은 bbPress로 포럼이나 게시판을 만들었을 경우 게시판 전용 사이드바 위젯을 배치할 수 있도록 했습니다. 초기화면 사이드바 추가 위젯은 뉴스 스크롤러 플러그인이 IE에서 오류를 일으키므로 이것을 배치해서 사용하기 위한 위젯영역입니다. 메인사이드바 위젯영역은 초기화면이 아닌 페이지에서 사이드바에 위젯을 배치하는 영역입니다. 푸터 1,2,3 영역은 푸터 영역에 위젯을 배치하는 영역입니다.



초기화면 사이드바 추가 위젯 영역에는 텍스트 위젯을 이용해서 구글 광고를 336픽셀 사이즈와 250픽셀 사이즈를 div 태그 안에 배치하면 화면 사이즈가 변하면서 두개의 광고가 교차해서 나타납니다. 큰화면에서는 336사이즈, 작은 화면에서는 250 사이즈가 나오죠. 점차로 작아지면 사이드바가 컨텐트 영역의 하단으로 내려가면서 큰 사이즈의 광고가 나타납니다.



테마 사용하기 


책에서 만든 테마는 전면 페이지를 사용하도록 설계됐습니다. 책에서 여러가지 과정을 거치면서 만든 테마이므로 완성된 테마는 아니라서 세밀한 작업을 해야 제대로된 테마로 사용할 수 있습니다. 제 티스토리 블로그 스킨은 같은 형태의 테마에서 시작해서 여러가지 수정작업을 거친다음 만들어진 것입니다.


테마는 기본테마인 Twenty-Eleven의 자식테마(Child Theme)이므로 기본테마가 설치돼 있어야 합니다. 5장의 첨부파일을 압축 해제하면 twentyeleven-child 폴더가 있습니다. 이것을 워드프레스의 themes 폴더에 붙여넣고 테마 화면에서 활성화합니다. 



블로그 화면에서 보면 위와같이 나타납니다. 초기 화면이  front-page.php 템플릿 파일을 사용하고 있기 때문이죠. 이 파일은 처음 접속하면 사용되는 파일로 블로그 글 화면이 나타나는 것이 아니라 여러가지 카테고리의 글이 요약글과 썸네일 이미지로 나타나는 포털 페이지 역할을 합니다. 제대로 사용하려면 페이지 만들기 화면에서 제목을 홈, 블로그로 해서 빈 내용의 페이지를 두 개 만듭니다. 




읽기 설정에서 정적인 페이지를 선택하고 전면 페이지를 홈으로, 글페이지를 블로그로 선택하고 페이지당 보여줄 글의 수는 6개로 설정하고 변경 사항 저장 버튼을 클릭합니다. 



메뉴 화면에서 페이지 메타박스의 블로그, 홈에 체크하고 "메뉴에 추가" 버튼을 클릭하면 우측 열에 추가됩니다. 추가한 두개의 메뉴를  상단으로 이동하고 기존의 홈 메뉴는 삭제한 후 "메뉴 저장" 버튼을 클릭합니다.



푸터에도 메뉴를 사용할 수 있도록 했습니다. 우측 열의 플러스 탭을 클릭하고 "푸터 메뉴"를 입력한 다음 "테마위치" 메타박스에서 푸터메뉴를 선택합니다. 페이지 메타박스에서 메뉴를 추가하면 됩니다.



헤더 이미지



헤더이미지는 두가지로 나뉩니다. 초기화면의 헤더이미지는 기본테마의 헤더이미지 기능을 그대로 보존했고 그외의 페이지에서는 트위터 부트스트랩의 애니메이션 배너인 캐러젤을 사용하도록 했습니다. 

메뉴에서 외모-->헤더를 선택하고 이미지 선택하기에서 자신의 이미지를 업로드하면 자르기 화면이 나옵니다. 자르기하고 저장하면 업로드된 이미지들에 나타나며 샘플이미지를 사용할 경우 첨부 파일에서 헤더이미지를 업로드 하면 됩니다.



하단에서 헤더텍스트의 "이미지와 함께 헤더 텍스트 보이기"에 체크해제하고 "변경 사항 저장" 버튼을 클릭합니다. 이제 블로그 화면에서 보면 상단에 헤더이미지만 나타납니다.


배경 이미지



메뉴에서 배경을 선택하고 첨부파일의 글만들기 폴더에서 bg-tile.png 파일을 업로드하고 저장하면 됩니다.



플러그인 설치하기 


테마에 사용된 플러그인을 모두 설치합니다. 5장 첨부파일을 압축 해제하고 wp-content 폴더로 들어가서 plugin 폴더 안의 모든 플러그인을 설치하고 모두 활성화 합니다.


1-1. WP-PageNavi 플러그인 


 이 테마는 기본적으로 WP-PageNavi 라는 페이징 플러그인을 사용합니다. 이 플러그인을 사용하기 위해서는 워드프레스 설치 폴더에서 wp-includes 폴더로 들어가면 functions.php 파일이 있습니다. 이 파일을 텍스트 편집기에 열고 445번째 줄부터 수정해줘야 사용이 가능합니다.


function twentyeleven_content_nav( $nav_id ) {

       global $wp_query;

      

       if ( function_exists( 'wp_pagenavi' ) ) { ß시작

                    wp_pagenavi();

    }

    else { ß종료

       if ( $wp_query->max_num_pages > 1 ) : ?>

             <nav id="<?php echo $nav_id; ?>">

                    <h3 class="assistive-text"><?php _e( 'Post navigation', 'twentyeleven' ); ?></h3>

                    <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyeleven' ) ); ?></div>

                    <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyeleven' ) ); ?></div>

             </nav><!-- #nav-above -->

       <?php endif;

}

} ß중괄호 하나 삽입

endif; // twentyeleven_content_nav


위처럼 시작 부분부터 종료부분까지 코드를 삽입하고 마지막으로 중괄호 하나 삽입 부분까지 해주면 됩니다. 관리자 화면의 설정-페이지 네비로 가서 아래 그림처럼 설정하고 저장합니다.




이 플러그인을 설치하면 아래 그림처럼 블로그 하단에 페이징이 나타납니다.



글자를 보면 페이지 1의 27로 돼 있는데 반대로 되있죠. 번역의 순서가 잘못돼서 그런데 페이지 27의 1이 맞습니다. 이를 수정하려면 설정 화면에서 다음과 같이 수정합니다.



상단에서 변수의 위치를 위처럼 바꿔주면 됩니다.


다음의 플러그인을 설치해서 사용할 때는 블로그에서 글을 작성할 때 글 중의 이미지에 대해서 특성이미지 설정을 해야합니다. 특성이미지는 아래 그림처럼 정사각형의 이미지로 잘라서 사용합니다. 샘플 콘텐츠를 사용하는 경우 이미 정사각형으로 잘라진 특성이미지를 삽입했으므로 여러가지 플러그인에서 썸네일 이미지로 나타납니다.




1-2 Thumbnail for Excerpts 플러그인 설치



설정-->Thumbnail for Excerpts에서 하단의 3곳에서 no 라도 나와있는 것을 yes로 변경하고 저장합니다.


1-3 뉴스 스크롤러 설치하기


뉴스 스크롤러를 사이드바에 설치하겠습니다. 플러그인은 설정 방법이 다양해서 주 메뉴의 설정 메뉴에 있을 수도 있고 주 메뉴에 별도의 항목으로 있을 수도 있으며, 전혀 설정 항목이 없고 위젯 화면에서 위젯 영역에 배치하고 설정하는 경우도 있습니다. 이 플러그인이 마지막의 방법에 해당합니다. 위젯 화면으로 가서 뉴스 스크롤러 위젯 박스를 클릭한 후 드래그해서 메인 사이드바에 배치합니다.



타이틀을 입력하지 않고 카테고리 항목에서 모든 카테고리를 선택하거나 원하는 카테고리를 선택합니다. 작성일자(Show post date), 요약글(Show post excerpts), 특성 이미지(Show featured images)를 나타나게(show) 하고 트랜지션은 Fade로 선택합니다. 본문 영역에 슬라이드를 사용할 것이므로 두 곳에서 이미지가 슬라이드되면 혼란스럽습니다. 스크롤 타임아웃은 애니메이션 대기 시간입니다. 요약글 제한(Excerpt Limit)은 45단어로 합니다. 요약글의 크기에 따라 전체 높이가 결정됩니다. 최대 글 수는 원하는 대로 설정합니다. 마지막으로 스크롤 높이는 이미지와 이미지 하단에 나타나는 요약글의 전체 높이입니다. 높이가 작으면 스크롤되면서 글자가 겹치는 경우가 있습니다. 500픽셀로 입력합니다. 변경사항을 저장하고 블로그 화면에서 보면 잘 나타납니다.



1-4 카테고리 포스트 위젯


카테고리 포스트 위젯은 기본 설정 페이지가 있습니다. 설정 --> Category Posts(WP-CPL)을 클릭하면 상단에 설정이 있습니다. 썸네일 이미지의 가로 세로 크기를 이곳에서 설정합니다. 이미지 크기를 60으로 지정합니다. 기본 스타일시트를 사용하지 않으려면 이곳에서 체크해제해도 되지만 위젯 화면에서도 설정할 수 있습니다. 저장 버튼을 클릭하고 위젯 화면으로 갑니다.



위젯 화면에서 WP Category Post List 위젯을 5곳의 위젯 영역에 배치합니다. 좌측, 중앙, 푸터 1, 2, 3입니다. Browse라는 글자를 지우고 카테고리 제목 Hyperlink에 체크합니다. 다음의 Featuring은 “인기글”로 수정합니다. Category에서 글이 3개 이상 있는 것을 선택합니다. CSS Theme는 4가지가 있는데 마음에 안 들면 No CSS Theme을 선택하고 다음에 나오는 것과 같이 스타일시트에서 별도로 설정합니다. 보여줄 글 수(Number of Post to Show)는 3으로 입력합니다. 댓글 수(Show Comment Count), 날짜 보이기(Show date), 글쓴이 보이기(Show Author)는 선택사항이고 요약보이기(Show Excerpts)는 필수로 선택합니다. 요약글 길이(Excerps Length)는 상단 좌측과 중앙의 위젯은 150으로 입력합니다. 이것은 단어수가 아니라 영문을 기준으로 한 글자 수입니다. 구독하기(Show Feed)와 더보기(Show Read more)에 체크합니다. 영문을 한글로 각각 바꿔줍니다. 썸네일 보이기(Show Thumbnail)에 체크하고 저장합니다. 푸터는 기존의 달력 위젯을 제거하고 배치하며 각각 다른 카테고리를 선택하고. 요약글 길이를 250으로 합니다. 글의 수는 한 개로 설정합니다.



블로그 화면에서 보면 다음과 같이 나타납니다.



아래는 푸터 부분입니다.



1-5 얼티밋 포스트 위젯

콘텐츠 영역의 하단은 다른 플러그인을 사용합니다. 얼티밋 포스트 위젯을 하단 위젯 영역에 배치하고 제목에 최근 글이라고 입력한 다음, 위에서부터 5곳에 체크하고 저장하기를 클릭하면 옵션 입력란이 나타납니다.  글 수(Number of Posts)는 5개 요약글 길이(Excerps length)는 50글자, 더보기에 체크하고 더 보기 글자로 수정합니다. 썸네일 사이즈는 100x100으로 하고 글 형태 선택(Select post tyle)은 post를 선택한 다음 저장합니다.


1-6 콘텐츠 슬라이더


콘텐츠 슬라이더는 설정 --> WP Parallax Content Slider를 선택하고 기본 설정부터 합니다. Parallax는 각 요소의 움직이는 정도가 다른 것을 의미합니다. 예를 들어 멀리 있는 것은 천천히 움직이고 가까운 것은 빠르게 움직여서 3차원 효과를 주는 것을 말합니다. 그 정도를 설정할 수 있는 곳이 Number of pixels for background increment: 부분입니다. 50으로 그대로 둡니다. 슬라이더 모드(Slider display mode:)도 그대로 둡니다. Auto-play mode:에 체크하면 자동으로 애니메이션됩니다. Time between each slide (in ms):는 애니메이션 대기 시간으로 단위가 밀리초입니다. Number of articles to display:는 나타나는 콘텐츠 수를 설정합니다. Slide title max length:는 제목 글자수이며 70으로 설정합니다.



블로그 화면에서 보면 아래처럼 요약 글과 이미지가 나타납니다.



테마 디자인과 맞게 수정했는데 아래의 파일을 wp-content\plugins\wp-parallax-content-slider\css 폴더에 붙여넣으면 아래처럼 나옵니다.


style.css



모든 설정을 완료하면 아래처럼 초기화면이 나옵니다. 참고-->http://webdesigncss3.com



블로그 메뉴를 클릭했을 때 아래처럼 글 위주의 목록이 나옵니다.






화면 폭을 줄이면 모든 콘텐츠가 줄어들면서 메뉴바 전체가 함몰되고 우측의 아이콘을 클릭하면 메뉴가 나타납니다. 사이드바의 광고는 사이드바 영역의 사이즈와 맞지 않으므로 나타나지 않게 됩니다.



더 줄이다보면 사이드바는 컨텐트 영역 하단으로 내려가면서 아래처럼 나타납니다.



아직 고쳐야할 부분이 많지만 책의 한정된 분량으로 모든 것을 다루기는 어려우므로 제 블로그에서 순차적으로 새로운 테마로 변화해가는 과정을 진행할 것입니다.


저작자 표시 비영리 변경 금지
신고
이전 댓글 더보기
운돌이

안녕하세요 베누시안님 처음으로 글을 남기네요, 책 발간 축하드립니다. 저는 여러 cms 서적들을 보고 있는데 제 입맞에 맞는 책들이 없었는데 베누시안님의 책은 무척이나 기대됩니다.
웹 퍼블리싱 공부가 어느정도 다져진 분들은 입맞에 맞게끔 고치는 테마디자인 또는 위젯디자인,포스트박스 디자인 등을 하고 싶은데, 그저 CMS 코어 문법에 성큼 다가서기 힘든것이라고 개인적으로는 생각합니다.
그런데 베누시안님이 발간하신 책의 목차와 블로그에 기고한 글들을 읽어보니 구입해도 실망스럽지 않겠다는 생각이 들더군요, 이 책이 발간됨으로 인해 다시 공부할 것이 생겼다는 점에 저는 매우 고무 되어있습니다. 매우 기대됩니다!

BlogIcon 베누시안

감사합니다. 저의 책은 다른 책과는 달리 테마 제작에 관한 부분이 반 이상을 차지합니다. 그래서 분량이 664페이지나 돼죠. 테마디자인ㄷ도 그렇고 어떤 디자인이든 CSS로 처리합니다. 코어 문법은 대부분 템플릿 태그인데 이것은 하나의 기호로 보면 쉽습니다. 데이터베이스에서 데이터를 가져오는 기호죠. 이러한 데이터를 배치하고 정렬하는 것이 CSS이므로 테마 디자인은 CSS를 알면 됩니다. 그러니 책의 주 내용은 CSS이고 특히 해외에서 큰 인기를 얻고있는 트위터 부트스트랩으로 디자인 하는 방법을 설명해 놓았습니다.

출판사에서 책 내용이 맘에 들었는지 차기 서적으로 트위터 부트스트랩에 관한 책을 만들자고 하더군요. 그래서 준비중이랍니다.

제 책에 관심을 가져주셔서 정말 감사드립니다.

BlogIcon 마이랭크이즈

베누시안님의 책발간을 진심으로 축하드립니다.

BlogIcon 베누시안

안녕하세요. 반갑습니다. 오랫만이시네요. 진행하는 프로젝트는 잘 되시는가요? 축하해주셔서 감사합니다.

BlogIcon 계룡도령 춘월

와우~~~
대단하십니다.
내용은 하나도 모르지만... ㅠ.ㅠ;
포샵CS6 책도 멋지게 출간하시죠...^^

BlogIcon 베누시안

아, 포토샵은 책도 많이 나와있고 거래 출판사에서 별로 계획이 없다고 하네요. 다른 책도 준비해야하고요. 좋게 봐주셔서 정말 감사합니다.

BlogIcon Yitzhak

책 출간을 축하드립니다. 선생님!! 덕분에 저도 많이 늘었죠. 잘 보고 배우겠습니다.^^

BlogIcon 베누시안

안녕하세요. 정말 반갑습니다. 책을 내고 제게 몇권의 책이 배당됐는데 한권 보내드릴려고 홈페이지에 방문하니 화면이 안뜨더군요. 그래서 며칠 기다리다 포기했답니다. 이전에 몇번 방문해보니 잘만드시더군요. 그리고 저 선생님 아닙니다. 그저 글 만들어 블로그에 올릴뿐..ㅋ 감사합니다.

오늘 블로그에 방문해보니 좋은 내용이 많이 있네요. 많이 참고하겠습니다.

JOHN KIM

안녕하세요? ^^ 책출판 축하드립니다. 꼭 보고싶은 책이네요. 그런데 혹시 전자책으로는 출판 계획은 없나요? ^^ 아이패드로 보고싶어서.....ㅎㅎ

BlogIcon 베누시안

안녕하세요. 축하 감사드립니다. 모바일 시대에 전자책이 필수인데 출판사에서는 아직 전채책 출판 계획이 없답니다. 다만 현재 진행하고 있는 워밍업과정을 충실하게 만들어서 pdf로 책에 포함해서 무료로 배포할 계획입니다. 약 3주면 완성될겁니다. 감사합니다.

TY

안녕하세요! 도서를 구매해서 한창 공부 중입니다.
훌륭한 교재를 바탕으로 유용하게 공부를 하고 있음에 먼저 감사드리며,
한 가지 여쭙고 싶은게..
WP-Pagenavi 관련 functions.php 수정 부분을 복사할 수 있는 첨부파일을 블로그 내에서 찾기가 쉽지 않네요..
바쁘시겠지만 번거롭더라도 위치를 좀 알려주셨으면 합니다^^:

BlogIcon 베누시안

안녕하세요. 반갑습니다. 별도로 첨부했습니다. http://martian36.tistory.com/933

처음부터 순서대로 나오니 텍스트에디터에서 열고 Ctrl+F키를 눌러 검색해서 찾으면 바로 찾을 수 있습니다.

언제라도 질문 있으시면 블로그 어느곳에나 올려주시든가 이메일로 보내주세요. martian36@naver.com

감사합니다.

BlogIcon 유스테이지

책보면서 사이트 만들고 있는 사람입니다.
질문이 있어서 여쭤봅니다
헤더 이미지를 업로드 했는데
기존에 있던 워드프레스가 사라지지 않고
아래로 밀리면서 위에 제 회사 로고가 들어갔습니다.
어떻게 해야하는지 방법좀 알려주세요 ㅠ.ㅠ
감기조심하시구요
감사합니다. 항상
부탁좀 드릴게여

BlogIcon 베누시안

안녕하세요. 반갑습니다. 테마마다 설정 방법이 다 다르지만 이 테마는 워드프레스 기본 테마의 헤더 설정 방법을 그대로 사용하고 있습니다. 관리자 화면의 주메뉴에서 외모-->헤더 화면에서 헤더텍스트 항목의 이미지와 함께 헤더 텍스트 보이기에서 체크해제하고 저장 버튼을 클릭하세요. 감사합니다.

BlogIcon 베누시안

이 테마는 무료인데도 무한 스크롤을 지원하는 좋은 디자인의 테마군요. 잘 선택하신 것 같습니다.

삐용이

서점에서 구입 후 보면서 입력해 보고 있습니다.
테마 구조, 템플릿 만들기 부분이 아주 마음에 듭니다. 다른 책에서는 볼 수 없는것 같습니다.
부트스트랩 책도 많이 기대됩니다. 좋은 책 부탁드립니다.

BlogIcon 베누시안

안녕하세요. 제 책을 구매해주셔서 감사합니다. 좋은 평가 감사드리고요. 현재 부트스트랩 책 준비중입니다. 부트스트랩의 모든 내용을 알기쉽게 설명하고 웹페이지 만드는 방법까지 나옵니다. 기대해주셔서 감사합니다.

BlogIcon 사아람

베누시안 님, 안녕하세요?
어제는 참 고맙고 죄송하고 그랬습니다.
열심히 활동하며 두고두고 갚아드려야겠다는 생각밖에는....
그런데 책을 내셨군요.워드프레스 완벽 입문. 저도 구입해서 틈틈이 공부하고 싶네요.
그렇지 않아도 워드프레스 기웃거리곤 했었거든요.^^
즐겁고 행복한 주말 보내세요.

BlogIcon 베누시안

안녕하세요. 책이라고 냈지만 부족한게 많습니다. 그리고 제가 만든 스킨이니 사용환경에 따라서 다르게 나올 수 있기 때문에 튜닝 작업이 필요하죠. 그래서 A/S 차원에서 해드리는 것이니 부담갖지 않으셔도 된답니다. 워드프레스는 테마나 플러그인이 엄청 많아서 활용도가 아주 높답니다.

허니딥

안녕하세요. 책 구매해서보고 책에 블로그주소보고 왔습니다. 아직까진 잘따라가고 있는데 막히는 부분 나오면 문의시 잘좀 부탁드리겠습니다.

BlogIcon 베누시안

안녕하세요. 제 책을 구매해 주셔서 감사합니다. 언제든 방명록이나 이메일로 질문해주시면 답변 드리겠습니다. martian36@naver.com

BlogIcon 알찬돌삐

우아. 책 출판을 축하드립니다.
외국에선 워드프레스가 1위를 달리고 있는데, 아직 한국에선 힘을 쓰지 못하네요.
아무래도 접근하기 어려운(?) 점이 있어보이는것 같네요.(사실 저도 써보진 못했습니다. ^^;;;)

BlogIcon 베누시안

감사합니다. 워드프레스가 활용도가 높으니 앞으로 많은 인기를 끌것으로 생각합니다. 댓글 감사드려요.

jnk

저 책이 베누시안님이 쓰신 책이었군요
우와~ 왠지 스타를 만난 기분 입니다.

BlogIcon 베누시안

안녕하세요. 스타라니요. 별말씀이십니다. 책은 누구나 쓸 수 있습니다. 어쨋든 좋게 봐주시니 감사합니다.

돈디

잘봤습니다!

http://계정.kimsq.net 을 http://m.aaa.co.kr 로 변경하고 싶은데
변경을 하고 http://m.aaa.co.kr 로 접속을 하면 접속은 되는데
주소창에 http://계정.kimsq.net 라고 계속 표시되는건 왜그런것일까요??

BlogIcon 베누시안

해당 부분은 웹호스팅 회사에 연락해서 해결해야 할 것 같습니다.

비밀댓글입니다

BlogIcon 베누시안

안녕하세요. 가능하다면 로그인 정보와 ftp 접속 정보를 비밀 글이나 이메일로 알려주세요. martian36@naver.com

BlogIcon 김힐링

네 감사합니다. 메일 보냈습니다. 연휴인데 귀찮게 하는 것 같아서 죄송한 마음입니다.

BlogIcon 메모공주

처음 방문입니다 배울것들이 엄청나게 많군요!!
자주 오게 될꺼 같습니다
컴초보에 블초보입니당^^;
잘보고 링크걸고 갑니당^^

BlogIcon 베누시안

안녕하세요. 좋게 봐주셔서 감사합니다. 제가 시간이 부족해서 답변을 빠르게 드리지 못하지만 필요하신 것은 질문을 주세요. 감사합니다.

BlogIcon 김힐링

안녕하세요^^ 다시 찾아 뵙습니다.
이전 설정이 자꾸 방해를 해대길래, 서버를 초기화 시키고 테마를 처음부터 만들어 보려고 합니다. 완성본을 오류 없이 만들려면, 워드프레스 설치 후에 완벽 입문 책의 4장이나 5장부터 따라가보면 될까요? 아니면 지금 이 페이지부터 따라가면 될까요? 가장 좋은 시작 지점을 알려주시면 감사합니다^^
또하나, 워드프레스 버전은 어떤 것이 좋을까요?

BlogIcon 베누시안

안녕하세요. 위 글 내용은 워드프레스를 아는 분들이 책없이 소스코드를 사용할 경우에 해당하는 것이고요. 책은 되도록이면 4장부터 하시기 바랍니다. 템플릿 태그와 템플릿 파일의 개념이 중요합니다. 그리고 버전은 3.4.2로 하세요. 부트스트랩도 2.2.2로 하세요. 버전이 다르면 제대로 나오지 않을 수도 있습니다. 감사합니다.

BlogIcon 김힐링

감사합니다. 컨텐츠도 파일로 제공해 주신 것으로 하고 4장부터 다시 짚어나가 보겠습니다. 좋은 글 계속 부탁드립니다^^

BlogIcon 한이섭

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

비밀댓글입니다

BlogIcon 베누시안

기초를 거쳤다면 현재로서는 완벽입문을 보시는 것이 좋겠습니다. 이 책이 기초과정과 고급과정이 들어가 있어서 중복됩니다. 개정판으로 두권으로 분리되는데 1권이 이미 나와있고 2권은 몇 개월 후에 나옵니다. 내용을 더 확장할 것입니다.

제 책의 과정은 기초부터 나열하자면 다음과 같습니다.
1.DIY! 워드프레스(워드프레스 완벽입문 개정판 1권)
2.DIY! 워드프레스 쇼핑몰
2.DIY! 워드프레스 웹사이트(출간예정)
3.워드프레스 완벽입문(고급편)-향후 개정판 2권 출간예정
4.워드프레스 쇼핑몰 만들기

정욱

책 너무좋아요 ! 정말감사합니다! 많은도움됐어요~

BlogIcon 베누시안

감사합니다.

wongeun

안녕하세요, 군대에서 제대하고 오랜만에 다시 워드프레스를 공부 중인데 5장 테마수정에서 부트스트랩을 이용한 네비게이션이 자꾸 안만들어집니다. wp_nav_menu( array( 'walker' => new bootstrapwp_walker_nav_menu(), 'menu' => 'main-menu', 'menu_class' => 'nav', 'menu_id' => 'main-menu')); ?> header.php에 첨부하신 코드중 위의 코드와, function.php에 붙이시라고 써주신 첨부파일의 코드를 다입력하면..네비게이션 모양만 만들어지고, 정작 네비게이션의 다른페이지를 향한 링크는 하나도 안나옵니다..계속 시도해봤는데..안돼는데 혹시 이런 비슷한 질문을 받아보신적이있으면 꼭 답변을 부탁드리겠습니다!!

티스토리 툴바