SocialXE

최근 서버 통계

난다날아 — Mon, 30 Jan 2012 22:48:05 +0900

공개된 소스에는 포함되어 있지 않지만 자체적으로 API 요청 통계를 수집하고 있었는데요(글 내용은 수집하지 않습니다). 급 현황이 궁금해서 정리를 해보았습니다.

요청수

날짜별 총 요청수

요청수는 SNS 로그인 처리, 글 전송, 클라이언트 사이트를 방문한 사용자의 자동로그인 처리 등 모든 API 요청에 대한 요청수입니다.

서비스별 글 전송

서비스별 글 전송수

서비스별 글 전송수는 역시 트위터가 압도적으로 많고 뒤이어 미투데이, 요즘, 페이스북의 순이네요.

도메인별 글전송

1.17~1.29까지 도메인 별 요청수

도메인 정보는 어떤 사이트에서 얼마만큼 socialxe.net를 이용하여 글을 전송했는지 볼 수 있습니다. 상위 20개의 사이트인데요. 순팽이닷컴이 압도적이네요.

업데이트 정보

난다날아 — Fri, 23 Dec 2011 17:23:27 +0900

XE 1.5에서 작동할 수 있도록 업데이트가 되었습니다. 수고해주신 misol님 감사합니다.

클라이언트 모듈 Ver. 1.0.9

XE core 1.5 지원 - misol
소셜로그인 화면에 iPhone4(S) 레티나 디스플레이 지원 - misol
짧은 주소 사용 옵션 추가 - misol
소셜 정보 페이지 모바일 화면 최적화 - misol

댓글 위젯 Ver. 1.0.8

소셜 버튼에 다국어 적용 - misol

도우미 애드온 Ver. 1.0.6

일부 코드를 XE 1.5에 맞도록 수정 - misol

mid 포워더 애드온 Ver. 1.0.3

일부 코드를 XE 1.5에 맞도록 수정 - misol

업데이트 정보

난다날아 — Thu, 23 Jun 2011 12:53:42 +0900

클라이언트 모듈이 Ver. 1.0.8로, 댓글 위젯이 Ver. 1.0.7로 업데이트 되었습니다.

클라이언트 모듈

로그인 안내 페이지의 모바일 최적화 (misol)
임시저장 시 소셜 통합 기능을 사용하지 않는 모듈에서도 SNS로 전송되는 문제 수정 (난다날아)

댓글 위젯

XE 버튼에 로그인 처리 추가 (난다날아)
댓글 입력창 자동 크기 조절 기능의 초기화를 페이지 로딩이 완료된 후 하도록 수정 (난다날아)

SVN Checkout 주소 변경하기

난다날아 — Thu, 19 May 2011 17:56:00 +0900

안녕하세요. 어제 SocialXE 프로젝트의 프로젝트 호스팅 이전에 대해 알려드렸습니다.

이전 SVN의 코드를 체크아웃해서 사용하고 계시는 분들도 있을 수 있는데요. 변경된 SVN 주소로 새로 체크아웃하려면 체크아웃한 코드를 완전히 지우고 새로 체크아웃 받으면 되지만, 혹시 자체적으로 코드를 수정하면서 SVN의 변경 사항을 반영하고 계시는 분들도 있을 수 있습니다. 이 경우 수정한 코드는 그대로 두고 변경된 SVN 주소로 체크아웃하는 방법을 알려드리겠습니다.

먼저, 이전 SVN 정보를 삭제해야 합니다. SVN 체크아웃을 받은 디렉토리에서 아래 명령을 실행합니다. 이 명령을 실행하면 현재 있는 디렉토리의 하위까지 .svn 디렉토리를 검색해서 삭제해줍니다.

find -name .svn -exec rm -rf {} \;

이제 새로운 SVN 주소로 체크아웃을 받습니다. 그냥 체크아웃을 받으면 파일이 이미 있다고 나오기 때문에 --force 옵션을 이용하여 강제로 체크아웃 되도록 합니다.

svn checkout http://socialxe.googlecode.com/svn/ . --force

이 팁이 도움이 되기를 바랍니다. 감사합니다.

프로젝트 호스팅 이전

난다날아 — Wed, 18 May 2011 19:21:53 +0900

안녕하세요? 간만에 블로그에 포스팅을 합니다.

XE 프로젝트 호스팅 이전 및 종료 공지
http://www.xpressengine.com/blog/19747700

SocialXE는 XE에서 제공되는 프로젝트 호스팅을 이용하여 프로젝트를 관리해 오고 있었습니다. 하지만 위 링크에 공지된 것과 같이 XE 프로젝트 호스팅이 종료될 예정입니다. 그래서 SocialXE 프로젝트 또한 다른 프로젝트 호스팅으로 이전을 하여야 했고 Google Project Hosting으로 이전을 하였습니다.

