관련 글 → 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의 프로그램 다운로드 링크와 시리얼 번호까지 공개했다는데 있습니다. 그것도 어도비 공식 사이트에서 말입니다. 이를 본 블로거들은 어도비가 큰 자선 행사라도 하는구나 생각하고 이 또한 아무 생각 없이 블로그에 포스팅하면서 급기야 유명 사이트인 포브스의 블로그에까지 전파되고 바..
이전 버전에서 몇 가지 수정하고 스킨 위자드를 사용할 수 있도록 했습니다. 스킨 위자드 버튼을 클릭하면 몇 가지 설정할 수 있습니다. 배경 탭에서 배경 이미지를 설정할 수 있습니다. 이미지를 사용하거나 패턴을 사용할 수 있습니다. 타이틀 탭에서 이미지 링크를 선택해 헤더 배경 이미지를 추가할 수 있습니다. 텍스트 링크를 선택해 헤더의 높이나 블로그 제목의 글자 색상, 크기를 설정할 수 있습니다. 게시글 탭에서는 제목 글자색과 게시글의 글자색을 설정합니다. 글 영역 넓이는 불가능합니다. 이 스킨은 부트스트랩으로 만들어졌는데 구조상 글영역 넓이를 설정할 수 없습니다. 대신 다음과 같이 콘텐츠 영역과 사이드바 영역 또는 전체 영역의 넓이을 변경할 수 있습니다. HTML/CSS 편집 화면에서 style.css의..
요즘 한국은 신경숙의 표절 시비로 난리가 아닙니다. 남이 작성한 콘텐츠를 제것인양 사용하는 국내의 정서가 불러온 결과입니다. 제 블로그의 글도 많은 복사가 이뤄져 이를 방지하고자 구글을 검색해봤더니 좋은 자바스크립트가 있어서 소개합니다. http://bavotasan.com/2010/add-a-copyright-notice-to-copied-text/ 위 사이트로 가면 아래와 같은 코드가 있습니다. 290 291 function addLink() { 292 var body_element = document.getElementsByTagName('body')[0]; 293 var selection; 294 selection = window.getSelection(); 295 var pagelink = " ..
제가 사용할 티스토리 스킨을 만들려고 테터툴스 최근 버전을 설치하니 기본 스킨이 부트스트랩으로 만들어졌고 깔끔하더군요. 그래서 일부 수정한 스킨을 공개합니다. 스킨 이름은 periwinkle입니다. 새 버전 바로가기 주로 수정한 부분은 메뉴입니다. 블로그 메뉴는 탑바에 배치하고 카테고리 메뉴는 주메뉴에 배치했습니다. 티스토리는 주메뉴라는게 없어서 별도의 작업을 해줘야 합니다. 그리고 추가한 것이 구글 광고입니다. 사이드바 화면에서 사이드바 1과 2는 그대로 둡니다. 3과 4에는 구글 광고를 추가할 수 있으며 하나만 추가해도 됩니다. 3번 하나만 사용하면 본문 글에서 좌측에 배치됩니다. 글은 광고 우측에서 시작됩니다. 광고 크기는 가로 336px인 큰 정사각형 형태까지 추가할 수 있지만 브라우저 폭이 줄어..
Roboto는 구글의 안드로이드 디자인 웹사이트에서 2012년 1월부터 사용하던 폰트입니다. 그 이전에는 Droid라는 폰트를 기본 폰트로 사용했습니다. Roboto의 개발자는 폰트 디자이너인 Christian Robertson이고 2010년부터 구글의 직원으로 일하고 있습니다. 2014년 구글이 머티리얼 디자인을 발표하면서 폰트를 재디자인해 머티리얼 디자인의 기본 폰트로 사용하고 있습니다. 그러던 중 2015년 1월 다시 업데이트 됐습니다. Roboto 폰트는 영문만 있으므로 한글이나 기타 국가의 폰트는 Noto 폰트를 호환 폰트로 지정했습니다. 이전 버전과 개정된 버전의 가장 큰 두드러진 차이는 R에 있습니다. 이전에는 하단 부분이 곡선으로 돼있지만 현 버전은 직선입니다. 이전 버전은 다폰트나 폰트 ..
작년 3월 책을 출간하기로 기획했는데 이제서야 원고가 완성됐습니다. 늦어진 가장 큰 이유는 서적에서 사용하기로 한 테마가 지난 12월에 대폭 개정되면서 모든 내용이 변경됐기 때문입니다. 원고를 두번이나 작성해야 하는 작업이었습니다. 책을 발간하기 전에 개정돼 다행입니다. 이번 달에 리뷰를 거치면 다음 달 안에 출간될 것으로 예상합니다. 2015년 9월 18일 출간 예정입니다. 이곳의 글을 참고하세요. 출판사에서 리뷰가 늦어지면서 벌써 워드프레스 4.3 버전이 나올 시기가 됐습니다. 이 책에서 사용할 테마도 4.3 버전에 맞춰 업그레이드 됐습니다. 책을 최신 버전에 맞춰야 한다는 생각에 출판사의 리뷰가 끝난 원고를 다시 수정하고 있습니다. 번들 플러그인인 레이어 슬라이더가 몇년만에 업데이트 돼서 기능은 차..
보호되어 있는 글입니다.
내용을 보시려면 비밀번호를 입력하세요.
최근 워드프레스 4.2 버전과 MySQL 버전과의 호환성 문제로 여러 웹호스팅 회사를 문의해보고 실제로 두 곳의 호스팅을 이용해봤는데 그 중 아이비호스팅이라는 회사의 서비스가 가장 좋았습니다. 속도도 빠르고 일부 웹호스팅에서는 메모리가 부족해 사이트가 나타나지 않던 문제도 없었습니다. 다만 두 가지 문제점이 있는데 우선 성능을 알아보고 해결 방법을 알아보겠습니다. 향후 웹호스팅을 사용할 계획이라면 아이비호스팅을 적극 추천합니다. 다른 웹호스팅 회사도 본받아야 할 것으로 생각되기에 글을 통해 올리는 것이며 필자와 이 회사와는 전혀 관계가 없습니다. http://www.ivyro.net/html/webht/web/ 이 회사의 하드디스크는 SSD입니다. PC에서나 볼 수 있는 하드디스크입니다. 메모리처럼 속도..
워드프레스가 4.2 버전으로 업그레이드 되면서 데이터베이스 캐릭터셋(DB_CHARSET)을 utf8mb4까지 지원하게 됐습니다. 기존의 utf8는 제한된 유니코드 캐릭터를 저장할 수 있는데 반해 utf8mb4는 어떤 유니코드라도 저장할 수 있습니다. 따라서 한자 문화권의 글자는 무제한 저장이 가능합니다. 그런데 국내의 웹호스팅에서는 최소한의 사양으로 서버를 운영하기 때문에 이러한 혜택을 누릴 수가 없습니다. 워드프레스가 기껏 만들어놓은 기능이 무용지물이 된 것이죠. 왜냐 하면 이 기능은 데이터베이스 언어인 MySQL 5.5.3 버전 이상에서만 가능하기 때문입니다. 많은 웹호스팅은 5.0 아니면 5.1 버전으로 돼있습니다. 5.0은 10년전의 버전입니다. 아직도 이런 구형을 사용하고 있는 곳이 많은 것입니..
DIY! 워드프레스 쇼핑몰 서적에서 사용한 Legenda 테마를 기준으로 설명합니다. 본 블로그의 글은 쇼핑몰 서적에 추가될 예정이므로 복사해 다른 곳에 사용하게 되면 저작권 침해로 불이익을 당할 수도 있습니다. 플러그인 추가하기 화면에서 Woocommerce Quick Buy로 검색해 설치하고 활성화 합니다. 우커머스 설정 - 상품 - WC Quick Buy를 선택하고 설정합니다. 2에서 결제 페이지를 선택합니다. 3에서 Yes로 선택합니다. 4에서 After Add To Cart를 선택합니다. 5의 입력란을 클릭해 두 개의 옵션을 선택합니다. 6의 입력란은 제거합니다. 7에서 바로구매로 입력합니다. 하단에서 저장하기 버튼을 클릭합니다. 바로구매 버튼 우측에 위시리스트 버튼을 추가하고 같은 스타일로 적..
워드프레스로 사이트를 개발하려면 실제 운영 사이트를 만들기 전에 로컬호스트에서 모든 작업을 마치고 웹호스팅이나 서버에 업로드 하는 것이 정상적인 방법입니다. 개발에 능숙한 분들은 바로 서버에서 작업을 할 수도 있습니다. 이럴 경우 콘텐츠가 자주 변경되는데 검색엔진은 한번 크롤링하고 인덱싱을 마치면 다음 크롤링까지 시간이 걸립니다. 만일 불완전한 상태에서 작업을 하면 일부 콘텐츠만 인덱싱 한 상태가 되므로 완전한 콘텐츠가 저장되지 않게 됩니다. 따라서 서버에서 직접 작업할 때는 검색엔진이 크롤링을 하지 못하도록 막아놓는 것이 좋습니다. 또한 로컬호스트에서 사이트가 완성돼 서버에 업로드하고 운영중일 경우 실제 사이트와 똑같은 테스트 사이트를 만들어 여러 가지 테스트를 할 필요도 있을 것입니다. 실제 운영되고..