몽구 편집기는 제 블로그에서 "구텐베르그는 망했다"라는 글에 댓글을 달아주신 분이 소개한 워드프레스 편집기입니다. 국내에서 개발한 편집기로 여러 가지 면에서 국내의 사용자를 고려한 편집기로 생각됩니다. 기존의 클래식 편집기보다는 많은 기능이 포함돼있으면서 구텐베르그보다는 간단하고 직관적입니다. https://wordpress.org/plugins/mong9-editor/ 관리자 화면에서 직접 설치하려면 플러그인 추가하기에서 Mong9 Editor로 검색하면 나타납니다. 설치하기 버튼을 클릭하고 활성화 합니다. 현재 10개 정도 사용중인 따끈따끈한 플러그인입니다. 클래식 편집기가 있는 곳이면 어디든 몽구 편집기 버튼이 나타납니다. 글이나 페이지 또는 우커머스를 설치했다면 상품추가 화면에도 나타납니다. 다른..

어제 BackUpWordPress 플러그인이 3.9 버전으로 업데이트 되면서 에러가 발생하고 있습니다.[오늘 날짜(2019.06.12)로 3.10 버전으로 업데이트 되면서 에러 증상은 해소됐습니다.] 이 플러그인을 사용하는 워드프레스 사이트는 웹사이트가 전혀 보이지 않거나 아래와 같은 메시지가 출력될 것입니다. Warning: require_once(/home/XXX/html/wp-content/plugins/backupwordpress/whitelist-html/whitelist-html.php): failed to open stream: No such file or directory in /home/XXX/html/wp-content/plugins/backupwordpress/classes/class..

워드프레스에 사용되는 기본 편집기인 구텐베르그는 망했을까요? 필자의 경우 수십개의 워드프레스 사이트를 제작하거나 관리하고 있는데 모든 사이트에서 구텐베르그 편집기를 비활성화하고 고전편집기(Classic Editor)를 사용하고 있습니다. 대부분 페이지빌더를 사용하기 때문에 복잡한 구텐베르그 편집기를 사용할 일이 거의 없기 때문입니다. 저만 그런줄 알았더니 아주 많은 사람들이 구텐베르그를 기피하고 있더군요. 아래는 워드프레스 버전별 사용 통계입니다. https://wordpress.org/about/stats/ 구텐베르그가 사용된 것은 5.0 버전부터입니다. 거의 반 정도 차지하고 있습니다. 그런데 구텐베르그가 설치되지 않은 4.9 버전도 상당히 많은 비율을 차지하고 있습니다. 이례적이죠. 최신 버전인 5..

마이크로소프트의 크로미엄 기반 엣지 브라우저가 성공적인 것으로 평가되고 있습니다. 지속적인 업데이트로 개선을 거듭하고 있으며 아직 베타 버전이 나오지 않은 개발단계임에도 불구하고 안정적으로 작동되고 있으며 속도도 구글 크롬보다 빠릅니다. 어떤 사이트는 탭에 나타나는 로딩 아이콘이 보이지 않을 정도로 빠르게 로딩되기도 합니다. 일반인들은 모르겠지만 웹 개발자는 이런 부분을 잘 감지할 수 있습니다. 자주 사용하는 도구인지라 웹 브라우저의 작동에 민감하기 때문이죠. https://www.microsoftedgeinsider.com/en-us/download 최근 맥버전도 출시돼 사용해볼 수 있습니다. 오픈소스 브라우저 프로젝트인 크로미엄을 기반으로 하지만 각 OS에 최적화된 브라우저를 만들고 있으므로 OS 최..