SocialXE 프로젝트 사이트
http://code.google.com/p/socialxe/

처음에 계획은 구글 프로젝트 호스팅에서 SVN만 사용을 하고 나머지 이슈 관리, 포럼 등을 공식 사이트에서 모두 해결할 생각이었는데요. 이슈트래커를 공식 사이트에 설치하여 테스트해보니 소스보기 등에서 걸리는 속도가 너무 오래 걸려 사용하지 않기로 했습니다. 포럼은 공식 사이트에 유지하기로 하였습니다.

프로젝트 호스팅이 변경되었기 때문에 SVN 주소 또한 변경되었습니다. 변경된 SVN 주소를 안내해 드립니다. (배포 버전 기준)

구성요소	새 주소
도우미 애드온	http://socialxe.googlecode.com/svn/trunk/addons/socialxe_helper/
mid 포워더 애드온	http://socialxe.googlecode.com/svn/trunk/addons/socialxe_mid_forwarder/
클라이언트 모듈	http://socialxe.googlecode.com/svn/trunk/modules/socialxe/
서버 모듈	http://socialxe.googlecode.com/svn/trunk/modules/socialxeserver/
댓글 위젯	http://socialxe.googlecode.com/svn/trunk/widgets/socialxe_comment/
정보 위젯	http://socialxe.googlecode.com/svn/trunk/widgets/socialxe_info/

기타 SVN의 구조는 이전과 같습니다.

감사합니다.

업데이트 정보

난다날아 — Thu, 07 Apr 2011 19:09:18 +0900

서버 모듈, 댓글 위젯, 정보 위젯이 업데이트 되었습니다. 업데이트 정보입니다. en?

서버 모듈 Ver. 1.0.9

중국어 간체 번역 추가 (royallin)
중국어 번체 번역 추가 (창한이)

댓글 위젯 Ver. 1.0.6

레이아웃 등의 CSS와 충돌하지 않도록 모든 클래스 명에 접두어 추가 (난다날아)
대댓글이 처음 펼쳐질 때 애니메이션이 적용되지 않던 문제 해결 (난다날아)
댓글 입력 칸 자동 크기 조절 기능 추가 (난다날아)

정보 위젯 Ver. 1.0.6

레이아웃 등의 CSS와 충돌하지 않도록 모든 클래스 명에 접두어 추가 (난다날아)

업데이트 정보

난다날아 — Thu, 31 Mar 2011 17:20:44 +0900

XE Core 1.4.5 출시에 맞쳐 SocialXE 구성요소들 또한 업데이트 되었습니다. 업데이트 정보입니다.

도우미 애드온

SNS 전송 표시 방식 개선(misol)
SNS 전송 표시 선택 옵션 추가(misol)

mid 포워더 애드온

info.xml 파일 수정(misol)

클라이언트 모듈

중국어 번체 번역 수정(royallin)

댓글 위젯

대댓글 자동 펼침 기능 추가(난다날아)
XE Core 1.4.5 대응(난다날아)

정보 위젯

XE Core 1.4.5 대응(난다날아)

업데이트 정보

난다날아 — Thu, 10 Mar 2011 22:23:52 +0900

클라이언트 모듈, 서버 모듈, 댓글 위젯, 정보 위젯이 업데이트되었습니다.

클라이언트 모듈

텍스타일 발행 시 SNS로 두번 전송되는 문제가 수정되었습니다. 트위터와 요즘은 중복 에러, 미투데이는 10초 제한에 걸려 전송되지 않고, 페이스북만 중복 전송됐었습니다.
로그인 안내 페이지의 이미지가 표시되지 않던 문제가 수정되었습니다. 이동을 위한 스크립트 실행 시점이 잘못되어 있었습니다.
중국어 번체 추가 (royallin)

서버 모듈

일본어 추가 (SketluZ)

댓글 위젯, 정보 위젯

일본어 추가 (SketluZ)
중국어 번체 추가 (royallin)

업데이트 정보

난다날아 — Sat, 05 Mar 2011 12:33:43 +0900

도우미 애드온, mid 포워더 애드온, 댓글 위젯, 정보 위젯, 클라이언트 모듈, 서버 모듈. SocialXE의 모든 구성요소가 업데이트 되었습니다. 각 업데이트 정보입니다.

도우미 애드온

글, 댓글 작성자의 소셜 정보를 아이콘만을 사용하여 표시하도록 변경하였습니다.
소셜 정보 아이콘을 HTML 상에서 글, 댓글 영역의 밖에 표시하도록 변경하였습니다.
영어(misol), 일본어(SeklutZ)가 추가되었습니다.

