이전 글에서 CSS 프리프로세서인 Less라는 프로그램을 사용하면 웹브라우저가 인식할 수 있는 CSS 파일을 자바스크립트 라이브러리가 자동으로 만들어줍니다. 대부분의 경우 이러한 방법을 사용하지 않고 less 파일을 CSS 파일로 변환하는 컴파일러를 사용합니다. 그래야 로딩속도가 빨라지기 때문이죠. 이번 글에서는 Less 컴파일러 중 인기가 높은 Simpless와 Winless에 대해 알아보겠습니다. 1. SimpLESS http://wearekiss.com/simpless 위 링크를 클릭해서 다음의 웹사이트로 이동합니다. 사용하는 OS에 따라서 화면이 다르게 나올겁니다. 윈도우로 접속하면 윈도우 아이콘이 활성화된 위와같은 화면이 나오고 맥으로 접속하면 사자 아이콘이 활성화돼서 각각의 프로그램을 내려받을..
CSS는 웹디자인에서 필수적인 웹 프로그래밍 언어입니다. 프로그래밍 언어라고는 했지만 프로그래밍 언어라고 할 수 없을 정도로 간단한 구조의 형태를 이루고 있습니다. CSS에서 모든 코드의 구조는 위처럼 돼있습니다. 선택자에 대해서 속성과 값을 선언하면 html에 값이 전달돼서 웹페이지 디자인이 만들어지는 것입니다. 그런데 CSS로 코드를 작성하다보면 같은 속성과 값을 반복해야하는 일이 많습니다. 수 많은 웹페이지를 만들다보면 이러한 반복이 무한정 일어나죠. 그래서 이러한 반복적인 일을 단축할 수 없을까 해서 만들어진 것이 프리프로세서입니다. 프리프로세서는 컴퓨터에서 "다른 프로그램에서 사용하기 위한 데이터를 만드는 또다른 프로그램"이라고 정의하고 있습니다(위키백과:a preprocessor is a pr..
워드프레스 사이트를 회원 가입제로 한 경우 소셜 네트워크 계정을 사용해서 로그인하거나 댓글달기, 회원 등록이 가능한 플러그인입니다. 플러그인 설치만으로 사용이 가능한 것이 아니고 플러그인 개발자의 사이트에서 계정을 만들고 여러가지 설정을 해줘야합니다. 특히 페이스북이나 트위터에도 계정을 만들고 앱 등록을 해야 비로소 사용할 수 있기 때문에 안내 가이드와는 달리 복잡한 과정을 거치게 됩니다. 한글 언어 파일입니다. 플러그인 폴더의 언어 폴더에 붙여넣으면 한글로 나옵니다. 사용하는 전 과정을 알아봅니다. OneAll Social Login 위 검색어로 플러그인 추가하기에서 검색해서 설치하고 활성화합니다. 환경 설정에 들어와서 "계정에 로그인~" 버튼을 클릭해서 플러그인 개발 사이트로 이동합니다. 계정을 만듭..
워드프레스 플러그인 중 가장 인기 있는 것 중에 하나로 워드프레스 사이트를 캐시하여 속도를 빠르게 하는 기능을 가진 플러그인입니다. 캐시란 저장한다는 의미죠. 글을 통째로 하나의 파일로 저장해서 방문자가 접속하면 이 하나의 페이지를 보여줍니다. 글 내용이 바뀌거나 댓글이 달린다거나 하면 내용이 바뀌므로 이럴 때마다 새로운 캐시로 저장을 하는 기능도 있습니다. WP Super Cache 한글 번역 파일입니다. 저는 워드프레스의 국내 사용 확대를 위해 주요 필수 플러그인을 수시로 번역해서 올리고 있습니다. 내려받아 사용하는 것은 자유이나 번역 파일도 저작물에 속하므로 이러한 번역 파일을 사이트나 블로그에 게재하는 것은 삼가해주시고 다만 제 블로그로 링크를 걸어주시는 것은 감사하겠습니다. 이러한 플러그인은 복..
일주일 단위로 위젯을 자동으로 활성화시킬 필요가 있는 경우 아주 유용한 플러그인입니다. 예를 들어 레스토랑에서 어떤 요일의 특정 메뉴라든가 일주일 단위로 바뀌는 시간표 등 생각해보면 용도가 많을 것 같습니다. Seven Days위 검색어로 플러그인 추가하기에서 검색해서 설치한 후 활성화 하면 설정하는 곳이 전혀 없습니다. 위젯 페이지에서 설치한 위젯에 자동으로 배치되기 때문이죠. 위젯 화면에서 위젯 영역에 배치된 각 위젯을 열어보면 색상 띠가 모두 배치돼있습니다. 7개의 색인데 위쪽으로 밝은 색이면 활성화된 것이고 아래쪽으로 밝은 색은 비활성화 된 것입니다. 클릭하면 서로 바뀌는 토글입니다. 요일은 일요일부터 시작합니다. 그러니 검색 위젯은 금요일에 활성화될 것입니다. Scroll post excerpt..
워드프레스 이미지 갤러리 플러그인 중에서 가장 인기 있는 플러그인으로 여러 종류의 다양한 이미지 갤러리를 만들 수 있어서 활용도가 높습니다. 워드프레스로 사진을 많이 다루는 블로그를 만들 경우 이 플러그인은 반드시 필요하죠. 그래서인지 사진 전문 테마를 제작하는 Photocrati에서 이 플러그인 제조사를 인수했다고 하네요. 기능이 많아서 번역량이 많을 것으로 생각했는데 다행히도 누군가가 전체를 번역해 놓았더군요. 플러그인 추가하기에서 NextGen Gallery로 검색해서 설치를 합니다. 플러그인 설치는 여러가지 방법이 있죠. 제 경우는 플러그인 추가하기 메뉴로 하면 wamp 서버에서는 에러가 나서 압축파일을 내려받아서 플러그인 폴더에 직접 압축을 푸는 방식을 사용합니다. 활성화하고 나면 주메뉴에 메뉴..
다음은 몇개월 후 발행될 책 내용의 일부입니다. 1. 부트스트랩 파일 내려받기 http://twitter.github.com/bootstrap/ 위 링크로 이동하면 트위터 부트스트랩 홈페이지가 나타납니다. 부트스트랩 파일을 내려받는 방법은 3가지가 있습니다. 우선 기본적인 파일을 내려받으려면 파란색의 “Download Bootstrap” 버튼을 클릭하고, 부트스트랩 관련 전체 파일을 내려받으려면 “GitHub project” 링크를 클릭해서 페이지를 이동한 후, zip 파일을 내려받으면 됩니다. 마지막 방법은 메뉴 상단의 Customize 링크를 클릭해서 원하지 않는 부분을 제거하고 내려받는 방법입니다. 이 책에서는 아이콘의 활용도가 높은 Font Awesome 폰트 아이콘을 사용할 것이므로 Custom..
대부분의 블로그는 전세계적으로 인기있는 구글 애드센스를 사용합니다. 수익성도 좋고 광고 디자인도 좋아서 블로그 디자인에 비주얼 효과를 주기도해서 세계인들이 애용하는 광고입니다. 그런데 구글 애드센스는 가입하기도 까다롭고 유효하지 않는 클릭을 감시하거나 광고의 적정한 배치 감시 등으로 인해 사용할 때 항상 유의해야 광고가 차단되는 일을 방지할 수 있습니다. 구글 애드센스는 엄청난 비용을 들여서 개발한 만큼 광고주를 불량 클릭으로부터 보호하기 위해 아주 다양한 프로그램을 사용하고 있습니다. 이러한 프로그램에 대해서는 공개하지 않기 때문에 어떤 행태를 하지 말아야하는지 알아두는 것이 좋습니다. 구글 애드센스에 가입을 하고 로그인하면 가입자의 IP 주소가 저장되고 내 컴퓨터의 쿠키에 사용자의 정보가 저장되므로 ..
질문> 안녕하세요! 이번에 디자인을 전공하는 학생으로 저의 워드프레스를 만들어 보기위해 베누시안님의 책을 구입 하였습니다.프로그래밍과 CSS?! HTML?! 전혀 무지한 저지만 너무 자세히 나와 있더군요! 그래서 차근차근 이 책을 보며하고 있습니다 앞으로 문의 사항이 있을 시 자주 찾아 뵙겠습니다!물어볼것이 있어요 베누시안님처음부분 과정 03 '데이터베이스와 phpMyAdmin, 워드프레스의 비밀번호 설정' 에서 cmd에 들어가 cd C:\wamp\bin\mysq1\mysq15.5.20\bin 을 입력했지만 찾을수 없는 경로라고 나오네요...;( 일단 되지 않아 점프하고 다음 단계부터 하고 있지만왜 되지 않을까요?그리고 이 과정을 꼭 거쳐야 하는 건가요? PS. 메일 주소를 저에게 알려 주세요! 답변> ..
내 컴퓨터에서 워드프레스를 실험하려면 wamp와 같은 서버 프로그램 스택을 설치하는데 URL이 기본적으로 localhost로 돼있습니다. 이곳에 워드프레스나 다른 php 프로그램을 시험하고자 하면 c:\wamp\www폴더에 폴더를 만들고 프로그램을 설치합니다. 그러면 URL은 localhost/wordpress처럼 됩니다. 이번 글에서는 단조로운 localhost라는 도메인 대신에 자유롭게 원하는 도메인을 만들어서 mywordpress.com/wordpress와 같은 실제 웹사이트의 도메인처럼 만들거나 myblog.mywordpress.com과 같은 서브 도메인을 만들고 서브 도메인에 워드프레스를 설치 사용하는 방법을 알아봅니다. 내 컴퓨터에서 이럴만한 가치가 있을까 하는 의구심이 들지만 이러한 과정은 ..
워드프레스 완벽입문 책의 내용은 3.4.2 버전을 기준으로 작성됐습니다. 그런데 워드프레스가 최근 12월 11일에 3.5 버전으로 업그레이드됐기 때문에 책과 실행 버전이 차이나면 책을 보고 따라하는데 지장이 있을 수 있습니다. 그러니 가급적 책에 나오는 버전과 동일한 버전을 사용하는 것이 좋습니다. 그래도 3.5 버전으로 사용하면서 책을 보겠다는 분은 이곳( http://martian36.tistory.com/1077 )의 글을 읽어보시고 워드프레스 3.5 버전에서 이전 버전과 바뀐 것이 무엇인지 파악하시고 보면 좋을 것입니다. 개정판에서 업데이트된 부분을 업데이트하겠습니다. 워드프레스 한글 이전 버전 다운로드 사이트 ==> http://ko.wordpress.org/releases/#older 아래 화..
지난번에 워드프레스 쇼핑몰 플러그인 WP e-commerce를 전체 번역했는데 버전업되면서 많이 수정돼서 그만큼 번역 양도 늘어난 것을 전체 번역 완료했습니다. 항상 그렇지만 전체 번역됐다고 해도 버그가 있어서 한글로 나타나지 않는 부분이 여러곳 있습니다. 위처럼 여러 곳에서 영문으로 나타납니다. 지고샵이나 우커머스보다는 못한 것 같은데 만든지 오래돼서 다운로드 횟수로만 보자면 아주 인기 높은 플러그인입니다. 저는 워드프레스의 국내 사용 확대를 위해 주요 필수 플러그인을 수시로 번역해서 올리고 있습니다. 내려받아 사용하는 것은 자유이나 번역 파일도 저작물에 속하므로 이러한 번역 파일을 사이트나 블로그에 게재하는 것은 삼가해주시고 다만 제 블로그로 링크를 걸어주시는 것은 감사하겠습니다. 이러한 플러그인은 ..
비비프레스 한글 언어파일입니다. 현재 2.2.3 으로 전체 한글 번역 완료했으나 일부 주메뉴 부분이 영문으로 나타납니다. 버그인데요. 수정 요청했으나 2.3 버전에 적용한다고 합니다. 위처럼 주 메뉴 부분이 영어로 나타납니다. 다른 부분은 정상입니다. 여러곳에서 변경이 있으니 살펴보시기 바랍니다. 3.5 버전 부터는 언어 파일을 한군데로 몰아서 배치하는 방법을 사용합니다. 언어파일의 설치 폴더는 기존의 플러그인 폴더가 아닌 총 언어파일이 모여있는 wp-content/languages 폴더에 bbpress 폴더를 만들고 이곳에 붙여넣으면 됩니다. 기존의 플러그인 폴더에 있는 languages 폴더에 넣으면 업데이트 시에 제거된다고 합니다.
워드프레스 블로그의 관리자로서 사용중 로그인 비밀번호를 잊어버릴 수가 있습니다. 잊어버리지 않은 경우 비밀번호를 변경하자면 로그인해서 주메뉴에서 사용자-->당신의 프로필로 들어가서 하단에서 변경하면 되지만 워드프레스를 처음 하다보면 관리자인 자신도 비밀번호를 잊어버릴 때가 있습니다. 이럴 때는 일반사용자와 마찬가지로 로그인화면에서 암호를 일어버렸나요? 를 클릭하고 아이디나 이메일 주소를 입력하면 이메일로 임시 비밀번호가 통보됩니다. 이 방법은 이메일 전송이 안되는 WAMP 서버나 무료호스팅에서는 안되겠죠? 무료호스팅에서도 되는지 저도 까먹었네요.쩝.. 이메일로 받은 임시 비밀번호를 사용해서 로그인하고 당신의 프로필 화면에서 새로운 정상적인 비밀번호로 변경하면 됩니다. 그런데 관리자는 데이터베이스를 접근할..
이전 글에서 지고샵(Jigoshop)의 워드프레스 쇼핑몰 플러그인 한글 언어파일을 공개했습니다. 워드프레스 쇼핑몰 플러그인이 아주 다양하기 때문에 여러가지를 시험해 보는 중인데 우커머스(Woocommerce)를 번역하다 보니 지고샵과 비슷하더군요. 그래서 나중에 알고보니 우커머스는 지고샵의 fork 프로젝트였습니다. fork란 가지치기라는 뜻인데 오픈소스 프로젝트에 사용되는 용어입니다. 워드프레스도 가지치기를 해서 원천 프로그램인 b2/cafelog에서 fork된 프로그램이죠. 우커머스는 Wootheme이라는 워드프레스 테마 제조 사이트에서 만들어 무료료 배포하고 있습니다. 기능을 향상시키자면 이 사이트에서 유료 플러그인을 사용하도록 하고 있습니다. 제가 번역하면서도 느낀점은 지고샵보다 훨씬 나은 프로그..