워드프레스 쇼핑몰 제작시 주로 사용하는 아임포트 결제 플러그인이 최근 업데이트 되면서 여러 개의 정기결제 상품을 동시에 결제할 수 있도록 개선됐습니다. 아임포트 결제 플러그인을 사용하다 보니 다른 결제 플러그인을 사용해볼 기회가 없었는데 이미 다른 결제 플러그인을 사용하는 쇼핑몰을 제작해주다 보니 이 결제 플러그인에는 여러 개의 다른 정기결제 상품을 동시에 구매할 수 있더군요. 그동안 의뢰인으로부터 여러번 요청이 있었는데 원래 결제 게이트웨이 설정이 그러니 어쩔 수 없다고 답변해왔었는데 이제는 가능해진 것입니다. 이 기능이 없다면 쇼핑몰 제작도중 결제 플러그인을 변경해야 하는 불상사가 발생하죠. 처음부터 다중 상품 결제 옵션이 있는 것으로 생각할테니 말이죠. 기능 요청 후 일주일 정도만에 업데이트 됐습니..

워드프레스의 보안 플러그인인 워드펜스가 그동안 프리미엄 버전에서만 가능했던 이중인증 (Two-Factor Authentication) 로그인 기능을 프리버전에서도 사용할 수 있도록 업그레이드 했습니다. 이중인증이란 로그인 시 아이디와 비밀번호 외에 휴대폰에서 생성되는 코드를 입력해야 완전한 로그인이 가능하도록 하는 기능입니다.이중인증 활성화워드펜스 메뉴에서 Login Security로 들어간 다음 Settings 탭을 선택합니다. 관리자인 Administrator에 체크가 돼있으며 Require 2FA for All administrator에 체크한 다음 Save Changes를 클릭합니다. 타 관리자가 있는 경우 이 기능을 의무적으로 활성화 할 수 있도록 바로 아래의 Grace ~~에서 체크하고 다시 ..

워드프레스는 웹사이트 제작도구로서 튼실한 기반을 갖추고 있습니다. 워드프레스에 다양한 플러그인을 추가하므로써 기능을 확장할 수 있는 것이죠. 워드프레스에 LMS(Learning Management System)를 추가하면 온라인 강좌 사이트를 만들 수 있으며 결제를 위해 우커머스를, 멤버십 기능을 위해 멤버십 플러그인, 정기구매를 위해 섭스크립션(Subscription) 플러그인을 추가하면 회원의 멤버십 결제가 가능해집니다. 이렇게 다양한 플러그인을 추가하므로서 원하는 기능을 갖춘 쇼핑몰이 완성됩니다.워드프레스는 또한 이들 플러그인들을 원활하게 작동되도록 특수한 테마가 개발되고 있습니다. 호텔 사이트라면 예약 기능이 있는 호텔용 테마를 구매해야 하듯이 강좌 사이트라면 특수한 테마가 요구됩니다. 여러 가지..

최근 필자가 개발한 웹사이트에서 크롬에서는 되는데 인터넷 익스플로러와 엣지에서는 작동이 안되는 문제점이 발견됐습니다. 바로 아임포트라는 우커머스 결제 플러그인 개발사에서 만든 결제 생성버튼이 작동이 안되고 있었습니다. 개발사에 문제점을 검토해줄 것을 요청했고 그동안 고객들이 사용할 수 있도록 크롬 브라우저를 사용하시라고 안내했습니다. 안내하던중 인터넷 익스플로러를 많이 사용하는데 큰일이라고 하시더군요. 그래서 전세계적으로 인터넷 익스플로러 사용율이 3%정도이고 국내에서는 10% 조금 넘으며 크롬을 제일 많이 사용한다고 말씀을 드렸더니 놀라시더군요. 선입견이란 것이 그렇더군요. 자신이 많이 사용하면 다른 사람들도 많이 사용할 것이라는 것이죠. 최근 들어 인터넷 익스플로러 문제가 많이 발생하면서 이러한 상담..