mid 포워더 애드온

영어(misol), 일본어(SeklutZ)가 추가되었습니다.

댓글 위젯

영어(misol)가 추가되었습니다.

정보 위젯

영어(misol)가 추가되었습니다.

클라이언트 모듈

SNS 전송 시 HTML 엔티티(  등)가 표시되던 문제를 수정했습니다.
로그인 안내 페이지에 자바스크립트가 작동하지 않는 환경을 위한 대체 링크를 추가하였습니다.
페이스북으로 전송 시 글의 썸네일이 존재하면 페이스북의 링크 썸네일로 그것을 사용하도록 개선되었습니다.
영어(misol), 일본어(SeklutZ)가 추가되었습니다.

서버 모듈

페이스북 사용자에 대한 댓글 알림이 기존의 담벼락 등록에서 이메일로 변경되었습니다.
페이스북으로 전송 시 글의 썸네일이 존재하면 페이스북의 링크 썸네일로 그것을 사용하도록 개선되었습니다.

연애의 해답 LoveQNA

난다날아 — Thu, 24 Feb 2011 22:04:49 +0900

SocialXE 적용 사례, 세번째! 연예의 해답 LoveQNA입니다!

적용 사례의 인터뷰는 이메일을 통한 서면 질답 형식으로 진행되었습니다.

연예의 해답 LoveQNA
http://www.loveqna.com/

사이트 소개

연애의 해답 LoveQNA는 포탈사이트를 목표로 성장 중인 커뮤니티 사이트입니다. 연애 상담, 연애 정보, 데이트 코스, 할인 혜택등 연애를 하는데 필요한 컨텐츠를 제공하고 있답니다. 연애 경험이 풍부한 운영진들을 주축으로 사이트가 운영되고 있어 다른 곳에서 느끼기 힘든 묘한 매력이 있는 사이트입니다.

SocialXE를 적용 후...

가장 큰 변화는 회원들이 사이트에 갇히지 않고 SNS를 통해 세상과 소통할 수 있게 되었다는 점입니다. 사실 일반 회원들 입장에서 SNS 서비스와 커뮤니티 사이트를 동시에 관리한다는 건 불가능에 가깝습니다. 그런데 SocialXE를 통해 커뮤니티 활동과 SNS 활동을 동시에 할 수 있어서 회원들의 참여율이 높아졌습니다. 어차피 SNS에 쓸 말이 있다면 연애의 해답에 남겨 SNS에도 보내고 회원들끼리 커뮤니케이션도 함으로서 둘 다 운영을 하는게 이익이기 때문입니다. 회원들 중에 겨우 200~300명의 팔로워가 있던 분이 SocialXE를 사이트에 도입했더니 어느새 2000명이 넘으셨답니다. 또한 컨텐츠의 파급력이 강해져 방문자의 증가를 체감할 수 있었습니다.

활용방법

기존의 XE 댓글 창과 소셜 댓글 창에서 많은 고민을 했습니다. 비로그인이 많은 사이트 특성 상 도저히 소셜댓글만 단독으로 달 수는 없어 처음엔 두 가지 댓글을 조합해서 운영을 했었습니다. 지금은 소셜통합설정을 통해 기존의 XE 댓글 창만 설치해둔 상태입니다. 기존 댓글 느낌은 살리면서 SNS에 문서를 보낼 수 있다는 건 정말 놀라운 일이라고 생각합니다.

삼척종합사회복지관

난다날아 — Wed, 16 Feb 2011 22:24:45 +0900

SocialXE 적용사례! 두번째! 삼척종합사회복지관입니다.

적용 사례의 인터뷰는 이메일을 통한 서면 질답 형식으로 진행되었습니다.

홈페이지(모바일 포함)
http://samcheok.org

미투데이
http://me2day.net/samcheok

트위터
http://twitter.com/samcheoksocial

페이스북
http://facebook.com/samcheok

사이트 소개

강원도 영동지역 끝자락에 위치한 삼척은 경상북도와 인접한 지역으로 전체적인 면적은 타시도에 비해 넓은 편이나, 거리상 대도시 지역과 먼 관계로 물질적 인적 자원이 부족한 곳입니다. 삼척 지역의 유일한 종합사회복지관으로서 지역사회 소외된 이웃들에게 질 높은 사회 서비스를 제공하고 행복한 세상을 만들어 가기 위해 최선을 다하고 있습니다.

현 복지관은 제보도드 4부터 복지관 자체에서 직접 제작하고 있으며, 제로보드XE로 업그레이드 후 XE 엔진으로 변경되었습니다. 현재로 직원이 100% 디자인 및 사후관리를 진행하고 있습니다.

