페이지 깊이 값, 워드프레스 page depth 확인

페이지 깊이 (page depth) 값을 알아내는 방법을 검색해보았더니 다양하다. 50라인이 넘어가는 복잡한 것들부터 한 줄 짜리 단순한 코드라인 까지 각양각색이다. 쓸데없이 길 필요는 없다. Contents1 워드프레스 페이지 깊이 찾는 법 – 가장 짧은 것2 프론트 페이지와 최상위 페이지 깊이값을 구분하기3 멀티 사이트 설정에서 최상위 페이지(홈페이지) 확인 방법4 Page, Category, Post 에서 모두 적용 가능한 페이지 …

반응형 백그라운드 이미지 처리 배경 추가하기

부트스트랩 페이지에서 반응형 백그라운드 이미지 처리하는 방법에 대해 고민하게 되었다. css에서 background 요소를 정의해주면 그만이라고 생각하고 겁없이 실행해보니, 윈도우 사이즈 변화에 따라 적절하게 변화하는 반응형 백그라운드 이미지를 얻기란 쉽지 않았다. 이리 저리 정보를 찾은 끝에 겨우 답을 찾았다. 반응형 백그라운드 이미지 CSS의 예 .col-main { background: url(‘../img/bg-head.png’) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: …

이웃한 DIV 높이 값을 동일하게 맞추는 법

DIV 높이 등, 페이지 상에서 요소의 치수를 계산하고 Dynamic 하게 조절해주어야 하는 경우가 종종 발생합니다. 저는 부트스트랩으로  2행 3열 배치가 widnow 폭이 줄어들면 3행 2열로 바뀌도록 하는 반응형 페이지 작업을 할 일이 있었습니다. 문제의 코드는 다음과 같습니다. <div class=”row”> <div class=”col-sm-6 col-md-4″> Uniform box of content here </div> <div class=”col-sm-6 col-md-4″> Uniform box of content …

xe 루트 주소 바꾸기 및 짧은 주소 사용하기, xpress engine

xe라고 불리는 xpress engine 은 국산 CMS 입니다. 워드프레스 보다는 조금 무거운 감이 있고 커스터마이징을 위한 자료가 비교적 빈약해서 사용성이 떨어지는 반면, 한국형 회원관리나 게시판을 완벽히 제공하고 있어 경우에 따라서는 워드프레스보다 훨씬 좋습니다. 한국형 회원관리나 게시판을 고집하지 않는다면, 사용자층이 넓고 개발 관련 정보가 많은 워드프레스가 더 좋은 선택이라고 생각됩니다. 한국에서도 워드프레스 사용자가 늘어나서, ‘그누프레스’와 같은 …

워드프레스 참여형 블로그 글목록(백앤드)에서 자신의 글만 보게 하자.

참여형 블로그 들어보셨나요? 여러 저자가 함께 참여하는 블로그를 일컽는 말입니다. 워드프레스가 등장하면서 이런 참여형 블로그가 늘어나고 있는 추세입니다. 한 블로그를 여러 사람이 공유하면, 컨텐츠의 다양성과 질을 확보하는 동시에 회원간의 활발한 커뮤니케이션을 유도할 수 있는 장점이 있습니다. 워드프레스 플랫폼은 ‘독자’ ‘기고자’ ‘편집자’ 등의 회원등급을 부여할 수 있어, ‘참여형 블로그’를 만들기 쉽게 되어 있습니다. 하지만, 워드프레스가 처음 …

워드프레스 폰트 설치, 제거, 초기화 방법 – 구글 한글 웹폰트 적용

워드프레스를 처음 설치하면, twentyfifteen 이라는 테마가 적용된 화면이 초기 설정으로 나타납니다. 뭔가 엉성하고 단정해 보이지 않는 느낌이 들 겁니다. 지나치게 큰 글자크기와 가독성이 떨어지는 글꼴에 실망하셨을 수도 있겠네요. 그러나, 걱정마세요. 워드프레스 폰트 설정을 따로 해주면 되겠죠? 이 글에서는 ‘구글 한글 웹폰트’를 워드프레스에 적용하는 방법을 알아보려고 합니다. 워드프레스에 기본으로 설치되어있는 세가지 테마 twentythirteen, twentyfourteen, twentyfifteen 에는 …