마이크로소프트사에서 작년 12월 발표한 대로 MS의 새로운 인터넷 브라우저를 크로미엄으로 개발을 시작해 개발 버전이 출시됐습니다. 한참 개발중이며 베타 버전은 아직 출시가 되지 않았지만 개발 버전이 두 종류로 사용해볼 수 있습니다.https://www.microsoftedgeinsider.com/en-us/download/Dev 버전은 매주 업데이트 되고 Canary 버전은 매일 업데이트 됩니다. 개발중인 버전들이므로 컴퓨터와 충돌이 있을 수 있다고 합니다. 의심스러운 경우 베타버전이 나올 때까지 기다리셔도 됩니다. 안타깝게도 현재로서는 윈도우 10 사용자만 사용해 볼 수 있으며 이하 버전이나 맥 버전은 기다리셔야 합니다.Download 버튼을 클릭하면 MicrosoftEdgeSetup.exe 파일이 다..

해킹시도를 가지가지로 하고 있습니다. 제가 이용하고 있는 다음 이메일에서 "저작권 위반 경고합니다"라는 제목의 이메일을 받았는데 열어보니 아래와 같은 내용이었습니다. 안녕하세요!저는 디자이너로 활동하고 있는 김민주라고 합니다제가 제작한 캐릭터는 무료가아니에요.그렇기 때문에, 귀하가 허락없이 이 사진을 이용하면저작권 법률에 위배됩니다저도 실수로 다른 작가들의 이미지를 이용 해봤기 때문에 이해 할수 있습니다.그러나, 이제부터 이 사진을 사용하지 마십시오.저희가 원본과 귀하가 쓰고 있는 사진을 보내겠습니다.확인하고 조처 해주십시오.첨부 파일로 압축파일이 첨부돼있습니다. 제가 이 파일을 열어 압축해제하면 어떤 일이 벌어질까요? 반드시 해킹 프로그램이 설치될 것입니다. 보낸 사람의 의도로 봐서는 제가 웹디자인을 ..

필자는 다수의 웹사이트를 관리하고 있습니다. 이중에는 주로 유지보수 계약을 통해 매년 갱신하면서 관리해주기도 하지만 특별한 경우는 해커의 동향 파악을 위해 무료로 관리해주고 있는 곳도 있습니다. 이 특별한 관리 대상은 웹사이트를 애초에 국내 CMS를 이용해 사용하던중 워드프레스로 전환해 개발한 사례입니다.국내의 CMS는 상당히 보안에 취약하고 보안을 위한 조치도 없었던 모양입니다. 관리자 로그인 아이디는 admin으로 돼있었고 비밀번호는 숫자 몇 개에 불과했습니다. 콘텐츠 이전을 위해 로그인하고 둘러보니 주로 콘텐츠 관리를 위한 도구 뿐이고 워드프레스처럼 보안 플러그인을 설치해 웹사이트 상황을 볼 수 있는 화면도 전혀 없습니다.이런 사이트를 워드프레스로 개발하기 위해 개발사이트로 모든 콘텐츠를 이전한 다..

워드프레스 쇼핑몰의 정기결제 상품이 다양해지고 있습니다. 최근 진행 중인 정기결제 쇼핑몰중 하나는 커피제품이고 다른 하나는 가구입니다. 커피는 매일 소비하는 소모품이다보니 이해가 가지만 가구도 정기결제 상품으로 가능할까? 생각해보니 임대형태로 한다면 가능하지 못할 것도 없더군요. 해외 사이트를 벤치마킹하여 사업 아이템으로 시작하는 경우입니다. 이번 글에서는 제작이 완료된 커피 정기배송 쇼핑몰의 사례를 알아보겠습니다. 홈 페이지 화면입니다. 이번 프로젝트에서는 의뢰인이 일부 페이지는 직접 작업하신다고 하여 코딩 없이 페이지 빌더로 가능한 부분은 이미지만을 사용해 만든 페이지입니다. 사실 텍스트를 반응형 디자인에 맞게 조절하는 것이 작업 분량이 많습니다. 큰 화면에서는 큰 글자로, 작은 모바일에서는 줄이 바..