XE를 사용하고 있어 다양한 모듈 및 위젯 등을 적절하게 활용하고 있으며 2010년 초부터는 SNS 서비스의 중요성을 판단하고 현재 지역사회복지관으로서는 드물게 미투데이, 트위터, 페이스북, 요즘, 유튜브, 스카이드라이브 등을 운영하고 있습니다. 또 직원의 80%가 1인 1 미디어를 운영하고 있는 곳이기도 합니다. 개방성과 공유의 정신에 따라 기관 사이트의 운영 및 디자인 등에 대한 폭넓은 자료를 제공하고 있으며, 최근에는 소셜 미디어 아이디를 이용한 소통 시스템인 SocialXE를 도입하게 되었습니다.

SocialXE를 적용 후...

저희 복지관 사이트의 경우 공공기관의 사이트라는 점에서 익명성 글을 기입하지 못하도록 제한하고 있습니다. 또 XE의 경우 가벼운 회원가입 조건을 가지고 있음에도 지역적 특성과 사이트에 대한 신뢰적 문제로 인해 회원가입을 꺼려하는 것이 보통입니다. 이러다보니 소통의 장소인 복지관 사이트가 소통은 없는 일방적인 공지의 방으로 변하고 있던 와중에 SocialXE를 접목하게 된 것입니다.

일단 회원가입에 대한 부담을 대폭 축소시킬 수 있었다는 점
이로 인해 기존의 소통 없는 사이트에 소통과 함께 외부에서 오는 분들의 다양한 의견과 댓글을 볼 수 있게 되었다는 점
분산된 소셜 네트워크에 기관 소식을 효율적으로 포스팅 가능하다는 점
다양한 접근성을 제공하기 때문에 접속자의 사이트 체류시간 상승과 함께 글의 홍보 효율성이 증대된다는 점(뷰 수가 2배 이상 증가됨)

활용방법

현재 복지관의 경우 각 게시판을 메뉴얼에 따라 일부 수정하여 댓글 작성을 SocialXE로 할 수 있도록 수정해 놓은 상태이며, SNS 나눔터라는 항목을 만들어 기존 타임라인 방식의 소통로처럼 제공도 하고 있습니다.

지역주민의 SNS에 대한 관심도 증가를 위한 교육 프로그램을 준비 중이기도 합니다. 이를 통해 SocialXE로의 댓글과 포스팅 능력, 재배포의 효율의 시너지 효과로 작용할 것으로 판단됩니다.

같은 취미! 함께하는 즐거움! IMGXE

난다날아 — Tue, 15 Feb 2011 10:49:51 +0900

SocialXE 적용 사례! 그 첫번째! 같은 취미! 함께하는 즐거움! IMGXE입니다.

적용 사례의 인터뷰는 이메일을 통한 서면 질답 형식으로 진행되었습니다.

IMGXE
http://www.imgxe.com

사이트 소개

디지털 카메라 활용을 주목적으로 디카와 함께 할 수 있는 디디털 카메라 활용 취미 커뮤니티입니다.

10년 전 제로보드 시절부터 운영되어 전국형 커뮤니티로 아주 큰 성잘세를 이루었지만 몇년 전 서버 사고로 사이트 데이터를 모두 날려버려 지난 1년 전 다음 카페로 다시 시작하여 독립해서 동호회로 운영되고 있습니다.

SocialXE 적용 후...

SocialXE의 가장 좋은 점은 말 그대로 소셜 사이트에 가입된 사람들이 별도의 회원가입 없이 본인의 소셜 아이디를 이용하여 커뮤니티에 참여할 수 있다는 것입니다.

별 메리트 없는 사이트에 꼭 필요한 자료 몇 개를 보기 위해 억지로 회원가입을 해야 하는 번거로움에서 벗어날 수 있는 아주 유용한 기능입니다.

요즘 시대는 굳이 특정 사이트에 회원가입을 안해도 필요한 자료들은 인터넷 상에서 다 찾을 수 있기 때문에 폐쇄형 사이트에 존재하는 일방적인 회원제는 사이트 성잘에 많은 제약을 가져다 줍니다.

SocialXE는 그런 면에서 참 편리하고 사이트를 운영하는 입장에서도 회원제와 병행해서 아주 유용하게 사용할 수 있는 기능입니다. (사이트의 규모가 아직 소규모라 회원들의 반응은 뭐라 결론내기 힘들지만 운영하는 입장에서는 아주 유용합니다)

활용 방법

위에서 언급했다시피 디지털 카메라 관련 커뮤니티를 돌아보면 대부분 폐쇄적으로 운영하는 곳이 많습니다.

