오늘 일반 폰트를 웹폰트로 변환하기 위해 폰트 스퀴럴에서 업로드하고 변환해 다운로드했습니다. 그런데 이전에는 각종 폰트 타입의 확장자가 포함돼있었는데 이번에는 woff와 woff2의 확장자의 폰트만 포함돼있었습니다. 뭔가 에러가 났나싶어 다시 해보니 마찬가지였습니다. 알고보니 woff는 거의 모든 웹브라우저에 지원되므로 다른 포맷의 폰트는 필요가 없어졌기 때문입니다. Can I use에서 검색해보니 다음과 같이 나옵니다. 오페라 미니 브라우저만 지원이 안됩니다. 다른 브라우저에서 html 파일을 열어보니 제대로 나오고 있습니다. 이 폰트는 더 페이스 샵(The Faceshop)의 무료 공개 폰트로 손글씨가 아주 보기 좋아 사용도가 높을 것으로 생각됩니다. 바로가기 관리자에게 이메일을 보내 웹폰트로 변환해..
1. 천문 우주 아이콘(Astronomy & Space Icons (AI, Sketch, SVG, PNG)) 바로가기 2. 스파 아이콘 (Meditation & Spa Icons (AI, PDF, SVG, PNG)) 바로가기 3. 오피스 아이콘 (Responsive Office Icons (EPS, PDF, SVG, PNG)) 바로가기 4. 환경 아이콘 (Environmental Icons (AI, SVG, PNG)) 바로가기 5. 결제 & 배송 아이콘 (Checkout & Delivery Icons (AI, EPS, SVG, Sketch, PSD, PNG)) 바로가기 6. 환경 오염 & 에너지 아이콘 (Pollution & Energy Icons (AI, EPS, SVG)) 바로가기 7. 과학 아이콘 ..
워드프레스는 기본적으로 블로그 플랫폼입니다. 처음에 게시판 프로그램으로 시작해서 블로그 프로그램으로 진화했습니다. 현재도 기본적으로는 블로그 프로그램입니다. 워드프레스를 설치하고나면 간단한 구조의 기본 테마가 설치되는데 블로그를 운영하기 위한 테마입니다. 블로그를 운영하기 위한 최저한의 기능이 갖춰져 있다보니 너무도 간단합니다. 이 상태에서는 속도도 아주 빠릅니다. 워드프레스가 쇼핑몰이나 커뮤니티 사이트, 투어 사이트 등으로 만들 수 있는 것은 플러그인과 테마 시스템 때문입니다. 플러그인은 기능을 추가하기 위해 만들어진 것이고 테마는 디자인을 만들기 위한 것인데 최근의 테마는 테마 자체에 다양한 기능을 추가해 별도의 플러그인을 추가하지 않고도 특정 기능을 수행하도록 하고 있습니다. 이런 테마는 다양한 플..
테마 제작자의 의뢰를 받아 11종의 테마와 7종의 자식 테마를 한글로 번역 완료했습니다. 직접 사용해보지 않았으나 번역하면서 성능이 좋은 테마가 있는 것으로 생각되니 관심이 있으신 분은 설치해 사용해보시길 바랍니다. 아울러 번역에 오류가 있을 경우 수정 요청해주세요. 설치는 각 제목으로 테마 설치 화면에서 검색해 설치하면 언어 파일도 자동 설치됩니다. 일부는 좀 기다려야 할 수도 있습니다. Zerif Lite 번역량이 가장 많은 만큼 기능이 많은 것 같습니다. 설치돼 운영중인 사이트가 100,000이나 됩니다. 십만이면 인기있는 테마입니다. 이 테마는 워드프레스 저장소에서 사라졌으니 아래의 링크에서 다운로드 받으세요. 사라진 주된 이유는 워드프레스 운영팀이 요구하는 사항을 수정할 경우 이미 사용중인 30..
워드프레스 4.5 버전이 문제가 없는 한 4월 13일 정식 릴리즈 됩니다. 현재 RC2 버전이고 번역을 위한 스트링 프리즈가 발표됐으며 모든 번역은 완료됐습니다. 또한 이번에는 워드프레스를 설치하고 나면 처음으로 보이는 화면인 "새로운 것" 탭에서 비디오에 한글 캡션을 추가했습니다. 그동안 영어로만 나와서 무슨 말인지 답답했을 것입니다. 워드프레스 4.5 버전에서 추가된 주요 기능은 콘텐츠 작업의 유연성입니다. 사용자 정의 화면에서 로고를 추가한다거나 모바일 기기에서 어떻게 보이는지 레이아웃 토글 버튼을 클릭해서 바로 알아볼 수 있습니다. 또한 글 작성 시 보다 편리하게 링크를 추가할 수 있으며 포맷 단축키를 몇 가지 더 추가했습니다. 이들 기능의 추가로 콘텐츠 작성이 더 편리해질 것입니다. 1. 인라인..
미생의 작가 윤태호님이 무려 11,172에 달하는 글자를 손수 작성해 폰트로 만든 미생체가 발표됐습니다. 손글씨체라서 웹폰트로 사용하기에는 무리가 될지 모르겠으나 또박또박 쓴 글씨체가 보기도 아주 좋습니다. 동글동글한 것이 귀엽기까지 합니다. 11,172 개의 글자라서 용량이 무려 11메가 바이트에 달합니다. 그대로 웹사이트에 사용할 수는 없는 일이죠. 용량을 줄이기 위해 글자 수를 줄이면 작가의 노력에 대한 가치를 저하시키는 일이 될지도 모르겠습니다. 하지만 웹에서도 널리 사용할 수 있다면 무료 배포의 의도를 살릴 수도 있는 일이라 생각해 글자 수를 2,350 개로 줄여 웹폰트로 변환했습니다. 다운로드 위 압축 파일의 용량이 3.2 메가바이트인데 손글씨체의 경우 일반 폰트보다 용량이 큽니다. 크롬 브라..
폰트 내려받기 산돌은 역시 폰트를 잘 만듭니다. 그동안의 나눔 폰트는 모두 산돌에서 만들었습니다. 본고딕도 산돌에서 만들었습니다. 이번에 나눔 스퀘어가 발표됐는데 산돌 제작입니다. 웹폰트로 사용할 수 있도록 한글 중 2350 글자만 포함시켜서 그동안의 폰트와 다른 체계입니다. 하지만 영문과 기타 글자가 많이 포함돼있어서인지 1메가바이트에 달해서 웹폰트로 사용하기는 약간 부담이 됩니다. 또한 ttf 만 있어서 이를 각 웹브라우저에 호환되는 파일로 변환이 필요했습니다. 이전의 방식에 의해 웹폰트로 변환해 업로드 합니다. 폰트는 4종류입니다. Regular, Light, Bold, Extra Bold. 사용법은 이전의 글을 참고하세요. 이 폰트의 특징은 시옷(ㅅ)과 치읏(ㅊ), 지읏(ㅈ)이 각이 지어있습니다...
워드프레스를 이용한 웹사이트, 블로그, 쇼핑몰, 해외쇼핑몰 제작을 원하시는 분은 아래의 이메일로 요청해주세요. martian36@naver.com 또는 이 글의 하단에서 사이트 제작 문의 폼을 이용해 주세요. 제작 비용은 제작하시는 내용에 따라 달라집니다. 제작 시간에 따라 달라지므로 견적은 상담을 통해 확정됩니다. 예상 비용 기업 웹사이트, 국내 쇼핑몰, 해외 쇼핑몰 등 제작 내용에 따라 최저 150부터 200만원정도이며 이 금액보다 더 늘어나거나 줄어들 수도 있습니다. 테마 및 유료 플러그인 구매 비용 별도(의뢰인 자체 구매, 구매대행 무료)입니다. 다중 언어 사이트는 언어 하나 추가 시 50만원 추가됩니다. 테마는 어떤 테마(ThemeForest)든 가능하며 원하시는 테마를 선택한 후 구매하시면 됩..
워드프레스는 세계적으로 가장 많이 사용하는 콘텐츠 관리 시스템(CMS: Content Management System)입니다. 2015년 6월 현재 워드프레스로 만들어진 웹 사이트가 전 세계의 모든 사이트 중 24%를 차지하고 있습니다. 이는 1년 전보다 2.6% 정도 증가한 수치이며, 매년 약 2%의 증가세를 보입니다. [그림 1-1 전 세계 CMS 사용도 http://w3techs.com/technologies/overview/content_management/all] 위 목록에는 총 273개의 CMS가 있으며 이들 중 워드프레스가 차지하는 비율은 60.4%입니다. 또한, CMS를 포함한 전체 웹사이트 중 워드프레스가 차지하는 비율은 24%입니다. 이 목록에는 우리나라에서 개발된 익스프레스 엔진(Xp..
관련 글 → http://martian36.tistory.com/1427 출간 예정일은 2015년 9월 18일입니다. 지난 6월 원고를 마친지 3개월만에 책이 출간됩니다. 출간이 늦어진 이유는 출판사의 바쁜 일정도 있었지만 워드프레스가 4.3 버전으로 업데이트 되면서 테마도 업그레이드 되고 책에서 사용한 여러 가지 플러그인도 업데이트 됐습니다. 어느 정도의 변경이라면 그냥 넘어가겠지만 전면적인 수정이 많았습니다. Contact Form 7, 레볼루션 슬라이더, Go-Pricing은 인터페이스가 전면 개정됐고 이들의 원고를 모두 제거하고 다시 만들었습니다. 책 편집 디자인 중에도 업그레이드 된 것이 있어서 수정 해야 했습니다. 이처럼 프리미엄 테마는 업데이트 되는 것이 많아서 프리미엄 테마를 대상으로 책을..
http://www.tistory.com/skin/all?isResponsiveWeb=true 요즘 티스토리에서 반응형 스킨 공모전이 열리고 있어서 여러 개발자들이 스킨을 제작해 올리고 있습니다. 구글 머티리얼 디자인의 영향인지는 모르겠으나 사이드바가 없는 경우가 많습니다. 아무리 모바일 우선(Mobile First)의 시대라 해도 넓은 화면의 모니터에서 봤을 때 사이드바가 없으면 콘테이너의 폭이 좁아질 수 밖에 없습니다. 글을 읽는데 좌우 폭이 너무 넓으면 문장을 따라가기 힘들기 때문이죠. 좁은 모바일 기기에서는 어쩔 수 없이 사이드바가 나타나지 않아야 하는 게 정상입니다. 좁기 때문에 본문 영역의 하단에 배치하거나 버튼을 클릭했을 때 사이드바가 바로 나타나는 오프 캔버스(Off Canvas) 레이아웃..
엔바토(Envato)는 매월 자사의 템플릿 회사별로 무료 소스를 공개합니다. 엔바토 그룹에는 여러 가지 회사가 있습니다. 워드프레스 테마 등 여러 가지 웹디자인 템플릿을 판매하는 씸포레스트(ThemeForest)와 플러그인을 판매하는 코드캐년(CodeCanyon)이 있고, 비디오는 비디오 하이브(Videohive), 음원은 오디오정글(Audiojungle), 그래픽 디자인 템플릿은 그래픽리버(Graphicriver), 이미지는 포토듄(Photodune), 3D 소스는 쓰리디오션(3docean), 플래시 소스는 액티브덴(Activeden)에서 판매합니다. 참고로 엔바토 그룹은 터츠 플러스(Tuts+)라는 온라인 강좌도 운영하고 있습니다. 웹디자인이나 그래픽 디자인하시는 분들 중에 구글 검색하다보면 자주 만..
유료 테마 구입하기 계정 만들기 http://themeforest.net/ 위 링크로 이동하면 세계적으로 유명한 테마 사이트 중 하나인 씸포레스트로 이동합니다. 씸포레스트는 워드프레스뿐 아니라 각종 템플릿도 판매합니다. 우선 계정을 만들어야 구매할 수 있으므로 화면의 우측 상단에서 Create Account(1)를 클릭합니다. 다음 화면에서 우측의 입력란에 각종 정보를 입력합니다.. 그런 다음 Create Account(2) 버튼을 클릭하면 다음 화면에서 이메일을 보냈다는 메시지가 나타납니다. 이메일을 열고 확인 링크를 클릭하면 아래처럼 이용약관 동의 페이지가 나타납니다. 국가를 선택한 다음 세 곳에 체크하고 All good, let’s go! 버튼을 클릭합니다. 테마 고르기 Wordpress 메뉴를 선..
블로그를 돌아다니다 보면 대부분의 블로그가 태그를 아주 많이 달아놓고 있습니다. 이 태그란 것이 무슨 검색 유입에 도움이 되는 것처럼 사용되고 있는 듯 합니다. 즉 검색엔진이 이 태그를 인식해서 검색자가 검색하면 이 검색어를 기준으로 사이트가 노출되는 것으로 오해하고 있는 것 같습니다. 태그란 카테고리와 마찬가지로 글의 분류를 위해 사용하는 것에 불과 합니다. 만일 태그가 검색 엔진에 도움이 된다면 카테고리를 수없이 만들어 놓는 것과 같은 것입니다. 사이트에서 카테고리는 그다지 많지 않습니다. 하지만 태그는 많이 사용할 수 있습니다. 카테고리는 티스토리의 경우 글 하나당 하나만 만들 수 있는데 반해 태그는 여러 개 만들 수 있죠. 그 이유는 이 글이 다른 글과 연관이 있을 경우 필요한 것입니다. 예를 들..
2년전 해프닝으로 끝난 일이 아직도 이어지고 있습니다. 이른바 어도비 CS2 무료 개방 사건입니다. 어도비라는 기업체에서 어떤 소프트웨어를 무료로 개방할 일이 전혀 없는데도 이를 쉽게 생각하는 분들이 있어서 다시 포스팅을 올립니다. 안그래도 요즘 신경숙 표절 사건으로 저작권 문제가 크게 대두되고 있는데 아직도 지적 재산권을 쉽게 생각하고 있으니 정말 문제가 아닐 수 없습니다. 이전 글 참고 사건의 발단은 어도비가 아무 생각 없이 CS2의 프로그램 다운로드 링크와 시리얼 번호까지 공개했다는데 있습니다. 그것도 어도비 공식 사이트에서 말입니다. 이를 본 블로거들은 어도비가 큰 자선 행사라도 하는구나 생각하고 이 또한 아무 생각 없이 블로그에 포스팅하면서 급기야 유명 사이트인 포브스의 블로그에까지 전파되고 바..
