워드프레스 관리자 화면이 전체적으로 회색이라서 밋밋한 면이 있습니다. 관리자 화면을 다른 스킨을 적용하면 색상을 바꿀 수 있는 플러그인이 다양하게 있습니다. 여기서는 부트스트랩으로 디자인된 플러그인인 Bootstrap Admin을 소개합니다. 관리자 화면의 플러그인-->플러그인 추가하기에서 Bootstrap Admin으로 검색해서 설치하고 활성화합니다. 관리자 화면이 부트스트랩으로 디자인된 화면으로 바뀌면서 일부 글자에 세미콜론이 나타납니다. 나눔고딕 웹폰트를 사용해서 해결합니다. 플러그인 폴더에서 assets-->css-->compiled-style.css을 열고 최상단에 아래의 코드를 추가합니다. @import url("http://fonts.googleapis.com/earlyaccess/nanum..
워드프레스 버전을 자동 업그레이드 하거나 플러그인을 업그레이드 하다보면 프로그램을 내려받는 도중 아래와 같은 에러 메시지가 나오는 경우가 있습니다. Fatal error: Maximum execution time of 30 seconds ~~ 이 메시지의 의미는 php 설정에서 프로그램의 최대 실행 시간을 30초로 설정했는데 이 시간을 초과했기 때문에 더이상 실행할 수 없다는 것입니다. 이것을 해결하는 방법은 여러가지가 있습니다. 이 방법에 대해서 알아보겠습니다. 1. php.ini 파일의 수정 내 컴퓨터에서 wamp 서버를 사용하고 있는 경우는 php 설정 파일인 php.ini 파일을 수정할 수가 있습니다. 위 그림처럼 wamp 서버아이콘을 클릭하고 php-->php.ini 파일을 선택하면 메모장에 이..
워드프레스는 테마가 워낙 다양하기 때문에 일반적으로 사용하는 방법으로 테마를 수정할 수가 없는 경우가 있습니다. 테마에 따라서 스타일시트의 변경만으로 바로 디자인을 변경할 수도 있지만 스타일을 변경하고자 하면 CSS에 대해 잘 알아야 하기 때문에 이를 모르는 분들을 위해 테마 제작자가 테마 옵션을 여러가지 형태로 만들어 그래픽 인터페이스를 제공해서 누구든지 스타일을 쉽게 변경할 수 있도록 하고 있죠. CSS에서 몇가지 코드만 변경하면 될 것을 하나의 페이지를 만들어서 이러한 기능을 제공하고 있는 경우가 대부분입니다. 이러한 기능을 하는 프로그램을 만들려면 PHP로 함수를 만들고 여러가지 복잡한 코드를 사용합니다. 그렇기 때문에 테마 폴더에서 기본적으로 사용되는 style.css는 아래처럼 아무런 내용이 ..
워드프레스 검색엔진 최적화 플러그인 All in One SEO Pack 2.0의 한글 언어 파일을 업그레이드 번역했습니다. 검색엔진 최적화 플러그인 중에서 가장 인기있는 플러그인 중에 하나로 무료 버전입니다. 플러그인 홈페이지에 등록할 예정이니 앞으로 위 플러그인을 사용할 경우 한글로 자동으로 나올 것입니다. 우선 사용하기 위해서 위 플러그인을 설치하고 플러그인 폴더에 언어파일을 저장하면 한글로 인식됩니다. 프로버전도 업데이트해서 플러그인 사이트에 올릴 예정입니다. 각 항목의 물음표 아이콘을 클릭하면 도움말이 표시되니 사용법이 어렵지 않습니다. po 파일은 poedit 프로그램으로 수정하고 저장하면 mo파일이 업데이트됩니다.
비비프레스가 4월 26일 2.3.1 버전으로 업데이트됐고, 버디프레스 1.7.1 버전이 오늘 업데이트 됐습니다. 이에 맞춰 한글 언어파일도 모두 번역했습니다. 이 두가지는 포럼에 사용되는 워드프레스 플러그인으로 우리나라의 게시판에 해당합니다. 디시인사이드나 포털사이트의 카페와 같은 게시판 사이트를 만들 수 있습니다. 포럼은 단순한 게시판에서 더 나아간 여러가지 활동이 일어나는 사이트에서 사용하는 프로그램입니다. 국내의 경우 포럼에 해당하는 적당한 한글이 없어서 포럼으로 그대로 번역했는데 얼마전에 어떤 분이 포럼은 게시판으로, 토픽은 게시글로, 응답(reply)는 답변으로 각각 번역해서 올려놓았더군요. 상당히 많은 분량인데도 매끄럽게 번역을 해주셔서 이분의 의견이 좋다고 생각해서 적용했습니다. 그래서 이전..
오늘 날짜로 워드프레스 3.6 버전의 베타2가 발표됐습니다. 언어 파일이 업데이트돼서 모두 번역을 마쳤지만 메뉴 페이지는 영어로 그대로 나오고 있습니다. 워드프레스 담당자에게 수정을 요청해놓았으니 조만간 해결될 것입니다. 워드프레스 3.6 버전의 스케쥴이 계속 지연되고 있으며 당초 4.14일에서 4.27일로, 다시 5월 20일로 정식 버전이 나올 것으로 예정됐습니다. 가봐야 알겠죠. 아래의 스케쥴 대로 4.29일에 베타 2가 나왔으니 믿을만 합니다.January 02-09, 2013Confirm proposed scope and secure team leads.January 09, 2013Development begins.April 04, 2013Hard freeze on feature developme..
각종 웹브라우저가 지속적으로 업그레이드되면서 CSS3 규칙의 채용이 더욱 늘어나는 추세입니다. 그러면서 스타일시트만으로 멋진 웹페이지를 만들 수 있죠. 이전에는 포토샵이나 파이어워크로 만든 이미지로 버튼, 메뉴바, 아이콘 등에 사용했습니다. 이러한 이미지를 사용하면 반응형 모바일 디자인에서는 레이아웃을 벗어나게 됩니다. 그래서 포토샵으로 만든 UI 그래픽 디자인도 사라질 전망입니다. 스타일시트만으로 얼마든지 위와같은 모양을 만들 수 있기 때문이죠. 부트스트랩 관련 프로젝트 중에는 위와같은 psd 파일을 만들어놓은 것이 있습니다( http://gui.repixdesign.com/#bootstrap ). CSS 만으로 얼마든지 만들 수 있는데 왜 이런 것을 만들었을까요. 포토샵으로 레이아웃 디자인을 먼저 만..
현재 출판사와 협의해서 워드프레스로 쇼핑몰 만들기 책을 기획 중에 있습니다. 제가 워드프레스 쇼핑몰 플러그인을 3개 번역했는데 그중에서 우커머스(Woocommerce)가 가장 좋아보입니다. 현재 2.08 버전으로 업데이트되면서 번역량이 엄청 늘어났고 언어파일도 두개로 분리됐더군요. 테마 제작회사인 Wootheme에서 만든 것이라서 기능도 많고 업데이트도 활발하며 관련 테마도 좋습니다. 그래서 이 플러그인을 사용해서 책 내용을 구성하려고 합니다. 문제는 한국의 신용카드 결제 시스템을 이 플러그인과 결합(Integration)을 하는 플러그인인 PG(Payment Gateway)의 개발이 필요합니다. 제가 개발자가 아니다보니 작업을 할 수는 없고 별도의 개발자가 작업해줘야하는 상황입니다. 국내에서도 이 플러..
트위트 부트스트랩 프레임워크가 인기를 얻으면서 해외 및 국내의 CMS가 부트스트랩을 기본 프레임워크로 채용하고 있습니다. 기본 프레임워크로 채용한다는 것은 테마나 스킨에 사용된다는 것이 아니라 CMS 자체, 즉, 관리자 화면을 의미합니다. 테마나 스킨은 이미 만들어서 사용하고 있고 사용자가 원하는 대로 디자인을 변경할 수 있는 것이죠. 중요한 것은 관리 시스템에서 부트스트랩 프레임워크를 사용한다는 것인데 이는 모바일 레이아웃을 위한 것입니다. 그만큼 부트스트랩이 모바일에 적용하기 쉽기 때문이죠. 해외에서는 3대 CMS인 워드프레스, 드루팔, 줌라가 있고 국내에서는 XE(익스프레스 엔진), 그누보드, 텍스트큐브(태터툴스: 티스토리 CMS), 킴스큐가 있습니다. 이들이 부트스트랩과 어떤 관련이 있는지 알아보..
워드프레스 3.6 베타가 발표됐습니다. 스케줄대로라면 당초 3.14일 예정이었으나 2주 연기돼서 3.27일로 발표시기가 늦춰졌고 다시 예고 없이 발표가 연기돼다가 오늘 발표됐습니다. 이전 글에서 언급한대로 베타 버전 발표로 인해 더이상의 기능 추가는 이루어지지 않고 버그 수정만 계속될 예정입니다. 플러그인이나 테마 개발자는 베타 버전 시기에 모든 프로그램을 시험 가동해서 버그 수정이 완벽해질 수 있도록 보고하면 됩니다. 이전 글에서 알파 버전을 통해서 워드프레스 3.6의 새로운 기능에 대해 알아봤으니 자세한 내용은 해당 글을 참고하세요. 알파버전과 바뀐내용은 레이아웃입니다. 새 글 쓰기에서 글 형식을 대폭 지원하므로 기존의 글 형식 메타박스가 제거돼고 제목 입력란 위로 이동됐고 아이콘 탭 형태로 바뀌었습..
워드프레스 3.6 버전이 3월 13일 베타 버전이 발표될 예정이었으나 개발이 늦어져서 3월 27일로 연기됐습니다. 어떤 기능이 추가됐는지 알아보기 위해서 베타 버전이 발표되기 전에 알파 버전을 통해 알아보기로 하겠습니다. January 02-09, 2013Confirm proposed scope and secure team leads.January 09, 2013Development begins.March 27, 2013Hard freeze on feature development. Stop feature development; focus on testing and compatibility (supported platforms, browsers, RTL, accessibility, etc). Ship a..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. WP-BOOTSTRAP-GALLERY 워드프레스 갤러리 프로그램 사이트 : https://github.com/twittem/wp-bootstrap-gallery WP-BOOTSTRAP-NAVWALKER 부트스트랩 용 워드프레스 내비게이션 메뉴 프로그램 사이트 : https://github.com/twittem/wp-bootstrap-navwalker WP PLUGIN FOR BOOTSTRAP SHORTCODES 부트스트랩 스타일시트 숏코드. 테마와 함께 제공..
워드프레스 3.6의 스케줄에 보면 오늘 날짜(미국 시간 3월 13일)로 베타 1이 발표될 예정이었습니다. 업그레이드 부분의 미진으로 인해 연기될 예정입니다. 이전에는 베타버전의 발표와 함께 업그레이드 부분도 계속 진행되었는데 이럴 경우 진정한 의미에서 베타 버전이라고 할 수 없다고 합니다. 베타 버전이 발표되면 테마 개발자나 플러그인 개발자들이 베타 버전을 기반으로 모든 테스트를 하게 되는데 베타 버전을 계속 개발해서 수정한다면 테스트의 의미가 없기 때문이라고 합니다. 그래서 개발이 늦더라도 베타 버전을 우선 발표할 것이 아니라 완료된 후에 발표한다고 합니다. 연기되는 기간은 2주라고 합니다. 이에 따라서 정식 버전 발표 시기도 당초 4월 22일에서 4월 29일로 연기됩니다. January 02-09, ..
워드프레스 3.6이 현재 개발 중에 있고 며칠 후면 베타버전이 발표될 예정입니다. 이번 버전의 주된 내용은 포스트 관련 업그레이드입니다. 글 작성 도중 어떤 상황이 발생하더라도 자동으로 저장하도록 프로그램이 만들어질 예정인데 정전이 된다 해도 작성 중인 글이 저장이 된다고 합니다. 리비전에 관한 업데이트가 있을 예정이고 사용자 정의 메뉴를 사용하기 쉽게 한다고 합니다. 또한 글 형식(Post Format)에 관한 업데이트가 있을 것인데 자세한 내용은 베타 버전이 나오면 알아보기로 하고 글 형식에 관한 업데이트와 관련해서 3.6 버전의 기본 테마로 예정된 Twenty Thirteen이 지난 달에 임시(First Draft) 버전으로 나왔습니다. 기본적으로 사이드바가 없는 페이지로 사이드바에 배치하던 위젯은..
워드프레스 3.5 버전이 나온지 두달 됐습니다. 1월에 3.6 버전을 위한 준비에 들어가서 3월이면 베타버전이 나오고 4월에 정식 버전이 출시될 예정입니다. 아직 개발 단계에 있기 때문에 어떤 기능이 추가될지는 알 수 없고 베타버전이 나와야 파악이 되겠습니다. January 02-09, 2013Confirm proposed scope and secure team leads.January 09, 2013Development begins.March 13, 2013Hard freeze on feature development. Stop feature development; focus on testing and compatibility (supported platforms, browsers, RTL, acces..
워드프레스 사이트를 회원 가입제로 한 경우 소셜 네트워크 계정을 사용해서 로그인하거나 댓글달기, 회원 등록이 가능한 플러그인입니다. 플러그인 설치만으로 사용이 가능한 것이 아니고 플러그인 개발자의 사이트에서 계정을 만들고 여러가지 설정을 해줘야합니다. 특히 페이스북이나 트위터에도 계정을 만들고 앱 등록을 해야 비로소 사용할 수 있기 때문에 안내 가이드와는 달리 복잡한 과정을 거치게 됩니다. 한글 언어 파일입니다. 플러그인 폴더의 언어 폴더에 붙여넣으면 한글로 나옵니다. 사용하는 전 과정을 알아봅니다. OneAll Social Login 위 검색어로 플러그인 추가하기에서 검색해서 설치하고 활성화합니다. 환경 설정에 들어와서 "계정에 로그인~" 버튼을 클릭해서 플러그인 개발 사이트로 이동합니다. 계정을 만듭..