워드프레스 쇼핑몰을 많이 제작해봤지만 디지털 상품은 많지는 않습니다. 제가 필요에 의해 티스토리 스킨 쇼핑몰을 만들었고 클라이언트가 요청해 제작한 것은 이번이 처음입니다. 디지털 상품은 배송이라는 과정이 필요 없고 주문 결제 후 바로 다운로드가 가능합니다. 간단한 구조이지만 여러 가지 상품을 한번에 선택해서 바로 결제하는 기능이 필요하기에 이 기능을 위한 플러그인이 필수입니다.평범한 홈 화면입니다. 특별한 기능을 알아보면 다음과 같습니다.전체 교재 검색 화면입니다. 일반쇼핑몰의 Shop 화면에 해당합니다. 제목을 클릭하면 상세페이지로 가지만 방문자에게는 필요 없으므로 링크를 제거했습니다. 관리자에게는 편집을 위해 필요합니다. 모든 상품을 한번에 체크해 장바구니에 넣을 수도 있고 개별적으로 여러 개를 선택..

이전 글에 이어서 이번 글에서는 환경설정과 SSL 사용에 대해 알아보겠습니다. 환경설정은 앱의 좌측 상단 햄버거 아이콘을 클릭하고 Preferences를 선택합니다. New site Defaults 탭을 선택하고 새 사이트 만들 때 필요한 설정을 합니다. 도메인 서픽스를 많이 사용하는 .com으로 변경합니다. Sites Path의 Browse를 클릭해 사이트가 저장될 폴더를 지정할 수 있습니다. 이 설정으로 인해 새 사이트를 만들 때 시간이 걸리기도 합니다. 나머지는 원하는 설정으로 변경해주면 됩니다. 완료되면 Apply 버튼을 클릭하고 우측 상단의 X 아이콘을 클릭합니다. 사이트 이름에 우클릭하면 메뉴가 나타나며 여러 가지 작업을 할 수 있습니다. Clone을 선택하면 해당 사이트를 복제할 수 있고 S..

워드프레스 웹사이트를 개발하기 위해서는 대부분 개발자의 컴퓨터에서 서버 환경을 만들어 워드프레스를 설치합니다. 제 경우 윈도우 환경이라서 오토셋(Autoset)이나 WAMP 서버를 사용하는데 전혀 새로운 개념의 WAMP 서버가 있어서 소개합니다. 맥 환경에서도 사용할 수 있도록 버전이 별도로 있습니다. https://local.getflywheel.com/ 위 링크로 이동하면 아래와 같은 화면이 나옵니다. 상단의 Download나 Free Download 버튼을 클릭합니다. 정보를 입력하고 하단의 사이트 수(Number of Websites)는 30개 이상을 선택합니다. Get It Now! 버튼을 클릭하면 파일이 다운로드 됩니다. 600MB에 달해서 시간이 30분 정도 걸립니다. exe 파일을 클릭하면..

다음 카카오 이메일을 이용하는 분들은 꼭 주의하세요. 너무 정교해서 속을 수 있습니다. 조금 전 아래와 같은 이메일을 받았습니다. 비밀번호가 유출됐다는 내용이고 변경하라고 합니다. 버튼을 클릭하면 다음과 같은 화면이 나옵니다. 도메인을 보면 hongil.net으로 돼있습니다. 사기죠. 이 회사가 홍일식품인데 사이트가 해킹돼 스팸 메일을 보내고 있으니 조치하라고 전화해뒀습니다. 서비스약관 / 정책 링크를 클릭해봤습니다. 다음 카카오와 똑같습니다. 하지만 도메인은 여전히 다음카카오가 아닙니다. http://hongil.net/_controller/admin/shop/product/changepassword/?nil_profile=mini&nil_src=user&nil=bWFydGlhbjM2&q=aHR0cHM..