어차피 회원들은 그 수 많은 디지털 카메라 관련 커뮤니티에 중복으로 가입되어 활용하기 때문에 폐쇄형 방식의 회원제는 별 필요성이 없는 현실입니다. (같은 사진 자료가 여기 저기 소속된 커뮤니티에 중복되는 현상..)

회원제는 날이 갈수록 사이트 성장을 막는 주요한 요인으로 자리 잡을 것입니다. SocialXE는 회원제와 잘 결합시켜 활용한다면 사이트 성장의 측면에서도 장점으로 부각될 것입니다.

커뮤니티는 되도록 오픈되어 운영되어야 합니다. 그런 점에서 SocialXE는 SNS 붐이 일어나면서 가장 잘 맞아 떨어지는 XE의 한 프로그램입니다.

참고로 XE 자료 중에 제일 놀라운 것이 난다날아님의 SocialXE와 SMaker님의 AllianceXE입니다. ^^ 위 두가지가 서로 조합되면 원초적인 사이트 성장에 지대한 역할을 할 것이라고 생각됩니다.

페이스북 링크의 정보를 설정하는 법

난다날아 — Mon, 14 Feb 2011 21:56:36 +0900

안녕하세요. 오늘은 꼭 SocialXE 사용을 위한 것이 아니라 전반적으로 모든 사이트에 적용할 수 있는 팁을 하나 알려드리겠습니다.

페이스북에서 링크를 공유하려면 아래와 같은 화면을 보실 수 있습니다.

링크하려는 페이지의 이미지 중 하나를 썸네일로 보여주고 내용 중 일부를 링크 아래에 표시해 주네요. 저 썸네일 이미지와 내용을 원하는 것으로 변경하는 방법을 알려드릴게요.

썸네일 변경

1. 우선 썸네일로 사용하고자하는 이미지를 하나 준비해서 업로드합니다. 이미지는 크기 250px까지 된다고 하네요. 그것보다 크면 페이스북에서 축소한다고 합니다.

2. 이제 홈페이지의 <head> ... </head> 사이에 다음 코드를 추가해 줍니다.

<link rel="image_src" href="http를 포함한 이미지 전체 경로" />

XE라면 사용 중인 레이아웃 설정에서 '헤더 스크립트' 부분에 추가하시면 됩니다.

이렇게 하면 썸네일을 마음에 드는 것으로 지정할 수 있습니다. 한가지 알아두실 점이 있는데요. 페이스북에서는 링크 페이지에 대한 캐시를 유지하고 있습니다. 이전에 이미 해당 페이지가 공유된 적이 있다면 바로 반영되지 않을 수도 있어요.

그리고, SocialXE 공식 사이트의 서버에서는 오늘 페이스북에 전송할 때 썸네일을 지정하지 않도록 변경하였습니다. 제가 테스트해 본 결과 SocialXE를 이용할 때는 썸네일이 표시되지 않네요.

내용 변경

다음으로 링크 아래 표시되는 내용을 변경하는 방법입니다.

매우 간단합니다. 아래 코드를 <head> ... </head> 사이에 추가합니다.

<meta name="description" content="사이트 설명" />

썸네일 이미지와 마찬가지로 페이스북의 캐시 때문에 바로 반영되지 않을 수 있고요. 썸네일과는 달리 SocialXE를 이용할 때도 반영됩니다.

이상으로 페이스북의 링크 정보를 설정하는 법을 알아봤습니다.

SocialXE #1 소셜댓글

난다날아 — Sun, 30 Jan 2011 00:58:32 +0900

안녕하세요!

드디어 SocialXE 홍보영상이 완성되었습니다. 제 친구와 친구 동생이 도움을 많이 줬습니다.

감상해보세요!

SocialXE 댓글을 Textyle에 적용하기

난다날아 — Sun, 16 Jan 2011 15:58:09 +0900

안녕하세요. 지난 번 SocialXE 댓글 게시판에 적용하기에 이어 오늘은 Textyle에 적용하는 방법을 알아보겠습니다.

본 내용에 들어가기에 앞서 한가지 팁을 알려드리겠습니다. 배포판에 포함된 스킨을 수정하실 때는 곧바로 수정하지 마시고 다른 이름으로 스킨 폴더를 만들어 복사하신 후에 수정하기는 것이 좋습니다. 이렇게 해야 다음 새 버전을 설치하더라고 수정된 내용을 지킬 수 있습니다.

Textyle 스킨 수정하기
PC 버전 스킨 수정 (post.list.html)
모바일 버전 스킨 수정 (read.html)

Textyle 스킨 수정하기

