WordPress 에는 widget 과 shortcode 가 있는데 이 둘의 차이점은 widget 은 웹 페이지의 특정 영역을 지정해서 그 영역에 특정한 정보를 추가하거나 뺄 수 있는 식이고, shortcode 는 post 혹은 page 의 글 본문에서 입력하는 형태입니다.
그런데 사실 표시하는 영역만 틀릴 뿐 둘은 비슷하며 필요할 경우 widget 을 shortcode 처럼 사용할 수 있는데 그 방법을 알아보겠습니다.
WordPress 미디어 라이브러리 업로드 가능 파일 타입 추가하는 방법
wordpress 에서 자료실 역활을 하는 “미디어” 에는 보안상의 이유로 모든 종류의 파일을 다 업로드 할 수 있는게 아니고 (대표적으로 php, js, html 파일) 몇가지 종류의 파일만 업로드 할 수 있으며 보통은 이미지만 업로드하기 때문에 별다른 설정없이도 충분히 사용할 수 있지만 특정 확장자의 파일을 업로드 하고 싶은 경우, 업로드 가능한 파일을 아래와 같은 방법으로 추가할 수 있습니다.
Filter 와 Sort 기능을 갖춘 반응형 레이아웃 js 플러그인 – isotope.js
반응형 홈페이지를 만들기 위한 js 플러그인과 css 프레임워크에는 몇가지가 있습니다.
css 프레임워크중에서는 대표적으로 bootstrap 이 있고, js 로는 지금 소개해드리는 isotope 가 많이 쓰이고 있는데 이 isotope 는 한마디로 목록형태의 레이아웃을 화면 크기에 상관없이 일정한 형태로 표시하기 위한 목적을 가진 플러그인이라고 볼 수 있습니다.
간단히 사용법을 살펴보겠습니다.
balsamiq mockups 툴 소개
balsamiq mockups은 웹, 모바일 기획과 스토리 보드 작업이 가능한 툴이다. 이툴의 장점은 직관적이라는 것이다. 너무나 직관적이어서 따로 설명이 필요 없다. 그냥 설치 후 전체적으로 한번 써보면 바로 알 수 있다. 드래그 앤 드롭과 약간의 클릭으로 웹과 모바일에 필요한 요소를 제공하기 때문에 스토리 보드 작업시 파워포인트를 쓸 필요도 없고 요소의 디자인 스타일은 수작업으로 스케치한듯 하다. 다음 동영상은 ITunes를 balsamiq mockups으로 그리는 동영상이다. 단점을 뽑으라 하면 전문적인 협업에는 약간 미비할 수 있다. 국내의 경우 balsamiq mockups은 역시나 익숙하지 않은 툴이다. 이런 툴을 내가 좋다고 하여 다수의 협업시… 더 보기
css 예제 : 삼각형 만들기
알아두면 유용하게 쓸 수 있는 코드입니다. 위 이미지를 보시면 이미지 하단부에 ie8과 chrome에서의 차이점을 보실 수 있습니다. 보다시피 ie8에서는 삼각형 부분에 색에 채워집니다. ie8에서 이렇게 나오는게 싫다면 이미지로 작업 하셔야 겠죠?