플러그인은 워드프레스 사이트에 새로운 기능을 추가해주는 역할을 합니다. 그래서 적절한 플러그인을 사용하면 단조로울 수 있는 사이트를 더욱 활기있게 꾸며주고 사용 편의도 높여줍니다. 이렇게 고마운 플러그인은 대부분 개발자들이 만들지만 간단한 플러그인은 비개발자도 만들어볼 수 있습니다.
특히 테마의 functions.php에 삽입한 기능 중에서 다른 테마로 변경했을 때도 적용을 하고 싶은 것들이 있다면 플러그인으로 만들어 사용하면 좋겠죠. 이유는 특정 테마의 functions.php 파일에 복사/붙여넣기 했던 코드(워드프레스 유용한 functions.php 코드 모음 참고) 는 다른 테마에서 사용할 수 없지만 플러그인은 어떤 테마에서든 활성/비활성이 가능하기 때문이죠.
플러그인 만들기전 준비사항
1. 툴
간단한 에디터만 있으면 가능합니다. 윈도우의 노트패드(Notepad)나 맥의 텍스트에디트(TextEdit)으로도 가능합니다. 자주 사용하시는 에디터가 있다면 그것을 사용하시면 되겠죠.
2. 소스
툴이 준비가 되었다면 그 툴로 만들 내용이 필요하겠죠. 여러분이 플러그인으로 만들고 싶은 기능을 선택합니다. 이번 포스팅에서는 지난 (워드프레스 유용한 functions.php 코드 모음 3에서 소개한 “요약글에 단어 자동 카운터 달기”로 하겠습니다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
function excerpt_count_js(){
echo '<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function(){
jQuery("#postexcerpt .handlediv").after("
<div style="position:absolute;top:0px;right:5px;color:#666;"><small>Excerpt length: </small><input type="text" value="0" maxlength="3" size="3" id="excerpt_counter" readonly="" style="background:#fff;"> <small>character(s).</small></div>
");
jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
jQuery("#excerpt").keyup( function() {
jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
});
});
// ]]></script>';
}
add_action( 'admin_head-post.php', 'excerpt_count_js');
add_action( 'admin_head-post-new.php', 'excerpt_count_js');
|
플러그인 헤더
먼저 새로운 파일 하나를 만들고 그 파일에 헤더를 추가해야합니다. 헤더는 그 플러그인의 소개와 같은 역할을 한다고 보시면 됩니다. 헤더는 플러그인에 필수로 들어가야하는 사항이며 헤더가 없을 때는 워드프레스가 플러그인을 인식하지 못합니다. 아래는 워드프레스에서 제시한 기본 형식입니다.
|
|
<?php
/*
Plugin Name: Name Of The Plugin
Plugin URI: http://URI_Of_Page_Describing_Plugin_and_Updates
Description: A brief description of the Plugin.
Version: The Plugin's Version Number, e.g.: 1.0
Author: Name Of The Plugin Author
Author URI: http://URI_Of_The_Plugin_Author
License: A "Slug" license name e.g. GPL2
*/
?>
|
위와 같은 형식으로 여러분의 플러그인 헤더를 자유롭게 작성하시면 됩니다. 하지만 개인적으로 사용할 것이고 간단한 플러그인이기 때문에 모든 내용을 넣을 필요는 없겠죠. 저는 아래와 같이 간단한 정보를 입력해보았습니다.
|
|
<?php
/*
Plugin Name: 요약글 카운터
Description: 요약글에 입력된 글자 수를 카운팅합니다.
Author: HwangC
Author URI: http://hwangc.com
*/
?>
|
소스 입력
위에서 입력한 헤더 아래에 준비한 소스를 입력합니다. 예제로 준비한 소스를 복사/붙이기하면 아래와 같이 되겠죠. 주의 사항: 헤더의 마지막에 있던 ?>는 지우고 그 밑에 소스를 붙이세요.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<?php
/*
Plugin Name: 요약글 카운터
Description: 요약글에 입력된 글자 수를 카운팅합니다.
Author: HwangC
Author URI: http://hwangc.com
*/
function excerpt_count_js(){
echo '<script>jQuery(document).ready(function(){
jQuery("#postexcerpt .handlediv").after("<div style="position:absolute;top:0px;right:5px;color:#666;"><small>Excerpt length: </small><input type="text" value="0" maxlength="3" size="3" id="excerpt_counter" readonly="" style="background:#fff;"> <small>character(s).</small></div>");
jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
jQuery("#excerpt").keyup( function() {
jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
});
});</script>';
}
add_action( 'admin_head-post.php', 'excerpt_count_js');
add_action( 'admin_head-post-new.php', 'excerpt_count_js');
|
파일 저장
위에서 만든 파일에 고유의 이름을 지정하고 .php 확장자로 저장합니다. 저는 hwangc-excerpt-counter.php 로 이름을 정하고 저장하겠습니다.
파일 압축 & 인스톨
저장된 파일은 zip파일로 압축하고 워드프레스 대시보드>>플러그인>>플러그인 추가하기>>업로드 에서 저장한 zip파일을 불러와 설치하고 활성화합니다. 저는 hwangc-excerpt-counter.zip으로 압축하고 플러그인으로 설치하여 아래와 같이 활성화 하였습니다.
테마에서 확인
이제 플러그인이 제대로 작동하는 지 확인해봐야겠죠. 해당 기능을 확인하기 위해 포스트 에디터 영역으로 이동해보겠습니다. 아래와 같이 요약글에 카운터가 제대로 작동을 하네요. 그러면 다른 테마에서도 작동하는 지 확인해봐야겠죠. 저는 제가 가지고 있는 twentyeleven과 twentyten에서 모두 제대로 작동 하는 것을 확인했습니다.
마치며
간단한 기능이지만 테마에 상관없이 사용하고 싶은 기능이라면 플러그인으로 만들어 사용하면 좋을 것같습니다. 여러분의 소중한 플러그인을 만들어 보시고 좋은 기능이라면 같이 공유도 해보세요.
그럼 오늘도 즐거운 블로깅하세요.
아래는 플러그인을 만드실 때 주의 사항입니다.
1. 플러그인으로 만들어보기 전에 소스 코드가 functions.php파일에서 제대로 작동하는 지 확인해보시고 잘 동작하는 것을 확인하셨으면 functions.php에서 그 코드는 지우셔야합니다. 플러그인으로 만들면 코드가 겹치기 때문이죠.
2. 플러그인의 이름은 다른 플러그인과 겹치지 않도록 하세요.
3. 플러그인을 .php로 저장하실 때는 utf-8인코딩으로 저장하세요.
더 자세한 사항은 워드프레스 codex의 Wrting a Plugin을 참고하세요.
[출처] http://hwangc.com/how-to-make-plugin/
