얼마 전에 방문자님이 워드프레스 새로운 기본 테마인 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 위 링크로 이동하면 아래의 화면이 나타납니다. 회원가입 링크를 클릭하고 다음 화면에서 정보 이용을 위한 동의를 합니다. 회원 가입을 위한 정보를 입력하고 이메일 중복확인 버튼을 클릭하면 인증 코드 발송 버튼이 나타납니다. 이를 클릭하고 이메일에서 인증 코드를 복사해 인증코드 기입란에 붙여넣은 다음 회원 가입 버튼을 클릭합니다. 메인화면 가기 버튼을 클릭합니다. 로그인 하고 웹호스팅의 무료호..
구글 크롬을 사용하다보면 구글 광고에 대체되어 흉칙한 광고가 나타나는 경우가 있습니다. 어떤 때는 플래시 광고처럼 번쩍 거리기도 하고 이런게 구글광고인가 싶기도 해서 그대로 놔두고 넘어간 적이 있는데 하도 이상해서 요소검사를 해보니 Xtendmedia 바이러스에 의한 광고였습니다. 주로 콘텐츠 영역에 나타나더군요. 구글링을 해보니 여러가지 방법이 있는데 간단한 것은 확장 프로그램에서 제 3자에 의해 설치된 것인지 확인하고 제거하면 됩니다.-->http://martian36.tistory.com/1224 그런데 이 Xtendmedia 바이러스는 바이러스 검색해도 검출되지 않는데 프로그램으로 설치되기도 하고 구글 확장 프로그램으로 설치되기도 한다고 합니다. 다양한 제거 방법은 -->http://botcraw..
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가 Build 3059로 바뀌면서 기능이 여러가지 추가됐습니다. 특히 두드러지게 추가된 기능은 이미지 미리보기와 탭 스크롤 기능입니다. http://www.sublimetext.com/3 설치하고나면 changelog.txt 파일이 편집기에 나타납니다. 첫 두가지 기능 중 첫번째로 탭 스크롤 기능입니다. 탭이 많을 경우 겹쳐져 나타나고 탭위에 마우스를 올리고 스크롤 하면 탭이 좌우로 스크롤 됩니다. 좌측 끝의 세모 아이콘을 클릭해도 스크롤 할 수 있고 우측 끝의 세모 아이콘은 아래처럼 각 탭의 내용을 볼 수 있습니다. 스크롤 기능을 정지하려면 Preferences-->Settings-User를 선택하면 설정 화면이 나오며 그림처럼 "enable_tab_scrolling": false를 ..
워드프레스 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 버전을 기준으로 워드프레스 완벽입문이라는 책을 처음 출간했는데 지나고 나서 책을 보면 내용이 많이 바뀌었다는 생각이 듭니다. 물론 워드프레스의 기본적인 내용은 그대로 이지만 워드프레스를 처음 접하는 분들에게 새로운 버전의 워드프레스를 사용하면서 책은 구 버전이라면 많은 혼란이 있을 것으로 생각됩니다. "워드프레스 완벽입문"은 워드프레스 기초 부분과 테마 만들기라는 고급 부분이 합쳐진 책입니다. ..