웹,그래픽디자인을 비롯해 운영일지 형식으로 웹에 전반적인 관련 내용들을 다루고 있습니다.

워드프레스 시장 점유율은?

wordpress.com 사이트에 들어가면, 세계 28%의 사이트가 워드프레스로 만들어졌다고 소개하고 있습니다. 전세계에서는 28%일지 몰라도, 한국에서 워드프레스가 얼마나 사용되고 있는지 궁금해졌습니다. 그래서 통계자료를 찾아봤습니다.

워드프레스

워드프레스

출처 : builtwith.com

위의 데이터를 보면 워드프레스가 30.52%의 사용량을 보여주고 있는데요. 버전별로 나뉘어져있다보니 별도 버전까지 다 합친 양을 보면 48.26%라는 것을 알고 있습니다. 생각보다 많은 사용량이라 저도 조금 놀라운데요. 그누보드, XE,킴스큐와 같은 국산 CMS가 있는데도 노출되지 않고 있네요. 사용량이 적어서인지, meta값에서 파악이 되지 않는것인지 모르겠습니다. 그리고 .kr로 끝나는 사이트들만 통계에 잡힌것으로 생각되는데요. .com이나 .net 같은 사이트까지 합치면 더 많을것 같습니다.

나모 웹에디터(namo webeditor)나 에디트 플러스(edit plust)는 CMS가 아님에도 불구하고 리스트에 올라가 있는 것이 보입니다. 아마도 이 통계사이트에서 meta 태그 내용을  긁어오다보니, 사이트를 만드는 사람들이 해당 에디터들로 작성하고 미처 head부분의 meta 태그에서 수정하지 않았기 때문일거라 생각합니다.

그리고 눈에 띄는 것이 wix(윅스)인데요. premium(프리미엄)이나 non-flash(논-플래시)버전을 가리지않고 사용량을 파악해보면 20.71%나 사용하고 있음을 알 수 있습니다.  해당 통계로 보면, 워드프레스와 윅스가 양분하고 있는 상황으로 보여지죠. 윅스는 편리한 구축이 장점이고, 워드프레스는 다양한 커스터마이징이 가능하다는 것이 강점이죠.

이 사이트에서 CMS를 구분하는 기준을 잘 모르겠는데요. Blogger가 CMS로 구분된 것을 보면 네이버 블로그나 티스토리도 CMS의 범주로 편입할 수 있을것 같은데, 통계에 잡히지 않은 것이 좀 의아합니다.

호기심에 찾아본 통계입니다만 생각보다 많은 사이트들이 워드프레스로 운영되고 있어서 놀랐습니다. 윅스가 빠르게 치고 올라왔지만 다양한 요구에 워드프레스가 빠르고 손쉬운 방법으로 제공하고 있기때문에, 훨씬 더 강력한 무언가가 나타나지 않는 이상 한동안 계속 사랑받을 것으로 생각됩니다.

지인이 쇼핑몰에서 근무 하고 있는데 고민을 토로하더군요. “추석이 다가와서 상품마다 일괄적으로 배송지연 안내 문구를 넣어하는데, 이걸 도대체 일일이 언제 삽입해야할지 모르겠다” 그냥 어지간하면 제품마다 들어가서 그냥 공지 문구를 삽입하면 될텐데, 이 친구가 일하는 곳에서 다루는 상품수가 만만치 않습니다.

상품은 무려 7660개!!

정말 아찔한 상황이죠. 7660개의 상품을 모두 들어가서 배송지연됩니다 라고 안내 이미지를 삽입한다음, 추석이 끝나면 다시 삭제해야하는 상황입니다. 지금부터 부지런히 시작하면 추석 오기전에 가능할거라고 다독이고 돌려보냈습니다만, ‘내가 너무 잔인했던걸까’ 싶어서 솔직히 조금 기뻤습니다 안타까웠습니다.

아무튼 저도 예전에 쇼핑몰에서 일할때 비슷한 경험이 있었습니다만 그때는 고도몰을 사용하고 있었고, 손쉽게 적용가능한 기능이 있었던게 기억났습니다. 당연히 꼭 있어야하는 기능이기에 카페24도 당연히 있을거라고 여기고 메뉴를 뒤져보기 시작했죠.

프로모션 메뉴 -> 홍보배너/문구관리 -> 공통이벤트 관리 에서 상품 상세이미지마다 공통적으로 내용을 삽입해줄 수 있는 기능이 있습니다.

이 기능을 그 친구에게 알려주니 뛸듯이 기뻐하더군요. 그러다가 다시 고민을 토로하기를 “공통 이벤트라고 넣으면 뭐하냐. 상품 상세이미지 하나하나 공통이벤트를 사용하겠다고 설정해줘야되서 역시 7660번을 또 들어가서 설정해줘야한다” 라면서 금새 또다시 울상이 되더군요. 나이쓰

진짜네. 이렇게 기쁠수가. 심지어 초기값이 노출안함이라서 에누리 없이 전부 노출함으로 변경 해줘야하는 상황.

