최근 필자가 개발한 웹사이트에서 크롬에서는 되는데 인터넷 익스플로러와 엣지에서는 작동이 안되는 문제점이 발견됐습니다. 바로 아임포트라는 우커머스 결제 플러그인 개발사에서 만든 결제 생성버튼이 작동이 안되고 있었습니다. 개발사에 문제점을 검토해줄 것을 요청했고 그동안 고객들이 사용할 수 있도록 크롬 브라우저를 사용하시라고 안내했습니다. 안내하던중 인터넷 익스플로러를 많이 사용하는데 큰일이라고 하시더군요. 그래서 전세계적으로 인터넷 익스플로러 사용율이 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..

반려견 용품 정기배송 쇼핑몰의 제작 문의가 많아지고 있습니다. 애견인구가 아주 많죠. 이번 프로젝트는 이전의 반려견 용품 쇼핑몰과 크게 다르지 않습니다. 다만 정기배송 상품외에 개별상품을 추가로 구매해 장바구니에 넣을 수 있도록 했습니다. 개별상품 상세페이지. 장바구니에서 구매한 상품의 옵션을 확인할 수 있습니다. 결제 페이지에서 소셜 로그인이 가능하게 했습니다.

워드프레스 5.0 버전이 우여곡절 끝에 RC3 버전 발표와 동시에 공식 릴리즈 날짜를 발표했습니다. 워드프레스 5.0 정식 버전의 출시일은 2018년 12월 6일(목요일), 한국시간으로 12월 7일입니다. 워드프레스 5.0 버전의 정식 출시는 애초에 2018년 11월 19일이었으나 2018년 11월 27일로 늦춰졌고 다시 언제될지 모르는 연기가 있었습니다. 세번의 RC 버전의 출시로 어느정도 안정적으로 작동되는 것으로 발표되긴 했으나 돌발적인 사태가 있을 경우 다시 연기될 것이라고 합니다. 이렇게 늦어지는 이유는 구텐베르그 편집기 때문입니다. 개발자들은 2019년 1월로 연기해야 한다고 주장을 하지만 워드프레스 창립자인 뮬렌베그는 밀어붙이는 모양입니다. 이 편집기가 기본 편집기로 되면서 사용자 측면에서는..

이전 글에 이어 계속 진행합니다. 도메인의 네임서버를 변경했으면 새로운 호스팅에서 DNS 레코드 관리가 가능해집니다. A라는 호스팅 회사에서 도메인을 구입하고 B라는 호스팅 회사에서 호스팅을 이용한다면 A라는 호스팅의 도메인 네임서버를 B의 네임서버로 변경해주고 B의 관리자 화면에서 DNS 레코드를 변경해주는 것입니다. 이 회사는 기술지원 서비스가 없는 대신에 사용자 스스로 작업할 수 있는 환경입니다. 그래서 비용이 싼 것입니다. 1. DNS 레코드 수정 계정 화면에서 DNS 메뉴를 클릭. 도메인 추가하기 버튼을 클릭합니다. 도메인을 입력하고 확인하기 클릭. 네임서버 조회결과 자사 네임서버 확인하고 신청하기 클릭. 시간이 걸린다고 나옵니다. 계정 메뉴를 클릭하고 새로 이전한 도메인이 선택된 상태에서 상세..

고객의 요청으로 호스팅 회사를 접해봤는데 사용해보니 괜찮은 호스팅 회사인 것 같습니다. 가격이 하루에 10원부터 시작하는데 이게 정말 가능한 호스팅일까 해서 좀 더 높은 사양의 호스팅으로 신청을 하고 사용해보니 좀 뭔가 이상하다 싶었는데 설정에서 변경하고나니 좋아졌습니다. 몇 개월째 테스트로 사용중 아주 낮은 가격의 사양으로 쇼핑몰을 만들어봤고 안정적으로 돌아가고 있습니다. 처음 사용한 계정은 하루에 100원짜리 호스팅으로 아래 사이트입니다. 월 3000원 정도 https://diywordpress.co.kr/ 그 다음으로 사용한 계정은 하루 20원짜리 쇼핑몰입니다. 월 천원도 안함. https://martian.kr 연간 만원도 안하는 업계 최저 가격입니다. 그리고 대부분의 연간 만원정도 하는 호스팅의..

엔바토 그룹의 씸포레스트에서 3개의 유료 테마를 2018년 12월 3일까지 무료로 공개합니다. 테마는 라이센스가 있어야 지속적인 업데이트가 가능하므로 일시적인 무료 다운로드는 큰 의미는 없습니다. 다만 테마를 연구하시려는 분이나 유료 테마를 무료로 사용하고 싶은 분에게는 좋은 기회가 될 수 있습니다. 회원가입을 해야 다운로드가 가능합니다. 1. Ember - Digital Marketing Agency WordPress Theme 바로가기 2. Umbala - Stylish Fashion Clothing WooCommerce Theme 바로가기 3. Akella - Personal Blog & Magazine WordPress Theme 바로가기

워드프레스 무료 페이지 빌더인 브리지(Brizy)의 한글 번역 파일입니다. 무작위 변경을 방지하기 위해 플러그인 번역 사이트에도 올리고 이곳에 계속 업데이트 합니다. Brizy

이전 글에서는 페이지빌더인 브리지 프로에 대해 대략적으로 알아봤는데 이번 글에서는 주로 사용하는 페이지 빌더인 WP Bakery 페이지 빌더와 요즘 인기있는 페이지 빌더인 엘리멘터 프로와 브리지 프로의 작업 플로우에 대해 알아보겠습니다. 1. WP Bakery 페이지 빌더 워드프레스 페이지빌더는 WP Bakery에서 제작한 페이지 빌더가 주로 사용됩니다. 이 페이지 빌더는 엔바토의 코드캐년에서 판매되는 플러그인으로 테마 판매 사이트인 같은 엔바토의 씸포레스트의 테마에 번들로 포함시킬 수 있기 때문에 거의 대부분의 테마에 이 페이지 빌더를 사용하고 있습니다. 번들 플러그인은 테마 제작자가 적은 비용만 지불하고도 자신의 테마에 포함시킬 수 있어서 어쩔 수 없이 사용하고는 있지만 기본적으로 기능도 많지 않기 ..