Textyle에 SocialXE 댓글을 적용하기 위해서는 게시판과 마찬가지로 스킨의 댓글 목록과 입력 부분을 SocialXE 댓글 위젯 코드로 변경하여야 합니다. PC 버전의 스킨은 post.list.html파일을 고치면 되고(초창기 Textyle 스킨 등 일부 스킨은 고쳐야할 파일이 다를 수도 있습니다), 모바일 버전의 스킨은 read.html 파일을 고치면 됩니다.

PC 버전 스킨 수정 (post.list.html)

PC 버전의 스킨을 수정하기 전 한가지 팁이 있습니다. 텍스타일의 PC 버전 스킨은 스킨을 적용시키면 원본 스킨은 그대로 둔채 files/attach/textyle/ 아래에 module_srl을 이용한 numbering 폴더로 적용한 스킨을 복사해 둡니다. 텍스타일의 HTML·CSS 편집에서 수정된 내용은 원본 스킨에 반영되지 않고 바로 이곳에 반영됩니다. 때문에 스킨을 수정하실 때 수정하고 확인하려면 매번 새로 스킨 적용을 해야 하기 때문에 바로 저 files/attach/textyle/xxxx/에 있는 복사본을 수정하시면 쉽게 작업하실 수 있습니다.

그럼, 스킨을 수정해 보겠습니다. 저는 Textyle 스킨 중 이 블로그에 사용한 SimpleLine 스킨을 예로 하겠습니다.

스킨에 따라 다르겠지만 보통 부터 이 if문의 짝인 까지를 위젯코드로 대체하면됩니다. 이 역시 if문의 연결된 end를 정확히 찾아주시는 게 중요합니다. SimpleLine 스킨의 경우 아래 코드가 해당합니다.