애써 미소를 감추기 별 수 있냐고 어쩔 수 없는 운명이라고 생각하라고 다시 돌려보냈습니다만, 곰곰히 생각해보니 카페24가 꽤 오래된 시스템인데 설마 이렇게 허술하게 만들었을까 싶어서 다시 뒤져봤습니다.

역시 해당부분을 해결해줄 수 있는 기능이 준비 되어있습니다. 어딘지 쉽게 알 수 없게 꽁꽁 숨어 있을뿐…

위의 메뉴를 찾아 들어가서 원하는 만큼 상품을 전체 선택한 다음 “선택한 상품의” “판매정보”를 “일괄변경” 하겠다고 세팅하고 버튼을 누르면 팝업창이 뜹니다.

그리고 이렇게 공통 이벤트를 일괄적으로 적용해줄 수 있는 메뉴가 있음을 확인할 수 있습니다. 저 친구 7660번 안해도 되겠네요 쳇.

이렇게 상품에 공통적으로 적용해줄 수 있는 프로모션, 이벤트라던지, 안내사항 등을 손쉽게 노출 할 수 있도록 메뉴가 준비되어 있습니다. 명절 앞두고 고생할 쇼핑몰 관리하는 친구들이 혹시 이 기능을 모르고 있었다면 이걸 보고 좀 도움을 받았으면 좋겠습니다. 카페24는 정말 여기저기 기능들이 다 흩뿌려져 있어서 메뉴 찾기가 너무 복잡하고 어렵거든요. 그러다보니 있어도 활용하지 못하는 기능들이 많습니다. 그야말로 구슬이 서말이라도 꿰어야 보배라는 말이 떠오릅니다. 좋은 기능 좀 더 사용하기 쉽게 만들어줬으면 더 좋았을텐데 아쉽네요.

카페24 스킨 제작

쇼핑몰 스킨 제작은 무척이나 골치 아픈 작업이다. 쇼핑몰 솔루션마다 공급업체에서 정해놓은 규칙에 따라 작업하지 않으면 정상 작동하지 않는 부분들이 존재하기 때문에, 그러한 내용들을 파악하는데만해도 꽤 시간이 소요되기 때문이다.

엉뚱한 곳에서 헤매기

스킨을 제작하다 겪은 황당한 사례 중 하나가 기억난다. 상품 이미지에 마우스를 올렸을때 2px 두께의 선이 그려지는 hover 효과가 기본 설정되어 있었다. 내가 진행하는 디자인에서 다른 hover 효과를 적용하기로 결정했기 때문에, CSS 파일에서 hover 효과를 지우러 들어가봤다. 이유는 잘 모르겠지만 카페24는 정말 무시무시할 정도로 많은 CSS 파일을 운용하고 있다. 기능적으로 필수로 필요한 부분과 디자인적으로 필요한 부분을 기준으로 나눠놨다면 무척 좋았을텐데, 그냥 단순한 의식의 흐름대로 만들었나 싶을 정도로 각각의 페이지별로 나누어놨다. 페이지 안에서도 모듈별로 또 파편화 시키는 상황까지 만나면 이게 무슨 상황인가 싶을지경…하나로 뭉쳐놓으면 지나치게 CSS 파일의 로딩에 오랜 시간이 걸릴까봐 이렇게 했는지 모르겠지만, 조금 더 파일 갯수를 줄여야할 필요가 있다.

그 안에서 원하는 내용을 찾아낸다는 것도 사실 쉬운 일이 아니다만, 정말 이 잡듯이 찾아도 hover 효과가 적용된 내용이 없었다. 귀신이 곡할 노릇이다 이번에는 JS 파일을 뒤졌다. JS 파일도 만만치 않게 여기저기 파편처럼 흩어놨다. 결론적으로 이야기하자면 hover 효과는 CSS도 JS도 아닌 관리자 화면에서 적용해준다는 사실을 알게 됐다.

바로 이렇게 들어가서 고쳐 주는 것이었다. 왜 이런 위치에 이런 기능이 들어있는지는 이해하기가 어렵다.

 

해당업체는 먼저 다른 디자이너가 만든 스킨을 내가 수정하는 상황이었다. 그래서 초기설정과 달리 상품이미지 효과 설정에 이런 기능이 들어가 있었다. 초기설정은 사용 안함으로 되어있다.

 

초기설정은 보다시피 사용안함이다. 혹시라도 이 기능은 부디 사용을 안했으면 좋겠다.

 

무척이나 이해가 안가는 상황이었다. 아마도 쇼핑몰을 운영하는 판매자들이 CSS나 JS를 다룰줄 모르는데, 빈번하게 hover 효과를 요구하다보니 카페24측에서 급한데로 어거지로 꾸겨넣었을거라는 추측을 해본다. 그나마도 디자인 관리 메뉴도 아니고 쇼핑몰 운영관리 메뉴에 꾸겨넣어 놨다는게 무척 의아할 따름이다.

