워드프레스로 작업을 하다보면 어떤 테마는 메뉴의 최하단에 배치돼서 가장 많이 사용할 메뉴가 사용하기 어려운 상황이 될 수도 있습니다. 검색을 해보니 이런 플러그인도 있구나 하는 생각이 듭니다. 워드프레스가 인기 있는 이유가 바로 이런 것이더군요. 워드프레스 쇼핑몰 만들기 초보자용을 기획 중 하나의 테마를 대상으로 하려고 했는데 폭을 넓혀서 일반적으로 프리미엄 테마를 사용하는 방법을 연구하고 있습니다. The 7이라는 테마를 사용해보고 있는데 Subway 테마와 마찬가지로 Visual Composer 페이지 빌더와 LayerSlider 슬라이더 빌더 외에 유료 플러그인으로 Revolution Slider가 더 있더군요. 인기 있는 테마 중에 하나입니다. 그런데 이 테마는 설치하고나면 테마 옵션이 메뉴의 최..
워드프레스를 사용하다보면 플러그인을 비활성화 하는데도 에러가 발생할 때가 있습니다. 어떤 에러 메시지도 나타나지 않고 관리자 화면에서 새로고침해도 흰 화면만 나타나죠. 그래서 어떤 부분에서 에러가 있는지 전혀 알 수가 없어서 당황스럽고 아예 플러그인 파일을 제거하기도 합니다. 플러그인을 폴더에서 제거하면 되겠지만 어떤 플러그인을 제거해야 할지 모르는 상태에서 하나씩 제거해 봐야 알 수 있는데 이럴 때 워드프레스에 내장된 디버깅 모드를 사용하면 에러 발생 원인을 찾아내는데 도움이 됩니다. 워드프레스 루트 폴더에 환경설정 파일인 wp-config.php 파일을 열면 define('WP_DEBUG', false);라고 돼있는데 이를 위 그림처럼 true로 수정하고 저장합니다. 코드를 수정하기 전에는 흰 화면만..
윈도우 서버 프로그램(Windows Server 2012 R2, Windows Server 2008 R2)에 워드프레스를 설치해 사용하려면 워드프레스가 사용되기 위한 환경이 만들어져야 합니다. 즉 윈도우 서버는 웹서버로 IIS를 사용하고 데이터베이스로 MSSql을 사용하기 때문에 워드프레스를 사용하기 위해서는 데이터베이스로 MySQL, 웹프로그래밍 언어인 PHP가 설치돼야 합니다. 웹서버인 IIS는 그대로 사용할 수 있습니다. 이들 프로그램을 개별적으로 설치해 사용하는 방법이 있기는 하지만 상당히 번거롭습니다. 얼마전에 독자님이 문의를 해오셨는데 제가 사용해본 적이 없어서 링크만 알려드렸는데 자신의 컴퓨터에 윈도우 서버 프로그램을 설치하고 워드프레스를 사용해서 서버로 이용하고자 하는 분들을 위해 포스팅을..
얼마 전에 방문자님이 워드프레스 새로운 기본 테마인 Twenty Fourteen의 콘텐츠 영역을 늘리는 방법을 알고 싶다고 했었습니다. "DIY! 워드프레스" 책에서 이 테마를 이용해서 전체적인 워드프레스 사용법을 설명했고 사용하면서 파악한 바로는 단순히 콘텐츠 영역만 늘릴 수는 없었습니다. 그래서 여러 곳을 수정해야 한다고 했습니다. 실제로 콘텐츠 영역을 늘리는 작업을 해보니 여간 까다로운 게 아니었습니다. 가장 난감한 부분이 특성 콘텐츠의 슬라이더 부분이었습니다. 이 슬라이더 부분은 자바스크립트에 의해 반응형 디자인이 적용되도록 웹브라우저의 폭이 줄면 높이도 줄어들게 돼있었습니다. 그래서 억지로 높이를 고정시켰습니다. 또한 이로 인해서 functions.php 파일의 코드를 자식 테마에서 덮어쓰기도 ..
워드프레스 3.8 버전의 기본 테마인 Twenty Fourteen을 일부 수정해서 사용할 수 있는 플러그인을 소개합니다. http://wordpress.org/plugins/fourteen-extended/ 위 링크는 플러그인 페이지입니다. 쉽게 설치하려면 플러그인 추가하기 화면에서 Fourteen Extended로 검색해서 지금 설치하기를 클릭하고 활성화 합니다. 설정은 사용자 정의 화면에서 할 수 있습니다. TwentyFourteen General Options 패널을 열면 여러 가지 설정을 변경할 수 있습니다. "Center Align Site Layout?"에 체크하면 사이트가 중앙 배치됩니다. 콘텐츠의 좌측에 여백이 생기는 것을 볼 수 있습니다. Float Left에 체크하면 메뉴가 좌측으로 배..
무료 웹호스팅 환경은 용량도 100MB이고 트래픽 용량도 적어서 사용하기가 불편하므로 유료 웹호스팅 환경을 이용하는 편이 좋습니다. 이번에는 도메인 구입도 하고 하드디스크 용량도 3GB로 된 패키지를 구매해보겠습니다. 여기서 이용할 웹호스팅 서비스는 우비(www.woobi.co.kr)라는 웹호스팅 회사인데, 예전에 무료 서비스를 사용한 적이 있어서 다시 들어가보니 오랫동안 사용하지 않았는데도 삭제되지 않고 내용이 그대로 있더군요. 참 반가운 일입니다. 보통 일정 기간 사용하지 않으면 삭제되고 계정도 없어지거든요. 이곳의 웹호스팅 가격을 보니 매우 저렴합니다. 도메인 구입이 9,700원이고 3GB짜리 하드디스크 용량으로 패키지를 구입하니 4만원이 채 들지 않습니다. 홈페이지에 접속해 도메인을 선택하기 위해..
국내 호스팅 회사 중 닷홈의 무료 호스팅 사용 방법과 워드프레스 설치 방법을 알아보겠습니다. 무료 호스팅은 업체의 무료 서비스이므로 편중될 경우 업체의 부담을 가져올 수 있으니 검색하면 많이 있으므로 되도록이면 다른 사이트에서 사용하시길 바랍니다. 하나의 예를 든 것입니다. http://www.dothome.co.kr 위 링크로 이동하면 아래의 화면이 나타납니다. 회원가입 링크를 클릭하고 다음 화면에서 정보 이용을 위한 동의를 합니다. 회원 가입을 위한 정보를 입력하고 이메일 중복확인 버튼을 클릭하면 인증 코드 발송 버튼이 나타납니다. 이를 클릭하고 이메일에서 인증 코드를 복사해 인증코드 기입란에 붙여넣은 다음 회원 가입 버튼을 클릭합니다. 메인화면 가기 버튼을 클릭합니다. 로그인 하고 웹호스팅의 무료호..
YITH(Your Inspiration Theme)에서 계속해서 우커머스용 프리미엄 테마를 개발해 출시하고 있네요. 이전과 같이 무료 버전을 내려받을 수 있습니다. http://yithemes.com/themes/wordpress/the-jewelry-shop/?ap_id=list-theme-jewelry Live Demo 버튼을 클릭해서 테마의 모양을 볼 수 있고 다운로드 버튼을 클릭해서 무료 버전을 내려받을 수 있습니다. 상점 페이지입니다. 상세 페이지입니다. 테마 옵션 설정 페이지입니다. 이 테마는 구글 웹폰트인 Sacramento를 사용하고 있습니다. 그래서 웹폰트 링크만 걸어주면 됩니다. 플러그인 설치하기 화면에서 Google Fonts로 검색해서 WP Google Fonts 플러그인을 설치합니..
워드프레스 3.8 버전의 기본 테마로 Twenty Fourteen 테마가 포함됐는데 이 테마는 매거진 사이트에 적합하게 만들어져 있습니다. 그래서 페이지 템플릿으로 기여자 템플릿이 있어서 이 템플릿으로 페이지를 만들면 사이트의 글쓴이를 모두 표시할 수 있습니다. 또한 글 중에 강조하고 싶은 문구가 있으면 글 작성이 도구 아이콘의 "인용"을 선택하고 class="alignleft" 선택자를 추가하면 됩니다. 강조하고 싶은 문장을 클릭하거나 블럭설정하고 인용 아이콘을 클릭하면 글자가 이탤릭체로 변경됩니다. 사이트에서 확인하면 위처럼 나타납니다. 이것은 "인용"이라는 도구의 본래의 기능입니다. 제가 말하고자 하는 것은 위처럼 나오는 것이 아니라 좌측이나 우측에 배치되도록 하는 것입니다. 편집기의 텍스트 탭을 ..
워드프레스 3.8이 발표된지 며칠이 지났는데 벌써 180만 회나 다운로드가 됐습니다. 아래 화면은 워드프레스 다운로드 카운터로 http://wordpress.org/download/counter/ 에서 확인할 수 있습니다. 이번 버전은 관리자 화면의 디자인 변경이 주된 내용이지만 기본 테마인 Twenty Fourteen을 포함시켜 프론트엔드까지 디자인이 변경된 것으로 생각할 수 있습니다. 이 테마는 매거진 사이트에 어울리는 테마로 사용하는 색상의 콘트라스트가 높습니다. 즉 배경 색상과 글자 색의 대비(콘트라스트)가 큰 것이죠. 검정색 바탕의 배경이다보니 글자나 이미지가 두드러지게 보입니다. 제가 보기에는 이대로 사용해도 멋진 웹사이트를 만들 수 있을 정도로 훌륭한 테마입니다. 배경 색상을 변경하자면 스타..
위 두 가지 책은 책에서 만든 내용 그대로 데모 사이트를 만들 수 있도록 해놨습니다. 워드프레스를 처음 하시는 대부분의 분들은 서문을 잘 안보고 지나치시는데 책에서 사용된 소스는 서문의 마지막 부분에 링크가 있습니다. 해당 링크를 주소창에 입력하고 이동하면 소스 파일이 있는 제 블로그가 보입니다. 그러면 데모 사이트를 자신의 컴퓨터에 만드는 방법을 알아보겠습니다. 이 내용도 책에 다 있지만 간단하게 만들 수 있습니다. 이것은 책을 진행하면서 안되는 부분이 있으면 뭐가 잘못 됐는지 찾는데 시간이 많이 걸리고 질문에 대한 답변을 제대로 하지 못하기 때문에 반드시 필요한 과정입니다. 워드프레스 쇼핑몰 만들기 데모 사이트 위 압축 파일을 모두 내려받습니다. 알집 파일인데 알집을 사용하지 않는 분들은 세븐집을 설..
I. 워드프레스 3.8 버전의 새로운 기능 1. 워드프레스 3.8은 관리자 화면의 기능강화현대적 미학 - 선명함과 단순함의 정리된 디자인깨끗한 타이포그래피 - 데스크탑과 모바일에 최적화된 단순하고 친근한 글자(Open Sans)세련된 콘트라스트 - 고대비 색상과 크고 보기 편안한 글자높은 속도에 높은 해상도 - 화면 크기 변화에 따라 변하는 벡터 아이콘관리자 색상 - 8개의 색상 조합 변경 가능알림판 모듈 통합세련된 테마 관리 - 한 화면에서 테마를 둘러보기 쉽고 키보드 내비게이션 가능위젯 사용자 경험(UX) 향상 - 위젯 영역은 좌우 두개의 컬럼으로 변경. 위젯을 클릭해 원하는 위젯 영역으로 배치 가능 2. 새로운 기본 테마 Twenty Fourteen 매거진 스타일의 테마. 그리드나 슬라이더로 특성 ..
워드프레스와 우커머스 플러그인을 사용해서 쇼핑몰을 만들 경우 우커머스 전용 테마 뿐만 아니라 모든 테마를 사용할 수 있습니다. 우커머스 플러그인을 설치하고 활성화하면 관리자 화면 상단에 아래와 같은 메시지 박스가 2개 나타납니다. 하나는 우커머스 상점을 위한 여러 가지 페이지를 만드는 버튼이 있고 하나는 사용 중인 테마의 페이지 템플릿에 우커머스에 사용되는 페이지를 만드는 버튼입니다. 첫번째 버튼을 클릭하면 우커머스에 의해 단축코드가 삽입된 페이지가 만들어지지만 이들 페이지를 사이트에 나타내기 위해서는 두번째 버튼을 클릭해서 가이드를 참고해야 합니다. 테마 결합 가이드는 두 가지 방법을 소개하고 있는데 책에서는 첫 번째 방법을 이용해 우커머스용 페이지 템플릿을 만들었습니다. 책을 보지 않는 분들을 위해 ..
워드프레스 3.8 “Parker(파커)”12월 13, 2013, martian36WordPress 3.8 “Parker”원본: Posted December 12, 2013 by Matt Mullenweg. Filed under Releases.비밥(Bebop)의 창시자인 찰리 파커(Charle Parker)의 경의를 표하기 위해 명명된 워드프레스 버전 3.8 “파커”가 워드프레스 관리자 화면에서 내려받기나 업데이트가 가능합니다. 이제까지 있었던 가장 아름다운 업데이트로 생각되길 기원합니다.현대적인 새 디자인을 소개합니다 워드프레스가 얼굴 개조를 단행했습니다. 3.8은 관리자 화면을 신선하고 새로운 모습으로 단장했습니다. 과도한 그레이디언트와 회색의 색상 조합을 제거하고 더 크고 대담하며 더 컬러풀한 디자..
워드프레스 최신 버전인 3.8을 기준으로 워드프레스 기초 부분을 다룬 책을 출간합니다. 표지 디자인이 완성돼 소개합니다. 워드프레스의 개발 주기는 평균 6개월이고 1년에 2개의 버전이 나오고 있습니다. 게다가 매 버전이 나올 때마다 기능도 추가되고 기본 테마도 1년에 한번씩 바뀝니다. 1년 전에 워드프레스 3.4 버전을 기준으로 워드프레스 완벽입문이라는 책을 처음 출간했는데 지나고 나서 책을 보면 내용이 많이 바뀌었다는 생각이 듭니다. 물론 워드프레스의 기본적인 내용은 그대로 이지만 워드프레스를 처음 접하는 분들에게 새로운 버전의 워드프레스를 사용하면서 책은 구 버전이라면 많은 혼란이 있을 것으로 생각됩니다. "워드프레스 완벽입문"은 워드프레스 기초 부분과 테마 만들기라는 고급 부분이 합쳐진 책입니다. ..