Clik here to view.
티몬 몬소리체 웹폰트
티몬의 몬소리체 웹폰트입니다. 아래의 글에서 라이센스에 관해 알아봤는데 거의 제한이 없을 듯해서 웹폰트로 공개합니다.https://brunch.co.kr/@creative/32이곳의 라이센스 내용을 보면 다음과 같습니다.댓글에 웹폰트 변환에 관련한 문의를 달았으나 이전의 댓글들도 거의 답변이 없어서 제한이 된다는 알림을 받거나 이글에 댓글을 달아주시면 글을...
View ArticleClik here to view.
이롭게 바탕체 웹폰트 경량화 버전
"이롭게"라는 명조체 폰트를 경량화 한 버전입니다. "이롭게"는 아래의 사이트에서 데스크탑 버전과 웹버전을 받을 수 있습니다.http://font.iropke.com/batang/#download웹버전의 용량이 962KB인데 거의 1mb에 달해서 속도가 생명인 웹사이트에서는 경량화가 필요합니다. 원본버전은 모든 한글 글자를 표현할 수 있지만 경량 버전은...
View ArticleClik here to view.
tvn 즐거운이야기체 웹폰트
tvn의 즐거운이야기체를 웹폰트로 경량화했습니다. 원본은 아래의 사이트에서 받을 수 있습니다.http://tvn10festival.tving.com/playground/tvn10font압축을 풀면 아래와 같은 그림이 포함돼있습니다.특수문자나 일부 안쓰이는 한글을 입력하면 위 그림처럼 나옵니다. 웹폰트 경량화 버전에서도 위 의도를 살려 특수문자와 그림문자를...
View ArticleClik here to view.
워드프레스 사이트에 소셜 로그인 기능이 필요한가?
국내의 경우 네이버, 카카오톡의 가입자가 아주 많습니다. 한사람이 둘 다 가입했을 수도 있고 둘 중 하나는 대부분이 가입이 돼있을 수 있습니다. 게다가 페이스북도 아주 많은 사용자가 가입돼있습니다. 트위터, 구글계정도 마찬가지죠. 이들 소셜 사이트에 가입한 사람이 워드프레스 웹사이트에 손쉽게 회원가입하도록 하려면 소셜 로그인 기능을 추가하면 됩니다.소셜...
View ArticleClik here to view.
본명조(Noto Serif 노토 세리프) 웹폰트
본고딕에 이어 본명조가 작년에 출시됐습니다. 명조체는 웹에서는 잘 사용하지 않는데 혹시 큰 글자로 사용할 수도 있기에 웹폰트로 경량화 해봤습니다. 원래의 폰트가 otf로 제작됐는데 뭔가 잘못된 것인지는 몰라도 웹폰트 변환이 잘 안됩니다. 따라서 woff2 버전이 안돼서 woff 버전만 포함했습니다. NotoSerifKR.zip압축해제하면 아래와...
View ArticleClik here to view.
워드프레스 비지니스용 테마 - Ark 리뷰
씸포레스트(Themeforest)에서 현재 세일중에 있는 비지니스용 테마를 소개합니다. Ark라는 이름의 테마인데 2016년 12월 5일 출시하면서 $19의 가격으로 등장했습니다. 너무 싼 가격이라 둘러봤는데 디자인도 좋더군요. 아무리 싼 가격이라도 기능이나 디자인이 좋지 않으면 1달러에 팔아도 안삽니다. 쓸데가 없기 때문이죠. 구매 후에 기능을 보니 오직...
View ArticleClik here to view.
제이쿼리 플러그인 - 티스토리에 초 간단 눈내리는 효과 구현하기
바로가기위 버튼을 클릭하면 위 그림이 나오는 사이트로 이동합니다. 노란색의 Download the Source 링크를 클릭해 압축 파일을 다운로드 합니다.압축해제하고 폴더로 들어가면 위와 같이 나옵니다. html 파일을 클릭하면 눈내리는 효과가 나옵니다. 티스토리에 설치를 위해 필요한 파일은 하나입니다.js 폴더에 들어가 snowfall.jquery.js...
View ArticleClik here to view.
360도 회전 이미지 뷰어 만들기
옛날 글에서 자바스크립트로 360도 이미지 뷰어를 만드는 방법이 있었는데 좀 복잡하고 이미지도 여러 개로 나눠져 사용했습니다. 아주 간단한 방법으로 360도 이미지 뷰어를 만드는 방법을 워드프레스에 적용해보겠습니다.https://codyhouse.co/gem/360-degrees-product-viewer/위 사이트는 다양한 소스를 제공하는 사이트입니다....
View ArticleClik here to view.
CSS 이미지 애니메이션
이미지에 마우스를 올렸을 때 긴 이미지를 상단으로 이동시키는 효과를 CSS3의 transform 속성을 이용해 만들어보겠습니다. 일반적으로 이런 효과는 gif 애니메이션 기능을 이용해 만드는데 그러자면 이미지의 용량도 늘어나고 이미지 품질도 좋지 않습니다.<!DOCTYPE html><html><head> <meta...
View ArticleClik here to view.
CSS animation 속성을 이용한 이미지 애니메이션
이전 글에서 transform 속성을 이용한 이미지 애니메이션 효과를 알아보았는데 무한반복을 위해 제이쿼리 코드를 사용했습니다. 이번에는 순수한 CSS만을 이용해 애니메이션 효과를 만드는 방법을 알아보겠습니다. 이번에는 애니메이션이 동작되는 도중 중지할 수도 있습니다.<!DOCTYPE html><html><head>...
View ArticleClik here to view.
워드프레스 쇼핑몰 정기결제 기능 및 친구추천 기능 제작 사례
최근에 워드프레스 기반 우커머스 쇼핑몰에 정기결제 기능을 추가한 프로젝트를 진행했습니다. 정기결제는 일정 기간동안 매월 결제되는 방식으로 정기적인 고객을 대상으로 하기 때문에 고정적인 고객을 유지할 수 있는 장점이 있습니다. 정기결제에 적합한 상품으로는 매월 또는 매주, 매일 배달되는 상품을 위주로 합니다.정기결제를 워드프레스와 우커머스로 개발하려면 두 가지...
View ArticleClik here to view.
워드프레스 4.8 베타 버전
워드프레스가 4.8 버전부터 달라지는 점이 있습니다. 그동안 워드프레스는 시간 기반 개발(Time based deveopment)이라서 4개월 단위로 새로운 버전이 출시됐습니다. 그래서 매년 4월, 8월, 12월에 새 버전이 출시됐습니다. 2017년부터는 포커스 기반 개발(Focus based Deveopment)이 됩니다. 시간 기반 개발에서는 일정한...
View ArticleClik here to view.
워드프레스 4.8.1에서 추가된 내용
최근에 워드프레스가 4.8.1로 업데이트 되면서 한가지 기능이 추가됐습니다. 보통 0.0.1 버전의 경우 보안 업데이트만 하는데 이번에는 기능이 추가됐습니다. 추가된 기능은 텍스트 위젯에 관한 것입니다. 번역이 추가됐다는 메일이 와서 성급히 번역을 하면서도 이 기능을 찾아보려고 위젯을 뒤져봐도 없었는데 이번에 프로젝트 작업을 하면서 알게되는군요.위 그림은...
View ArticleClik here to view.
워드프레스 쇼핑몰 정기결제 사이트 신규 제작사례
최근 우커머스의 정기결제 플러그인을 이용한 사이트 의뢰가 늘어나고 있습니다. 소액의 상품을 정기적으로 구매할 수 있고 더구나 자동으로 결제되므로 구매자와 판매자 상호간에 편리성과 함께 판매자로서는 고정적인 구매자의 확보로 고정적인 수입을 거둘 수 있는 장점이 있기 때문입니다. 소비자에게 정기적으로 필요한 아이템만 잘 선택하면 성공적인 쇼핑몰을 만들 수...
View ArticleClik here to view.
최근 개발된 워드프레스 우커머스 크라우드 펀딩상품 쇼핑몰 제작 사례
워드프레스는 플러그인만 있으면 어떤 사이트든 만들 수 있습니다. 우커머스라는 쇼핑몰 플러그인으로 쇼핑몰 사이트가 가능하고 여기에 더해 크라우드 펀딩상품 플러그인을 추가하면 일반 쇼핑몰과 함께 펀딩상품도 취급할 수 있습니다. 펀딩 플러그인은 여러 가지가 있지만 원하는 기능을 찾기란 쉽지 않아서 적당한 플러그인을 선택해 커스터마이징을 거치면 원하는 기능이...
View ArticleClik here to view.
워드프레스 회원관리 사이트 제작사례
워드프레스는 클라이언트의 사이트 요청 내용에 따라 테마를 달리 선택하고 원하는 기능을 위해 플러그인을 추가해 사이트를 제작하는 구조입니다. 이번에 소개할 워드프레스 웹사이트는 회원관리가 필수 요소입니다. 회원의 관리와 상호 정보교환을 위해 회원가입시 각종 정보를 입력하도록 하고 회원이 가입을 하고 회원가입비를 결제하면 웹사이트 관리자가 승인해 회원전용 정보를...
View ArticleClik here to view.
워드프레스 회원관리가 필요한 쇼핑몰 제작 사례
쇼핑몰은 대부분의 경우 모든 페이지를 공개해야 SEO에도 적합합니다. 하지만 쇼핑몰의 제품을 일반인에게 판매할 수 없고 특정 기업에게만 판매해야 할 경우 회원가입을 통해 회원의 정보를 확인 후 승인해야 상품을 구매할 수 있게 됩니다. 이러한 기능이 필요하다면 회원관리 플러그인을 사용해야 합니다. 이번에 소개할 워드프레스 웹사이트는 우커머스 쇼핑몰이며...
View ArticleClik here to view.
워드프레스 FameThemes 무료 테마 한글화 작업 1차분
테마 제작자의 의뢰로 FameThemes 테마 19개를 한글화 작업하고 있습니다. 번역을 완료한 10개의 테마를 알려드립니다.https://wordpress.org/themes/author/famethemes/OnePressOnePress는 독특하고 창의적이며 유연한 워드프레스 원페이지 테마입니다. 비지니스 웹사이트 포트폴리오, 디지털 에이전시, 상품...
View ArticleClik here to view.
워드프레스 FameThemes 무료 테마 한글화 작업 2차분
이전 글의 2차 작업 분입니다.https://wordpress.org/themes/author/famethemes/GlowGlow는 마사지 센터, 뷰티 스파 살롱에 적합한 반응형 워드프레스 테마입니다. 부트스트랩으로 만들어져 모든 화면 사이트에 완전 반응형입니다. 미용, 이용, 스파, 건강, 피트니스, 블로기으 비지니스, 에이젼시, 회사, 병원, 마사지...
View ArticleClik here to view.
워드프레스 쇼핑몰 - 남성 의류 정기배송 서비스 제작 사례
최근 들어 워드프레스(우커머스) 쇼핑몰의 정기배송(정기결제, 정기구매) 서비스가 유행이네요. 상품 아이템만 잘 선정하면 매월 또는 정해진 기간마다 자동으로 결제가 되니 고객이 취소할 때까지 계속해서 고정적인 매출리 지속되는 이점이 있어서 그렇겠습니다. 이러한 정기결제 서비스가 일반 커스텀 쇼핑몰 솔루션으로는 제작이 상당히 어려운 것 같습니다. 우커머스라서...
View Article