AJAX Calendar 플러그인에 Widget 추가하기
2007년 7월 21일 by 김 승엽 View blog reactions
Widgetizing Giraffe AJAX Calendar Plugin
iTheme 라는 사이드 바에 도킹 박스 스크립트[1] 를 사용하는 재밌는 테마에 대한 소개를 보고 나중에 테마를 바꾸게 되면 이것으로 해도 괜찮을 것 같다는 생각이 들어서 이것 저것 건드려 봤습니다.
설치해 놓은 플러그인이 많아 테마를 변경하는 일이 그리 쉽게 끝날 일이 아니라서 일단은 테마와 충돌을 일으키는 플러그인들을 정리하고 폰트를 수정하는 작업을 하다가 사이드 바의 Widget들을 설정해 봤는데 Widget으로 사이드 바를 설정하는 것이 참 낯설더군요. 사이드 바를 쉽게 구성하고 변경할 수 있는 것은 좋은데 세밀한 부분까지 조정하려면 간단히 vi 에디터에서 Sidebar 템플릿을 수정하는 것보다 일이 복잡했습니다. 그 중에서 가장 처음 맞닥드린 문제가 Giraffe AJAX Calendar 플러그인을 적용 시키는 일 이었습니다.
Widget을 사용하지 않을 때는 간단하게 Sidebar.php 에서 template tag 만 변경해주면 끝나지만 Widget으로 추가하려고 하니 일이 좀 복잡해지더군요. 그래서 Giraffe AJAX Calendar 을 수정해서 Widget이 포함 되도록 바꿔봤습니다. Making Your WordPress Plugin Widget Ready 를 참고해 삽질을 하다 제대로 된 결과를 얻었는데 수정한 부분은 아래와 같습니다.
// 맨 마지막 줄의 ?> 는 삭제하고 넣어주세요.
function widget_ajaxcalendar($args) {
extract($args);
?>
<?php echo $before_widget; ?>
<?php echo $before_title
. 'Ajax Calendar'
. $after_title; ?>
<?php ajax_calendar(); ?>
<?php echo $after_widget; ?>
<?php
}
add_action('plugins_loaded', 'widgets_ajaxcalendar_init');
function widgets_ajaxcalendar_init() {
if (!function_exists('register_sidebar_widget')) {
return;
}
register_sidebar_widget('Ajax Calendar', 'widget_ajaxcalendar');
}
?>
위의 코드를 ajax-calendar.php 파일의 맨 마지막 줄에 추가해 주면 됩니다. 붙여 넣기 하실때 작은 따옴표 바뀌는 것 주의하시기 바랍니다. 코드를 수정하면 오른쪽 그림과 같이 Widgets 페이지에 Ajax Calendar 라는 Widget이 추가 됩니다. 추가하고 CSS 를 수정할 일이 없이 마음에 들게 출력이 된다면 다행이지만 그렇지 않을 경우에는 쉽게 Default theme 에서 #wp-calendar 로 정의 되어 있는 부분들을 모두 복사해서 사용하고 있는 테마의 Style Sheet 에 복사하고 수정해 주시면 됩니다. iTheme 같은 경우에도 #wp-calendar 는 없어서 복사해서 집어 넣었습니다. 워드프레스 2.2.1 과 Giraffe AJAX Calendar 2.3.1 버전에서 테스트 했습니다. 제대로 동작하지 않는다거나 문제가 발생한다면 코멘트 남겨 주시기 바랍니다.
그러나 저러나 이렇게 한가지 바꾸는데도 시간이 많이 걸리니 테마를 변경할 수 있을지 모르겠습니다. 
- dbx script는 선택된 박스의 위치를 변경할 수 있게 해주는 스크립트 입니다. 워드프레스에서는 에디터 창의 오른쪽에 적용되어 있습니다. [↩]
: ajax-calendar, Plugin, WordPress, 워드프레스
: ajax calendar, Plugin, WordPress, 워드프레스
: ajax calendar, Plugin, WordPress, 워드프레스
Current post already pinged to:
http://urbangiraffe.com/plugins/ajax-calendar/trackback
