이 글은 아주 오래된 글의 업그레이드 버전입니다. 아래의 글에서 제이쿼리와 CSS를 이용해 버튼을 클릭하면 좌우로 애니메이션 되는 기능을 설명했는데 제이쿼리에 사용된 toggle function이 1.8 버전에서 폐기예정 선언이 있으면서 1.9 버전에서 완전 폐기됐습니다. 따라서 최근 버전의 제이쿼리를 사용하면 작동하지 않습니다. https://martian36.com/523 CSS가 발전하면서 CSS3의 애니메이션 기능을 이용하면 더욱 다양하고 간단하게 이용할 수 있습니다.자바스크립트의 사용도를 줄이고 CSS의 사용도를 늘리는 추세이므로 적합하다고 할 수 있습니다. button-animation.zip 예제는 위 파일에 있습니다. 상하좌우 4면에 버튼이 배치돼있습니다. 기능은 이전 버전과 똑같습니다. 좌측에 있는 버튼을 클릭하면 우측으로 애니메이션 되면서 버튼의 모양이 좌측으로 향하..

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

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

워드프레스 보안을 위해 취할 수 있는 기본적인 방법을 이전 글에서알아봤습니다. 워드프레스 설치 하기 전 단계에서 관리자의 비밀번호를 강화해야 하고 로그인 URL을 변경해야 웹사이트가 기본적으로 안전하다고 할 수 있습니다. 이번 글에서는 워드프레스설치 후 최초의 방문자가 누구이며 이들이 어떤 작업을 하는지에 대해 알아보겠습니다.워드프레스를 설치하고나면 바로 방문하는 것이 인터넷 로봇입니다.인터넷 로봇(Internet Robot)은 간단하게 말해서 봇(Bot)이라고 합니다. 이들은 양호한 봇(Good Bot)과 불량 봇(BadBot)으로 크게 두 가지로 분류할 수 있는데 양호한 봇에는 검색엔진을 예로 들 수 있습니다. 검색엔진은자신의 사이트에 노출하기 위해 각 사이트를 돌아다니며 콘텐츠를 수집합니다. 이를 크롤링(Crawling)이라고 합니다. 검색 봇을 크롤..

최근 필자가 관리하고 있는 사이트에서 해킹을 당해 모든 파일을 스캔해 악성코드를 제거하고 깨끗히 정리한 사례가 있습니다. 이 사이트는 회원관리 사이트로서 사이트 담당자에게 관리자 비밀번호를 어렵게 만들어줬습니다. 그런데별도로 두 계정을 만들어 관리자로 등록했더군요. 이들 관리자가 워드프레스가 제안하는 어려운 강한 비밀번호를 사용했을 리가 만무합니다. 관리자 비밀번호는 항상 해킹하기 어려운 강한 비밀번호를 만들어야 합니다.이러한 외우기 쉬운 관리자 비밀번호는 해킹하기 쉽습니다. 구글 검색하면 워드프레스 사이트에서 사용자 아이디를 찾아내는 방법과 비밀번호를 무차별대입 공격(Brute Force Attack)을 이용해 알아내는 방법을 알 수 있습니다. 이런 사례를 보여줌으로서 워드프레스의 보안을 얼마나 철저히 해야하는지 ..

엔바토는 호주 소재 세계적으로 유명한 디자인 템플릿 판매 사이트입니다. 매월 디자인 소스를 무료로 공개하는데 이번 달 무료 소스에 대해 알아보겠습니다. 회원가입을 해야 다운로드 가능하며 각 버튼을 클릭해 우측 상단에서 간단하게 가입할 수 있습니다. 1.Elisyam - Web App & Admin Dashboard Template 바로가기 관리자 화면 개발용 템플릿입니다. 일반 디자이너는 거의 필요가 없고 개발자에게는 아주 유용합니다. 2.Dandelion illuminated by the rays of the setting sun 바로가기 민들레가 있는 고화질 저녁노을 풍경사진입니다. 3.The Beauty Of Asia 바로가기 동양적 색채가 물씬 나는 오디오입니다. 듣다보면 "오디오 정글"이라는 음성이 나오는데 이는 데모 버전이라 그렇습니다. 가끔 유투브 동영상이나 웹사이트에 포함된 음향에 이러한 데모 오디오를 사용..

워드프레스로 페이지나 블로그 글을 작성하려면 페이지 빌더는 필수입니다. 클릭 드래그 작업의 반복으로 간단하게 복잡한 구조의 콘텐츠를 만들 수 있기 때문입니다. 워드프레스는 2018년 11월 5.0 버전의 발표를 앞두고 있는데 기본 편집기가 구텐베르그 편집기로 전환됩니다. 이 편집기 또한 페이지 빌더에 속합니다. 워드프레스는 기본적으로 기능을 추가할 때 이미 존재하는 플러그인의 기능을 도입합니다. 콘텐츠를 작성할 때 필요한 페이지 빌더는 이미 상당히 많은 플러그인이 존재하고 필수요소로 됐으며 이제서야 기본 편집기로 도입되는 것입니다. 최근에 출시된 페이지 빌더인 브리지(Brizy)는 무료버전이 있고 아직 출시되지는 않았지만 현재 개발중이며 평생 지원 버전(Life Time Support)인 프로버전이 있습니다. 정식 출시되면 평생 지원버전..

이번 프로젝트의 특징은 쇼핑몰에서 판매하는 상품인 개별 일반상품과 정기구매 상품을 일련된 플로우에서 구매할 수 있도록 한 것입니다. 주방 세제를 정기구매 상품으로 선택하고 추가적으로 필요한 수세미 등을 개별상품으로 추가할 수 있는 것입니다. 다음 정기구매에는 추가한 개별상품은 배송되지 않습니다. 고객님이 급하게 필요하여1주일만에 완성됐습니다.1. 정기구매 선택2. 정기구매 플로우 설명3. 플랜 선택4. 일반상품 선택5. 정기구매 기간 선택6. 장바구니7. 주문요약8. 로그인9. 배송정보입력 및 회원가입10. 결제