트위터 부트스트랩이 거의 완성 단계에 있어서 RC(Release Candidate) 버전의 첫번째가 나왔습니다. 그러나 현재도 계속 버그 수정과 문구 수정이 일어나고 있고 일부 링크는 작동하지 않습니다. 기본 색상이 이전의 붉은 색에서 변경 됐습니다. 다운로드 버튼을 클릭하면 실제의 RC1 버전이 받아집니다. 하지만 실제 파일을 볼려면 Jekyll로 컴파일 해야 합니다. 또한 그동안 많은 수정과 업데이트가 이뤄졌습니다. 사용자 정의 페이지는 RC2까지 기다려야 합니다. 많은 수정이 있어서 Jekyll로 변환하고 일반 파일로 전환하는데 시간이 걸리는군요. 부트스트랩 3.0 버전 RC1 내려받기 --> 사이트 -->http://twitter.github.io/bootstrap/
개발자들이 애용하는 서브라임 텍스트가 3 버전으로 업그레이드 됐는데 서브라임 텍스트가 인기가 있는 이유는 많은 플러그인을 쉽게 설치해 사용할 수 있다는데 있습니다. 그런데 서브라임 텍스트 3 버전에서는 2 버전에서처럼 패키지 설치를 하면 에러가 나더군요. 그래서 구글링 했더니 해결책이 나와있습니다. 역시 구글에는 모든 해결책이 있었습니다. 방법은 git을 이용해 설치하는 것입니다. 설치하는 장소를 알기 위해 메뉴에서 Preferences - Browse Packages를 선택하면 브라우저 창이 나타나는데 이곳이 설치할 장소입니다. 명령 프롬프트에서 위와같이 입력하고 엔터키를 누르면 경로가 바뀝니다. 경로는 이전 그림에서 주소창에서 필요한 부분만 복사해서 스페이스가 있는 Sublime Text 3 부분은 ..
트위터 부트스트랩 3.0 버전이 지난 10일간 많은 변화가 있었습니다. 파일 내부에 있던 예제(examples) 파일들이 분리돼서 별도의 프로젝트에서 관리됩니다. 얼마전엔 폰트아이콘이 이런 식으로 됐었죠. 첫 화면에서 링크를 클릭하면 웹페이지로 이동하도록 했지만 현재는 에러 화면이 나오고 문서 내부에 보면 깃허브 프로젝트 링크도 있습니다. 릴리즈 후보 버전을 내놓지 않는다고 했는데 내려받기 버튼에는 RC1이라고 나오는 것을 보면 정식 버전 이전에 후보 버전을 내놓을 모양입니다. 부트스트랩이 2.0 버전과 3.0 버전이 현격히 차이가 나는 관계로 2.0 버전은 예상대로 별도의 사이트에서 볼 수 있게 될 것입니다. 메뉴바 바로 아래에 링크가 있고 각 페이지마다 2.0 버전의 링크가 있습니다. 예제 파일은 깃..
워드프레스 코어 파일 및 기본 테마, 기본 플러그인 등의 언어파일은 제가 주로 번역해오고 있습니다. 프로그램이 업데이트 되면 수시로 스트링이 업데이트 되는데 저도 수시로 들어가서 번역을 최신으로 업데이트 하고 있습니다. 워드프레스 코어 파일과 기본 테마의 경우 새 버전이 업데이트 되면 한글 파일이 포함되지만 플러그인의 경우 새로운 버전이 업데이트 되면 별도를 추가해 줘야합니다. 워드프레스 번역 사이트가 두곳이 있는데 한곳은 워드프레스닷컴에서 관리하고 한곳은 워드프레스닷오그에서 관리합니다. 워드프레스닷컴의 경우 제가 주로 번역하는 것은 젯팩 플러그인입니다. http://translate.wordpress.com/projects 프로그램 목록을 클릭하면 버전이 나옵니다. 원하는 버전을 선택하면 언어 목록이 ..
질문은 http://diywordpress.kr에서 받습니다. * 책에서 hostinger.kr에서 워드프레스 사이트를 만드는 작업이 있습니다. 이것은 어디까지나 실험을 위한 것입니다. 그런데 일부 독자분들이 이 무료 호스팅 서비스에 자신의 도메인을 추가하려고 합니다. 책에서도 언급했지만 호스팅거는 무료 사이트이고 해외에 서버가 있어서 속도가 느립니다. 파일 업로드 속도를 보시면 알 수 있습니다. 국내 웹호스팅 서비스 중 일부는 아주 저렴한 가격에 웹호스팅을 사용할 수 있으니 자신이 소유한 도메인을 사용하고자 원할 경우 국내 사이트를 이용하세요. 네임서버 변경하는데 시간이 최대 72시간 걸립니다. 나중에 다시 속도 높은 곳으로 변경하려면 다시 72시간 걸리죠. * 책의 마지막 부분에서 400 페이지의 S..
이전 글에서도 언급했지만 트위터 부트스트랩으로 디자인을 하면 모두 같은 디자인이 나오기 때문에 되도록이면 다르게 나타나도록 디자인을 수정하는 것이 좋습니다. 메뉴가 선택됐을 때 inset으로 인해서 내부 그림자 효과가 나타나죠. 이것을 다르게 나타나도록 변경해보겠습니다. 이번 글에서 작업할 내용은 위와 같습니다. 선택되지 않은 메뉴는 우측 상단에 세모 도형이 나오고 선택된 메뉴는 세모 도형이 접히는 효과와 함께 그림자도 나타납니다. 또한 메뉴 사이에 부트스트랩의 vertical-divider가 나타나도록 했습니다. 이것은 익스프레스 엔진으로 하여금 반복되도록 출력할 수가 없어서 CSS를 이용해서 각 li 태그에 나타나도록 했습니다. 부트스트랩의 스타일시트를 제거하려면 해당 요소를 선택하고 요소검사를 해서..
이전 글에서 익스프레스 엔진의 메뉴 구조를 2단의 서브 메뉴로 만들고 여기에 트위터 부트스트랩의 메뉴를 설치했습니다. 부트스트랩의 메뉴바는 서브 메뉴가 있는 메뉴를 클릭하면 해당 메뉴가 있는 페이지가 열리는 것이 아니라 서브 메뉴가 열립니다. 그렇다면 익스프레스 엔진으로 메뉴를 만들 때 서브 메뉴가 있는 메뉴는 페이지를 링크할 것이 아니라 비어있는 링크를 연결해야 합니다. 대부분의 경우 어떤 메뉴를 클릭하거나 마우스를 올렸을 때 서브 메뉴가 나타난다면 서브 메뉴의 아이템으로 이동해서 클릭하게 되죠. 이번 글에서는 이러한 부트스트랩 메뉴바를 사용하는 방법을 알아보겠습니다. 익스프레스 엔진 메뉴 수정하기 익스프레스 엔진이 1.7 버전으로 업그레이드 되면서 메뉴 설정이 아주 간편해졌습니다. 전체적인 UI가 이..
오늘 날짜로 워드프레스 3.6 RC1(First Release Candidate : 정식 버전 후보)이 발표됐습니다. 당초 계획은 4월이면 정식 버전이 출시된다고 했지만 상당히 늦게 진행되고 있습니다. 개발을 늦추는 것이 아니라 새로운 기능의 추가로 인해 버그 수정과 기존의 테마나 플러그인과의 호환성을 개선하느라고 늦은 것이겠죠. 이런 점에서 보면 워드프레스의 개발자들이 상당히 신중한 모습입니다. 베타 버전 조차도 신중을 기해 발표됐었죠. 설치하고 나면 위화면이 나옵니다. "새로운 미디어 매니저"라고 나오지만 3.6 버전에서 새로운 것은 아닙니다. 그냥 워드프레스를 소개하기 위해서인데 앞으로 바뀔지는 모르겠습니다. 일부 글자가 번역이 안 돼있습니다. 어떤 것은 번역 목록에 없는 것도 있어서 수정을 신청해..
이전 글에서 익스프레스 엔진의 메뉴를 2단 서브 메뉴로 만들고 부트스트랩 라이브러리 파일들을 추가했습니다. 이번 글에서는 내비게이션 메뉴바를 만들어보겠습니다. 이전 글에서 알아봤듯이 익스프레스 엔진의 메뉴 구조는 여러가지 변수와 조건문에 의해 만들어지고 있어서 부트스트랩의 메뉴 선택자를 적절하게 나타나도록 조건문을 이용하면 됩니다. 메뉴바 만들기 이전 글에서 부트스트랩의 기본 메뉴 구조에 대해 알아봤는데 반응형 메뉴바는 몇가지 태그와 선택자가 추가됩니다. Project name 반응형 메뉴바는 화면 폭이 축소됐을 때 좌우로 정렬돼 있는 메뉴들이 상하로 배열되면서 감춰지고 버튼이 나타나며 버튼을 클릭하면 감춰진 메뉴들이 나타나는 구조입니다. 이러한 버튼 역할을 하는 것이 class="btn btn-navb..
워드프레스는 동적인(dynamic) 웹프로그램이라서 항상 데이터베이스를 사용하게 돼있습니다. 데이터베이스는 파일을 저장하거나 설정을 변경하면 해당 내용을 저장하고 필요할 때 꺼내오는 데이터의 저장소인데 일반적으로는 사용할 필요가 없는데 어쩌다가 간혹 접촉해야할 일이 발생하기도 합니다. 웹사이트를 다른 호스팅으로 이동한다거나 할 때 데이터베이스를 백업해야하고 워드프레스 코어를 업데이트할 때도 혹시 모를 에러를 위해 백업이 필요합니다. 어떤 경우는 데이터베이스를 직접 수정해야할 일도 발생합니다. 일반설정에서 워드프레스 주소나 사이트 주소를 바로 아래에 있는 "디렉토리와 다르게 하기" 링크를 읽어보지 않고 무작정 변경을 하고나면 위 화면을 다시는 보지 못하는 결과가 발생하기도 합니다. 이럴때 데이터베이스를 수..
어느 CMS나 마찬가지겠지만 부트스트랩을 해당 CMS에 적용할 경우 가장 복잡하고 어려운 부분이 내비게이션 메뉴입니다. 메뉴바라고도 하죠. 트위터 부트스트랩의 내비게이션 메뉴바는 각 요소에 정해진 클래스 선택자를 추가하면 메뉴를 클릭했을 때 서브 메뉴가 나타나는 구조입니다. 워드프레스의 경우도 마찬가지라서 내비게이션 메뉴가 함수에 의해 만들어지고 있기 때문에 부트스트랩의 선택자를 삽입하기 어려워서 Walker Nav이라는 별도의 프로그램을 만들어서 함수 파일에 추가하면 쉽게 부트스트랩의 메뉴 구조를 사용할 수 있습니다. 부트스트랩 관련 프로젝트의 자바스크립트를 추가하면 클릭하지 않고 마우스 오버 상태에서도 서브 메뉴가 나타나도록 할 수 있습니다. 우선 부트스트랩 기본 구조에 맞춰서 익스프레스 엔진의 메뉴..
트위터 부트스트랩 프레임워크 기반의 CMS 관리자 패널을 만들 수 있는 템플릿입니다. 상당히 많은 파일로 돼있음에도 무료로 사용할 수 있습니다. Laravel php 프레임워크를 사용할 경우 번들 버전도 있습니다. 프로그램 홈페이지 -- http://usman.it/free-responsive-admin-template/ 깃허브 -- https://github.com/usmanhalalit/charisma 데모 -- http://usman.it/themes/charisma/
트위터 부트스트랩 3.0 버전의 개발이 지난 10여일간 그다지 큰 변화는 없었고 각 요소들의 버그 수정과 개선이 많이 이뤄졌습니다. 현재 96%의 진행이 보여지고 있고 언제 정식 버전이 나올지에 대한 질문에 곧 업데이트 될 것이라는 말 밖에는 없습니다.(We'll have an update on timing soon enough. Hang tight http://twitter-bootstrap.kr/bootstrap3/ 부트스트랩 3.0 프로젝트 내려받기 -->
서브라임 텍스트 3 에디터가 그동안 구매자에게만 사용이 가능했는데 지난 6월 말경에 무료 사용자에게도 사용이 가능하도록 개방됐습니다. 이 텍스트 에디터는 다양한 플러그인을 쉽게 설치해서 사용할 수 있어서 개발자들에게 아주 인기있는 프로그램입니다. 서브라임 텍스트 3는 가장 발전된 것이 속도입니다. 파일을 열면 순식간에 열립니다. 이전의 버전은 길게는 수십초 동안 기다려야했죠. 310kb에 해당하고 6천줄이 넘는 부트스트랩 3 도움말 문서 파일을 열어보니 용량이 작은 파일을 연 것과 같은 속도로 열립니다. 여러 개의 파일을 열어놓고 프로그램을 닫은 다음 다시 열었더니 마찬가지로 놀라운 속도로 열립니다. 아울러 서브라임 텍스트 2 버전도 2.0.2로 업그레이드됐습니다. 빌드번호 2221입니다. 두가지 이상의..
최근 다폰트 추천 폰트 Cellos Script 34,859 downloads (5,665 yesterday) Free for personal use Download Donate to author CellosScript_PersonalUse.ttfNote of the authorNOTE: This font is for PERSONAL USE ONLY! To purchase a commercial license, visit: http://www.aringtypeface.com/cellos-script For questions or proposals, feel very free to mail contact@aringtypeface.com Visit my website: http://www.aringtypef..
관리자 센터에 주제별 새글이라는 모듈은 새로운 글을 만날 수 있는 좋은 기능을 합니다. 그런데 일부 블로거님들의 무작위 주제 분류로 인해 적절한 주제가 아닌 글이 자리를 차지하고 있습니다. 어떤 분들은 문어발 식으로 모든 주제를 선택해서 글이 나타나도록 하고 있습니다. 바쁜 시간에 들어와 좋은 정보의 글도 보고 추천도 하고 하는데 내가 원하는 주제를 선택해서 보고자 하지만 엉뚱한 주제의 글이 자리를 차지하고 있으니 짜증이 나기도 합니다. 몇번을 생각하다 이제 글로 올립니다. 블로거 여러분들 주제 선택을 잘 해주시면 고맙겠습니다. 자신의 글이 어떤 주제에 속하는지 하나만 선택해주세요. 그렇지 않은 경우 반감만 사게 됩니다. 안좋은 블로그로 낙인 찍혀서 좋은 글제목이 올라와도 절대 방문하지 않습니다. 부득이..