<!--@if($document->allowComment())-->
                        <a name="comment"></a>
                        <div class="feedback reply">
                            <h3 class="feedbackTitle">Comments <em>{$document->getCommentCount()}</em></h3>
                            <!--@if($document->getCommentCount())-->
                            <ol class="feedbackOrder">
                                {@ $_comment_list = $document->getComments() }
                                <!--@foreach($_comment_list as $key => $comment)-->
                                <li class="item<!--@if($comment->get('depth'))--> indent indent{$comment->get('depth')}<!--@end-->">
                                    <div class="meta">
                                        <div class="thumb">
                                            <!--@if($comment->getProfileImage())-->
                                                <img src="{$comment->getProfileImage()}" alt="author" />
                                            <!--@else-->
                                                <img src="img/iconAuthorNoImage.gif" width="39" height="39" alt="Author" />
                                            <!--@end-->
                                        </div>
                                        <h4 class="author">
                                            <!--@if($comment->homepage)-->
                                            <a href="{$comment->homepage}" onclick="window.open(this.href);return false;" class="member_{$comment->member_srl}">{$comment->getNickName()}</a>
                                            <!--@else-->
                                            <span class="member_{$comment->member_srl}">{$comment->getNickName()}</span>
                                            <!--@end-->
                                        </h4>
                                        <p class="date">{$comment->getRegdate('Y.m.d')} <span class="hhmm">{$comment->getRegdate('H:i')}</span></p>
                                        <p class="ipAddress">{$comment->getIpaddress()}</p>
                                    </div>
                                    <div class="data textyleContent">
                                        <a name="comment_{$comment->comment_srl}"></a>
                                        <!--@if($comment->isAccessible())-->
                                        {$comment->getContent(false)}
                                        <!--@else-->
                                        <form action="./" method="get" onsubmit="return procFilter(this, input_password)" class="pwForm active">
                                            <input type="hidden" name="mid" value="{$mid}" />
                                            <input type="hidden" name="page" value="{$page}" />
                                            <input type="hidden" name="document_srl" value="{$comment->get('document_srl')}" />
                                            <input type="hidden" name="comment_srl" value="{$comment->get('comment_srl')}" />

                                            <label for="readPw">{$lang->password} : </label> <input name="password" type="password" class="inputText" id="readPw" value="" /><input name="" type="submit" value="{$lang->cmd_confirm}" class="submit" />
                                        </form>
                                        <!--@end-->

                                        <!--@if(!$comment->member_srl)-->
                                        <form action="" method="post" class="modifyPw pwForm comment{$key}" onsubmit="return checkPasswordForModifyComment(this)">
                                            <input type="hidden" name="mid" value="{$mid}" />
                                            <input type="hidden" name="page" value="{$page}" />
                                            <input type="hidden" name="document_srl" value="{$comment->get('document_srl')}" />
                                            <input type="hidden" name="comment_srl" value="{$comment->get('comment_srl')}" />

                                            <label for="modifyPw">{$lang->password} : </label> <input name="password" type="password" class="inputText" id="modifyPw" value="" /><input name="" type="submit" value="{$lang->cmd_confirm}" class="submit" />
                                        </form>
                                        <form action="" method="post" class="deletePw pwForm comment{$key}" onsubmit="return checkPasswordForDeleteComment(this)">
                                            <input type="hidden" name="mid" value="{$mid}" />
                                            <input type="hidden" name="page" value="{$page}" />
                                            <input type="hidden" name="document_srl" value="{$comment->get('document_srl')}" />
                                            <input type="hidden" name="comment_srl" value="{$comment->get('comment_srl')}" />

                                            <label for="deletePw">{$lang->password} : </label> <input name="password" type="password" class="inputText" id="deletePw" value="" /><input name="" type="submit" value="{$lang->cmd_confirm}" class="submit" />
                                        </form>
                                        <!--@end-->
                                        <ul class="reAction">
            
                                        <!--@if($comment->isAccessible())-->

                                            <!--@if($textyle->isEnableComment())--><li><a href="{getUrl('','mid',$mid,'comment_srl',$comment->comment_srl,'document_srl',$document->document_srl,'act','dispTextyleCommentReply')}">{$lang->cmd_reply}</a></li><!--@end-->
                                            <!--@if($comment->member_srl)-->

                                                <!--@if($comment->isGranted() || $comment->member_srl==$logged_info->member_srl)-->
                                                <li><a href="{getUrl('','mid',$mid,'comment_srl',$comment->comment_srl,'document_srl',$document->document_srl,'act','dispTextyleCommentModify')}">{$lang->cmd_modify}</a></li>
                                                <li><button type="button" onclick="if(confirm('{$lang->confirm_delete}')) deleteCommentItem({$comment->comment_srl});">{$lang->cmd_delete}</button></li>
                                                    <!--@elseif($logged_info->is_site_admin)-->
                                                    <li><button type="button" onclick="if(confirm('{$lang->confirm_delete}')) deleteCommentItem({$comment->comment_srl});">{$lang->cmd_delete}</button></li>
                                                <!--@end-->
                                            <!--@else-->
                                                <!--@if($logged_info->is_site_admin)-->
                                                <li><button type="button" onclick="if(confirm('{$lang->confirm_delete}')) deleteCommentItem({$comment->comment_srl});">{$lang->cmd_delete}</button></li>
                                                <!--@else-->
                                                <li><button type="button" onclick="jQuery('.comment{$key}').removeClass('active');jQuery('.modifyPw.comment{$key}').addClass('active')">{$lang->cmd_modify}</button></li>
                                                <li><button type="button" onclick="jQuery('.comment{$key}').removeClass('active');jQuery('.deletePw.comment{$key}').addClass('active')">{$lang->cmd_delete}</button></li>
                                                <!--@end-->
                                            <!--@end-->
                                        <!--@end-->
                                        </ul>
                                    </div>
                                </li>
                                <!--@end-->
                            </ol>
                            <!--@end-->
                        </div>
                        <!--@if($document->comment_page_navigation)-->
                        <div class="pagination paginationNum">
                            <a href="{getUrl('cpage',1)}#comment" class="prev"><span>{$lang->first_page}</span></a>
                            <!--@while($page_no = $document->comment_page_navigation->getNextPage())-->
                            <!--@if($cpage == $page_no)-->
                            <strong>{$page_no}</strong>
                            <!--@else-->
                            <a href="{getUrl('cpage',$page_no)}#comment">{$page_no}</a>
                            <!--@end-->
                            <!--@end-->
                            <a href="{getUrl('cpage',$document->comment_page_navigation->last_page)}#comment" class="next"><span>{$lang->last_page}</span></a>
                        </div>
                        <!--@end-->

                        <div class="replyForm">
                            <h3>Leave Comments</h3>
                            <!--@if($textyle->isEnableComment())-->
                            <fieldset>
                                <form method="post" onsubmit="return insertCommentItem(this, insert_comment)" action="">
                                    <input name="mid" type="hidden" value="{$mid}" />
                                    <input type="hidden" name="document_srl" value="{$document->document_srl}" />
                                    <input type="hidden" name="comment_srl" value="" />
                                    <input type="hidden" name="content" value="" />
                                    {$document->getCommentEditor()}
                                    <!--@if($is_logged)-->
                                    <span class="member_{$logged_info->member_srl}"><strong class="name">{$logged_info->nick_name}</strong></span> <span class="email">{$logged_info->email_address}</span> <span class="url">{$logged_info->homepage}</span>
                                    <!--@else-->
                                    <input name="nick_name" type="text" class="inputText name" value="Name" title="Name"/>
                                    <input name="password" type="password" class="inputText pw" value="Password" title="Password" />
                                    <!--@if($textyle->getInputEmail()!='N')-->
                                        <input type="hidden" name="msg_input_email_address" value="{$lang->msg_input_email_address}"/>
                                        <input name="email_address" type="text" class="inputText email<!--@if($textyle->getInputEmail()=='R')--> request<!--@end-->" value="Email address" title="Email address" />
                                    <!--@end-->
                                    <!--@if($textyle->getInputWebsite()!='N')-->
                                        <input type="hidden" name="msg_input_homepage" value="{$lang->msg_input_homepage}"/>
                                        <input name="homepage" type="text" class="inputText url<!--@if($textyle->getInputWebsite()=='R')--> request<!--@end-->" value="URL" title="URL" />
                                    <!--@end-->
                                    <!--@end-->
                                    <input name="is_secret" id="secret1" type="checkbox" value="Y" class="inputCheck" />
                                    <label for="secret1">{$lang->secret}</label>
                                    <input name="submit" type="submit" value="SUBMIT" class="inputSubmit" />
                                </form>
                            </fieldset>
                            <!--@else-->
                            <p>{$lang->disable_comment}</p>
                            <!--@end-->
                        </div>
                    <!--@end-->

