[네이버 스마트에디터] PhotoUploader for Kboard - 업데이트

2016년 12년 5일 업데이트: 이 글을 처음 작성한 후에 케이브도와 네이버 스마트 에디터가 모두 업데이트되었습니다. 최신 버전에서도 이 글의 설명에 따라 마찬가지로 연동이 가능합니다. 하지만 이런 작업이 코딩 지식이...

워드프레스 썸네일 크기 조정

워드프레스의 카테고리나 블로그 리스트 페이지에 표시되는 특성 이미지(글 썸네일)의 크기를 조정하고 싶은 경우가 있을 수 있습니다. 특성 이미지를 표시하는 함수는 the_post_thumbnail()입니다. 이 함수는 반드시 Loop 내에서만 사용되어야 하고 포스트의...

워드프레스에서 Fancybox를 사용하여 외부 URL 페이지를 라이트박스로 열기

Fancybox를 사용하면 그림 등을 다양한 방식으로 라이트박스 형태로 열 수 있습니다. 특히 외부 URL 페이지를 팝업 형태로 열 수 있습니다. 워드프레스에는 Lightbox 플러그인이 많이 있는데, 대부분 그림에 사용되고 외부...

클릭 시 동일한 class(일련번호)를 가진 div 표시하기 jQuery

예를 들어, ID가 wrapper1인 요소를 클릭하면 Class가 wrapper1인 DIV가 표시되고, ID가 wrapper2인 요소를 클릭하면 Class가 wrapper2인 DIV가 표시되도록 하려는 경우 다음 jQuery 코드를 사용할 수 있습니다. $('').on('click', function(e) { e.preventDefault(); $('.wrap...

한 줄 메모장(워드프레스)

KBoard를 사용하여 간단한 한 줄 메모장을 만들어보았습니다. 여기에서 테스트가 가능합니다. 말 그대로 한 줄 메모장이나 출첵, 가입 인사하기 등의 용도로 사용 가능할 것 같습니다. 글자 수 체크 기능은 이 페이지의...

[KBoard 스킨 다운로드] 견적요청서 - 화이트핑크 스킨

KBoard(워드프레스 게시판 플러그인)의 아바타 스킨을 견적서 양식으로 개조한 버전입니다. (파일명: requestform_whitepink.zip (2015_0706)) 2017년 1월 29일 업데이트: 여기에 올린 자료는 1년 이상 지나서 더 이상 새로운 버전과 호환이 되지 않는다고...

[KBoard 스킨 다운로드] 견적요청서 - Basic 스킨

워드프레스 게시판 플러그인인 KBoard의 아바타 스킨을 견적서 폼으로 개조한 버전입니다. (파일명: requestform_basicgrey.zip (2015_0706)) 2017년 1월 29일 업데이트: 여기에 올린 자료는 1년 이상 지나서 더 이상 새로운 버전과 호환이 되지...

[KBoard 스킨 다운로드] 문의폼 - 화이트핑크 스킨

워드프레스 게시판 플러그인인 KBoard의 Avatar 스킨을 문의폼으로 개조한 버전입니다. (파일명: contact_whitepink.zip) 2017년 1월 29일 업데이트: 여기에 올린 자료는 1년 이상 지나서 더 이상 새로운 버전과 호환이 되지 않는다고 합니다. 원하는...

부모 DIV가 자식 DIV를 둘러싸도록 만들기(CSS)

간혹 외부 DIV가 내부(자식) DIV를 둘러싸지 않는 경우를 접할 수 있는데, 그런 경우 간단히 외부(부모) DIV에 다음 속성을 적용하여 해결이 가능합니다. overflow: auto; 또는 다음과 비슷하게 clearfix를 적용하는 방법도 생각해볼...

[KBoard 스킨 다운로드] 갤러리 스킨

워드프레스 게시판 플러그인인 KBoard의 Thumbnail 스킨을 견적서 양식으로 개조한 버전입니다. (파일명: gallery.zip ) 다시 업데이트하여 스킨 파일을 올려드릴 예정이었지만 언제 가능할지 모르겠습니다. 이 글을 참고하여 jQuery를 사용하면 레이아웃을 2열/3열 등으로 쉽게 조정할 수...