카페24 스킨 제작하다 문제가 생겼을때는 1:1질문을 이용한다. 하지만…

사실 카페 24 고객센터에 질문을 넣으면 그렇게 빠른 답변을 기대하기 어렵다는 이야기들을 하는데, 애초에 질문할 필요도 없는 부분들도 질문할 수 밖에 없는 상황으로 만들고 있다는 느낌을 받았다. 물론 쇼핑몰 운영자들이 가입한 커뮤니티에서 그들이 올리는 질문을 보면 대충 건너뛰고 얼버무린 질문들이 많아서 이런 경우엔 답변을 하기가 어렵다. 아니 불가능하다. 최소한 문제가 되는 부분의 소스와 화면 캡쳐라도 올려줬으면 좋겠는데, 그것조차 불가능한 사람들이 하는 질문이란 교육부터 해달라는 요청과 다름없기 때문이다. 그래서 이런 사람들이 많을 수록 고객센터에서는 답변이 늦어질 수 밖에 없다. 문제 파악도 못하는 사람의 질문을 어떻게 답변을 하겠는가.

그래서 질문하는 사람도 최소한의 지식을 학습하는 자세가 필요하다. 네이버 카페 답변란 글자제한이 300~500글자 수준인데, 답변하는 사람이 사전지식까지 전부 읊을 수도 없거니와, 비교적 간단하다 싶은걸 어렵사리 읊어주고나면 “그래도 모르겠어요 ㅜㅜ” 라며 허탈하게 만드는 상황들이 반복되면 하나, 둘 답변하는 사람들이 사라지게 되는 것이다.

카페24 관리상의 문제

두번째 사례는 매뉴얼과 실제 스킨상에서 적용되는 바가 다르다는 점이다. 공지사항 최근 글을 불러오는 모듈인데, board_list_1 이라는 모듈을 호출하면 최근 게시글의 리스트가 출력된다는 설명과 달리 작동하지 않는 상황이었다. 한참 삽질한 끝에 결국 카페 24 고객센터에 문의를 넣었는데, board_list_1이 아니라 board_notice_1으로 기입하라는 답변이었다. 모듈명이 바뀌었다는 이야기인데, 매뉴얼과 실제 작동하는 모듈이 일치하지 않는 상황이다. 2017년 6월21일에 답변을 얻었으나, 지금 현시각 (2017.09.04.오후 12시) 기준으로도 매뉴얼은 수정되지 않고 있다.

너무 파편화 되어있다보니 관리가 안되는 상황까지 온 것이 아닐까 싶다.

 

 

워드프레스를 로컬에서 설치해서 작업할 때 기본적으로 필요한 아파치나 mysql 정도는 설치를 할 수밖에 없지만, 막상 테마를 설치하거나 플러그인을 설치하려고하면 아래 스크린샷처럼 ftp 정보를 요구할때가 있습니다.

이 문제를 해결하기 위해서 ftp 를 설치하거나 권한을 바꾸거나 하는 방법들이 있는데, 이런 번거러운 과정 없이 wp-config.php 파일에 아래와 같은 한 줄만 추가해주면 간단하게 해결됩니다. 내용출처:https://www.barrykooij.com/unable-to-install-plugins-on-localhost/

파일을 업로드하는 방식을 ftp가 아닌 direct로 정의해주는 내용입니다. 로컬에서 작업할때만 필요한 내용이니 실제 서비스가 이뤄질때는 해당 부분은 삭제를 해주는 걸 잊지 않도록 합시다.

커닝 – Kerning 은 타이포그래피를 다룰때 시각적으로 매끄럽게 글자를 읽을 수 있도록  간격을 조절하는 것을 이야가합니다. 서체 프로그램에 의해서 만들어지는 텍스트들이 사실 항상 보기 좋게 나열되는 것들이 아니기 때문에 이러한 작업들이 꼭 필요합니다. 타이포그래피에 대한 용어 정리를 잘 해둔 블로그가 있으니 참고하면 좋을 것 같네요 .http://namcreative.tistory.com/99

여튼 친한 동생이 커닝을 직접 눈대중으로 조절한 다음 얼마나 정확하게 맞췄는지 측정하는 사이트를 알려줘서 해봤더니 생각보다 쉽지 않았는데, 점수는 생각보다 좀 나왔네요. 나름 재미는 있어요. 예전에 타이포그래피에서 커닝 조절할 때 요령에 대해서 읽은 적이 있는데, 글자와 글자 사이에 풍선을 끼워 넣듯이 배치하라는 팁이 있었습니다. 디자인할때 그 팁을 여전히 적용해서 작업하는 편인데, 그 방식대로 테스트에도 적용해 얻은 결과입니다.

그런데 또 이게 한글이라면 다른 결과가 나왔을것 같아요. 영문보다는 좀 더 신경써줘야 할 부분들이 더 많다는 느낌인데…(나만그런가)

아무튼 테스트는 아래 링크에서 해볼 수 있습니다. 한 번 해보세요 재미있어요 🙂