워드프레스 실시간 대화 플러그인 AJAX Shoutbox plugin

By | 2005-05-04
7 Comments

블로그에 채팅창을 달수 있는 chatango와 같은 서비스처럼 워드프레스에 설치할수 있는 채팅 플러그인이 있다. 구글의 지메일이나 suggest 등에서 사용되어 널리 알려지게 된 Ajax 기술을 사용해서 만든, 워드프레스용 실시간 채팅 플러그인인 AJAX Shoutbox plugin을 설치해 봤다. 플러그인 형태이다보니 관리자 로긴상태에서는 자동으로 자신의 닉네임이 입력된다. 자바스크립트를 이용해서 서버와 통신하여 사용자가 화면을 새로 고치지 않아도 변경된(통신한 이후) 내용을 화면에 보여주는 것으로 실시간 채팅을 구현하였다. 설치/사용법은 자체 포함된 readme.txt파일에 잘 설명되어 있으나…

  1. install-live.php 파일을 워드프레스가 설치된 디렉토리에 올린뒤 브라우저에서 install-live.php파일을 연다. DB에 테이블 만드는 파일이며 정상적으로 만들어졌을 경우 허연 빈 화면이 뜬다. 한번 실행했으면 이 파일은 삭제해도 좋다.
  2. 워드프레스가 설치된 디렉토리(이하 WP)/wp-content/plugins/아래에 wordspew라는 디렉토리를 만들고 fatAjax.php 와 wordspew.php 파일을 그 디렉토리 안에 집어넣는다.
  3. 워드프레스 관리자 화면의 플러그인 메뉴에서 Jalenack’s Wordspew를 활성화 시킨다.
  4. 채팅창을 보여줄 위치에 (보통 sidebar.php ) <?php jal_get_shoutbox(); ?> 를 적어준다.
  5. 사용하는 테마파일의 헤더파일 안에서 <head>와 </head>중간에 아래의 코드를 추가시킨다.
    <script type="text/javascript" src="/wp-content/plugins/wordspew/fatAjax.js">
    </script>     0.42a버젼 이후로는 추가하지 않아도 된다.
    여기서 중요한 것은 자신의 워드프레스 설치 경로가 다를 경우 즉 http://서버주소/wordpress/ 일 경우에는 위의 코드의 시작부분인 /wp-content를 /wordpress/wp-content/ 와 같이 수정해주어야 한다는 점이다. 마찬가지로 이 경우 수정해줘야할 부분이 또 있는데 fatAjax.js 파일을 열어서 103번째 줄과 104번째 줄에서도 경로를 수정해준다. 이 경로가 틀리면 채팅창이 뜨지않고 loading…이라는 메세지만 나온다. 이것 역시 0.42a 버젼 이후로 사용자별 WP경로를 자동인식하도록 바뀌었으니 신경쓰지 않아도 된다.
  6. readme.txt파일안에 포함된 CSS를 참고하여 자신의 테마 스타일파일 맨 끝에 추가시킨다. 이 스타일을 적용할 경우 대화내용이 아래로 계속 이어져 출력되지 않고 스크롤바가 있는 텍스트상자 안에 표시되는 효과도 있다.

추가// 계속 버젼업 되면서 설치방법이 변경될 수 있다. 이 글 작성할때는 0.4 버젼이었는데 1시간반쯤 지난 지금 다시 가보니 0.42a 버젼으로 바뀌었다.

7 thoughts on “워드프레스 실시간 대화 플러그인 AJAX Shoutbox plugin”

  3. 그림동화

    ^^ 안 그래도 오늘 전광판 플로그인 같은것 있으면 좋겠다는 생각을 하고 WORDPRESS.ORG에서 찾아보려고 생각하고 있었는데 잘 되었네요 ^^

  4. Pingback: 지스토리 스튜디오

  5. Pingback: hard-voiled wonderland, hurd's sl33pylog

  6. Pingback: jeolee.com/ver3 » PLUG-IN,

Comments are closed.