이전 글에서는 페이지빌더인 브리지 프로에 대해 대략적으로 알아봤는데 이번 글에서는 주로 사용하는 페이지 빌더인 WP Bakery 페이지 빌더와 요즘 인기있는 페이지 빌더인 엘리멘터 프로와 브리지 프로의 작업 플로우에 대해 알아보겠습니다. 1. WP Bakery 페이지 빌더 워드프레스 페이지빌더는 WP Bakery에서 제작한 페이지 빌더가 주로 사용됩니다. 이 페이지 빌더는 엔바토의 코드캐년에서 판매되는 플러그인으로 테마 판매 사이트인 같은 엔바토의 씸포레스트의 테마에 번들로 포함시킬 수 있기 때문에 거의 대부분의 테마에 이 페이지 빌더를 사용하고 있습니다. 번들 플러그인은 테마 제작자가 적은 비용만 지불하고도 자신의 테마에 포함시킬 수 있어서 어쩔 수 없이 사용하고는 있지만 기본적으로 기능도 많지 않기 ..
최근 필자가 관리하고 있는 사이트에서 해킹을 당해 모든 파일을 스캔해 악성코드를 제거하고 깨끗히 정리한 사례가 있습니다. 이 사이트는 회원관리 사이트로서 사이트 담당자에게 관리자 비밀번호를 어렵게 만들어줬습니다. 그런데 별도로 두 계정을 만들어 관리자로 등록했더군요. 이들 관리자가 워드프레스가 제안하는 어려운 강한 비밀번호를 사용했을 리가 만무합니다. 관리자 비밀번호는 항상 해킹하기 어려운 강한 비밀번호를 만들어야 합니다. 이러한 외우기 쉬운 관리자 비밀번호는 해킹하기 쉽습니다. 구글 검색하면 워드프레스 사이트에서 사용자 아이디를 찾아내는 방법과 비밀번호를 무차별대입 공격(Brute Force Attack)을 이용해 알아내는 방법을 알 수 있습니다. 이런 사례를 보여줌으로서 워드프레스의 보안을 얼마나 철..
워드프레스로 페이지나 블로그 글을 작성하려면 페이지 빌더는 필수입니다. 클릭 드래그 작업의 반복으로 간단하게 복잡한 구조의 콘텐츠를 만들 수 있기 때문입니다. 워드프레스는 2018년 11월 5.0 버전의 발표를 앞두고 있는데 기본 편집기가 구텐베르그 편집기로 전환됩니다. 이 편집기 또한 페이지 빌더에 속합니다. 워드프레스는 기본적으로 기능을 추가할 때 이미 존재하는 플러그인의 기능을 도입합니다. 콘텐츠를 작성할 때 필요한 페이지 빌더는 이미 상당히 많은 플러그인이 존재하고 필수요소로 됐으며 이제서야 기본 편집기로 도입되는 것입니다. 최근에 출시된 페이지 빌더인 브리지(Brizy)는 무료버전이 있고 아직 출시되지는 않았지만 현재 개발중이며 평생 지원 버전(Life Time Support)인 프로버전이 있습..
이번 프로젝트의 특징은 쇼핑몰에서 판매하는 상품인 개별 일반상품과 정기구매 상품을 일련된 플로우에서 구매할 수 있도록 한 것입니다. 주방 세제를 정기구매 상품으로 선택하고 추가적으로 필요한 수세미 등을 개별상품으로 추가할 수 있는 것입니다. 다음 정기구매에는 추가한 개별상품은 배송되지 않습니다. 고객님이 급하게 필요하여 1주일만에 완성됐습니다. 1. 정기구매 선택 2. 정기구매 플로우 설명 3. 플랜 선택 4. 일반상품 선택 5. 정기구매 기간 선택 6. 장바구니 7. 주문요약 8. 로그인 9. 배송정보 입력 및 회원가입 10. 결제
엔바토 그룹의 씸포레스트에서 3개의 유료 테마를 2018년 11월 1일까지 무료로 공개합니다. 테마는 라이센스가 있어야 지속적인 업데이트가 가능하므로 일시적인 무료 다운로드는 큰 의미는 없습니다. 다만 테마를 연구하시려는 분이나 유료 테마를 무료로 사용하고 싶은 분에게는 좋은 기회가 될 수 있습니다. 회원가입을 해야 다운로드가 가능합니다. 1. Minishop - Multipurpose, Minimal, e-Commerce, Marketplace WordPress Theme 바로가기 2. Yozi - Multipurpose Electronics WooCommerce WordPress Theme 바로가기 3. Onliest - Creative Portfolio One Page WP Theme 바로가기
유료 템플릿 사이트인 엔바토에서 2018년 10월 19일 현재 1주일간 무료 아이템을 공개합니다. 바로가기 회원가입 해야 다운로드 가능합니다. 1. Flat logo intro 로고를 사용한 애프터 이펙트(After Effect) 인트로 템플릿입니다. 20개의 아이콘 포함입니다. 유투브 인트로에 사용하면 좋습니다. 2. 35 Flat User Icons 35개의 사용자 아이콘(아바타)입니다. 3. Emotional 배경 음악 파일입니다. 이런 무료 파일은 무조건 받아놓으면 언젠가는 쓸데가 있습니다. 엔바토 계정 만들기는 아래의 글을 참고하세요. https://martian36.tistory.com/1436
이번의 회원관리 사이트는 이전의 회원관리 사이트와 비교해서 전체적으로 구조는 비슷합니다. 특이사항을 보면 다음과 같습니다. 1. 학회 참가신청 폼 참가신청을 하고 참가비까지 신용카드로 결제하는 구조입니다. 2. 콘텐츠 빌더 이 사이트는 자료 업로드가 상당히 많습니다. 관리자가 콘텐츠를 손쉽게 업로드할 수 있도록 사용자 정의 필드를 이용해 간단한 구조의 콘텐츠 빌더를 만들었습니다. 사실 첨부파일을 추가하는 기능이 없기 때문에 페이지 빌더의 버튼 기능을 이용하지만 초보자는 사용하기 어렵죠. 여러 종류의 콘텐츠 형태에 따라서 간편하게 추가할 수 있고 동일 형태의 콘텐츠라도 계속 추가할 수 있습니다. 콘텐츠가 있는 곳을 클릭 드래그해서 위치를 변경할 수도 있습니다. 같은 종류의 콘텐츠는 레이블을 추가해 구분할 ..
국내의 경우 네이버, 카카오톡의 가입자가 아주 많습니다. 한사람이 둘 다 가입했을 수도 있고 둘 중 하나는 대부분이 가입이 돼있을 수 있습니다. 게다가 페이스북도 아주 많은 사용자가 가입돼있습니다. 트위터, 구글계정도 마찬가지죠. 이들 소셜 사이트에 가입한 사람이 워드프레스 웹사이트에 손쉽게 회원가입하도록 하려면 소셜 로그인 기능을 추가하면 됩니다. 소셜 로그인 기능이 추가된 워드프레스 웹사이트에서 발생할 수 있는 문제점을 알아보고 과연 필요한 기능인지 판단해보겠습니다. 우선 워드프레스에 기본적으로 설치돼있는 회원가입 기능을 알아보겠습니다. 회원가입이 활성화 된 워드프레스 사이트에서는 백엔드에서 기본적으로 로그인이 가능하고 회원가입도 가능합니다. 백엔드를 허용하는 것은 비밀번호와 아이디의 무차별 대입 공..
티몬의 몬소리체 웹폰트입니다. 아래의 글에서 라이센스에 관해 알아봤는데 거의 제한이 없을 듯해서 웹폰트로 공개합니다. https://brunch.co.kr/@creative/32 이곳의 라이센스 내용을 보면 다음과 같습니다. 댓글에 웹폰트 변환에 관련한 문의를 달았으나 이전의 댓글들도 거의 답변이 없어서 제한이 된다는 알림을 받거나 이글에 댓글을 달아주시면 글을 내리도록 하겠습니다. 압축을 풀면 다음처럼 파일이 있습니다. demo.html 파일을 열면 아래처럼 나옵니다. 제목체로 쓰기에는 좀 부담스럽고 배너나 슬라이더의 큰 글씨체로 사용하는 것이 적당하다고 생각됩니다.
보안인증서 설치의 의무화가 현실적으로 다가오고 있습니다. 고객의 정보를 수집하거나 처리하는 웹사이트의 경우 보안인증서의 설치는 의무이고 이를 이행하지 않으면 벌금을 물도록 돼있으나 현실적으로 벌금으로 처벌되는 경우를 보지는 못했습니다. 하지만 올해들어 페이스북의 고객정보 도용사건으로 인해 유럽연합에서는 개인정보처리방침의 강화로 이어졌고 구글도 7월부터는 SSL을 설치하지 않은 웹사이트는 도메인 앞에 주의요함(Not Secure)가 표시되고 SEO에서도 감점됩니다. 보안인증서(보안서버, SSL Cetificate)의 역할은 고객이 정보를 입력할 때 웹사이트의 소유자가 이를 알 수 없게 암호화시키는 것을 주로합니다. 예를들어 어떤 해커가 쇼핑몰을 만들어놓고 보안인증서를 설치하지 않은 상태에서 고객의 정보 특..
워드프레스가 5.0 버전에서 아주 새로운 편집기를 도입합니다. 구텐베르그 편집기라고 합니다. 그동안 단순한 글만 입력할 수 있었던 클래식 편집기에 비해 아주 복잡해지고 다양한 콘텐츠를 입력할 수 있게 돼있습니다. 아주 새로운 시도이므로 시험단계를 거칩니다. 워드프레스 4.9.8 버전에서 구텐베르그 편집기가 플러그인 형태로 설치할 수 있게 됩니다. 클래식 편집기를 계속 사용할지 선택할 수 있습니다. https://wordpress.org/wordpress-4.9.8-RC2.zip 당초 8월 1일 출시 예정이었으나 버그 수정으로 인해 RC3 버전을 내놓고 한번 더 테스트해야 합니다. https://wordpress.org/wordpress-4.9.8-RC3.zip 한국 시간으로 8월 3일 정식 출시 예정입니..
저는 워드프레스 한글화 공식 번역자로 작업을 하고 있습니다. 번역이 개인의 취향대로 이뤄지다보니 개개인의 기호대로 번역이 이뤄지고 있어서 워드프레스 공식 번역사이트에서 마음대로 번역 수정이 이뤄지고 있습니다. 일관성도 없고 통일성도 무시되고 있습니다. 그래서 그동안 번역을 하고 워드프레스 번역사이트에 업로드 했는에 앞으로는 이곳에 업로드하지 않고 제 블로그인 이곳에 업로드 할 것입니다. 필요하신 분은 여기서 다운로드 해 사용하시거나 번역사이트 편집권한이 있으신 분은 필요하시면 이곳의 파일을 업로드 하세요. 멋대로 수정해 사용해도 좋습니다. 이전에도 우커머스 한글화를 제가 작업했는데 개개인의 수정이 아주 많이 일어나 개판이 됐고 더이상 우커머스 번역을 업데이트 하지 않고 있습니다. 위와같은 방법을 취해서라..
웹개발을 하다보면 크로스 브라우징은 필수입니다. 모든 브라우저에서 같은 모양의 디자인과 깨짐이 없는 레이아웃이 나와야 하는 것이죠. 가장 문제가 되는 것이 인터넷 익스플로러(IE)입니다. 오랜 기간 독점을 해오다 보니 웹표준을 지키지 않아도 됐기에 표준 코드를 사용하지 않는다 한들 어떤 규제가 없었던 것이죠. 과거 거의 전세계 시장을 90% 이상 차지하던 IE 브라우저 점유율은 속도 빠르고 웹표준을 잘지키는 파이어폭스와 크롬의 출현으로 점유율이 서서히 줄어들다가 이제는 3% 대로 대폭 줄었습니다. 아직도 레이아웃이 이상하게 나타나고 크롬에서는 잘 보이고 작동이 잘되는데 유독 IE에서는 작동이 안되거나 깨져서 나타나고 있습니다. 이런 것을 해결하는 것이 개발자의 일이죠. 오늘은 고객과의 상담중 고객의 고객..
워드프레스 4.9.6이 현재 가능합니다. 이것은 개인정보 및 유지관리 릴리즈입니다. 새로운 개인정보 기능을 사용하려면 업데이트 하시길 권장합니다. 개인정보유럽연합의 일반 데이터보호 규칙(General Data Protection Regulation (GDPR))이 5월 25일부터 발효됩니다. GDPR은 회사 및 사이트 소유자에게 개인 데이터를 어떻게 수집, 이용, 공유하는지에 관해 투명하게 할 것을 요구하고 있습니다. 또한 개인으로 하여금 자신의 개인 데이터가 어떻게 수집, 이용, 공유되는지에 관해 더 많은 접근 및 선택을 부여하고 있습니다.GDPR은 유럽연합의 규칙이지만 그 필수사항은 모든 사이트와 온라인 비지니스가 어디에 위치하는지에 상관없이 유럽연합 거주자에 관한 개인 데이터를 수집, 저장, 처리할..
워드프레스가 4.9.6 버전으로 업데이트 되면서 개인정보 도구가 새롭게 추가됐습니다. 메이저 업데이트도 아닌데 번역량도 아주 많았습니다. 개인정보와 관련해서 별도로 기능을 추가해야 할 만큼 중요한 기능인지는 모르겠습니다만 최근의 페이스북에서 일어난 개인정보 관련 사건에서 보듯이 웹에서 개인정보의 중요성이 강조되고 있는 것 같습니다. 주메뉴에서 설정 - 개인정보 메뉴를 클릭하면 위와같은 화면이 나옵니다. 이곳에서 개인정보 처리방침 페이지를 만들 수 있습니다. 새 페이지 생성하기 버튼을 클릭하면 자동으로 페이지가 만들어집니다. 콘텐츠가 이미 만들어진 상태로 페이지가 나타납니다. 가이드 참고 링크를 클릭하면 각 항목에 어떤 내용을 추가해야할지 안내를 볼 수 있습니다. 국내법이나 국제법에 따라 어떤 내용이 필요..