이 코드를 지우고 아래 위젯 코드로 대체해 줍니다.

<img class="zbxe_widget_output" widget="socialxe_comment" skin="default" document_srl="{$document->document_srl}" content_link="{getFullUrl('', 'document_srl', $document->document_srl, 'dummy', '1')}" content_title="{htmlspecialchars($document->getTitleText())}"/>

모바일 버전 스킨 수정 (read.html)

텍스타일 모바일 스킨은 SVN의 최신 코드를 받으시면 사용하실 수 있습니다. 모바일 스킨의 경우 PC 스킨과 달리 수정 내용이 바로 반영이 되니 스킨 파일을 바로 수정하시면 됩니다.

 부터 이 if문의 짝인 까지 위젯 코드로 대체하면 됩니다. default 스킨의 경우 아래 코드에 해당합니다.

<!--@if($oDocument->allowComment() && $oDocument->getCommentCount())-->
        <div class="hx h3">
            <h3 id="clb">{$lang->comment} <em>[{$oDocument->getCommentCount()}]</em></h3>
            <button type="button" class="tg tgr" title="{$lang->cmd_open_close}"></button>
        </div>
        <!--@endif-->
        <!--@if($textyle->isEnableComment() )-->
        <div class="hx h3">
            <h3>{$lang->msg_write_comment}</h3>
            <button type="button" class="tg" title="{$lang->cmd_open_close}"></button>
        </div>
        <form action="./" method="post" class="ff tgo open" onsubmit="return insertCommentItem(this, insert_comment);">
        <input type="hidden" name="mid" value="{$mid}" />
        <input type="hidden" name="document_srl" value="{$oDocument->document_srl}" />
        <input type="hidden" name="comment_srl" value="" />
        <ul>
            <li>
                <label for="rText">{$lang->comment}</label>
                <textarea name="content" cols="20" rows="5" id="rText"></textarea>
            </li>
            <!--@if(!$is_logged)-->
            <li>
                <label for="uName">{$lang->writer}</label>
                <input name="nick_name" type="text" id="uName" />
            </li>

            <!--@if($textyle->getInputEmail()!='N')-->
            <li>
                <label for="uMail">{$lang->email_address}</label>
                <input name="email_address" type="text" id="uMail" />
                <input name="email_address" type="text" class="inputText email<!--@if($textyle->getInputEmail()=='R')--> request<!--@end-->" value="Email address" title="Email address" />
            </li>
            <!--@end-->
            <li>
                <label for="uPw">{$lang->password}</label>
                <input name="password" type="password" id="uPw" />
            </li>

            <!--@if($textyle->getInputWebsite()!='N')-->
            <li>
                <label for="uSite">{$lang->homepage}</label>
                <input name="homepage" type="text" id="uSite" value="http://" />
                <input type="hidden" name="msg_input_homepage" value="{$lang->msg_input_homepage}"/>
            </li>
            <!--@end-->
            <!--@endif-->
            <li>
                <input name="is_secret" id="secret" type="checkbox" value="Y" />
                <label for="secret">{$lang->secret}</label>
            </li>
        </ul>
        <div class="bna">
            <input name="" type="submit" value="{$lang->cmd_comment_registration}" class="bn dark" />
        </div>
        </form>
        <!--@end-->

이 코드를 아래 위젯 코드로 대체해 줍니다.

<img class="zbxe_widget_output" widget="socialxe_comment" skin="default" document_srl="{$oDocument->document_srl}" content_link="{getFullUrl('', 'document_srl', $oDocument->document_srl, 'dummy', '1')}" content_title="{htmlspecialchars($oDocument->getTitleText())}"/>