웹마스터 팁

Untitled.png



테스트 환경

- XE 1.4.5.10

- bodex 0.9.3



안녕하세요, XpressEngine을 잘 쓰고있는 한 사람입니다.

거의 매일 팁이랑 자료를 보기만 하고, 댓글도 안다는 입장으로써...

뭔가 커뮤니티에 조금이나마 도움이 될까 싶은게 있어서 "진짜 별거 아닌" 팁을 쓰려합니다.

xe 다루는 실력도 없고글솜씨도 없고, 팁도 서툴지만 도움이 됬으면 하네요.




0. 백업!


백업은 옵션이 아니라 필수입니다.

백업하세요. 두번하세요.




1. 준비물.


/xe/modules/bodex/skins/ex_default/comment_form.html

[옵션] /xe/common/lang/ko.lang.php


혹시 bodex 스킨을 다른것으로 쓰시는 분들은...

적절한 응용을 통해서 충분히 같은 결과를 보실수 있으리라 생각합니다.




2. comment_form.html 수정하기.


일단 하단쯤 댓글 등록 버튼을 설정해둔 부분이 있을겁니다.


<div class="commentButton tRight">

    <span cond="$oComment" class="button {$btn_class}"><input type="button" value="{$lang->cmd_back}" onclick="<!--@if($iframe_include)-->_exJsIframeClose({$oSourceComment->isExists()?$oComment->parent_srl:$oComment->comment_srl});<!--@else-->location.href='{getUrl('act','')}';<!--@endif--> return false;"/></span>

     <span class="button black"><input type="submit" value="{$lang->cmd_comment_registration}" accesskey="s" /></span>

</div>



파란색과 빨간색으로 써있는 곳 사이에 다음과 같은 코드를 넣어줍니다.


<!--추천 & 댓글 등록 버튼-->

<span class="button green">

<input onclick="doCallModuleAction('document','procDocumentVoteUp',{$oDocument->document_srl});" type="submit" value="{$lang->cmd_vote_up_and_comment}" class="btn"/>

</span>

<!--추천 & 댓글 등록 버튼-->



그럼 이렇게 되겠지요?


<div class="commentButton tRight">

    <span cond="$oComment" class="button {$btn_class}"><input type="button" value="{$lang->cmd_back}" onclick="<!--@if($iframe_include)-->_exJsIframeClose({$oSourceComment->isExists()?$oComment->parent_srl:$oComment->comment_srl});<!--@else-->location.href='{getUrl('act','')}';<!--@endif--> return false;"/></span>

    <span class="button black"><input type="submit" value="{$lang->cmd_comment_registration}" accesskey="s" /></span>

<!--추천 & 댓글 등록 버튼-->

<span class="button green">

<input onclick="doCallModuleAction('document','procDocumentVoteUp',{$oDocument->document_srl});" type="submit" value="{$lang->cmd_vote}+{$lang->cmd_submit}" class="btn"/>

</span>

<!--추천 & 댓글 등록 버튼-->

</div>





3. [옵션] 깔끔하게 버튼 문자 출력하기.


방금 수정한 comment_form.html을 다시 수정해야 합니다.

열어주고 빨간색으로 칠한 부분을 봐주세요.


<!--추천 & 댓글 등록 버튼-->

<span class="button green">

<input onclick="doCallModuleAction('document','procDocumentVoteUp',{$oDocument->document_srl});" type="submit" value="{$lang->cmd_vote}+{$lang->cmd_submit}" class="btn"/>

</span>

<!--추천 & 댓글 등록 버튼-->



$lang->cmd_vote}+{$lang->cmd_submit를 $lang->cmd_vote_up_and_comment로 바꿔줍니다.


그리고 이제 1번에서 옵션으로 준비한 ko.lang.php를 꺼내들어줍니다.

아무데나 다음과 같이 넣어주세요.


// 추천과 댓글등록 함께 쓰기

$lang->cmd_vote_up_and_comment = '추천 & 댓글 등록';



빨간색 부분은 마음대로 바꾸셔도 됩니다.




4. ...번외.


버튼 색상도 바꿀수가 있습니다.


<!--추천 & 댓글 등록 버튼-->

<span class="button green">

<input onclick="doCallModuleAction('document','procDocumentVoteUp',{$oDocument->document_srl});" type="submit" value="{$lang->cmd_vote_up_and_comment}" class="btn"/>

</span>

<!--추천 & 댓글 등록 버튼-->



빨간색 부분을 green, black, blue, white, red중에 골라서 사용하실수 있습니다.

그 외에도 많고, 버튼을 추가할수도 있지만...

이건 나중에 시간나면 팁을 쓰도록 하겟습니다.


재미없는 팁 읽어주셔서 감사합니다!




Credits


숭숭군님의 팁을 참고하여 만들었습니다.

스케치북 게시판 추천+등록 버튼 만들기 (수정)


멋진 팁을 올려주신 숭숭군님 감사합니다.

원하신다면 이 팁은 삭제하겠습니다.

제목 글쓴이 날짜
이전글, 다음글 얻기 [25] 라르게덴 2008.05.29
에디터입력창 배경색상(이미지) 변경해보기 [5] [1] 팔공산 2008.07.13
SocialXE 설치후 트위터, 페이스북 접속 안될경우??? [9] 착한부산남자 2012.09.28
bodex 추천 & 댓글 버튼 만들기. [1] file meanie 2012.10.28
게시판확장변수를 이미지로 나타내게 게시판스킨 수정법 [3] file 팔공산 2010.03.10
닉네임 변경시 기존 게시물 연동 팁 (레벨 아이콘 에드온 이용) [9] 바붕아 2012.10.23
Zbxe 서버 이전하기 [4] 팔공산 2007.08.22
약관 동의 후 가입하기 [2] file findwind 2008.11.24
로그인 안되시는분들 참고 [8] 화니478 2007.08.14
[XE 1.4] 모듈 개발 시 유의해야할 템플릿 버그 퍼니엑스이 2012.10.24
XE 1.5.3.1hotfix1에서 Content widget이 정상작동 하지 않을때 [3] file 황비 2012.08.29
메인화면에 설문조사 위젯(?) 만들기 [3] file 3D매니아 2010.12.14
팝업관리 모듈(팝업 오프너 ver. 0.0.4 )에 사용되는 addon/pop_up [25] file ForHanbi 2011.08.21
알렉사 순위 가져오는 스크립트;; [30] file zero 2001.11.06
FTP 쉬운설치 에러나시는분들 [4] 조양각 2012.01.05
스케치북 게시판 스킨 사용시 확장변수 라인 CSS수정 해피보이 2012.10.17
운영하던 사이트의 도메인 주소를 변경했을때 기존 사이트의 이미지들이 엑박이 뜰때 해결방법 [4] 졸라맨 2012.03.05
클립보드로 텍스트 복사하기 [5] file 베니 2007.11.24
Google Analytics Addon 자료 최신 XE 에서 작동시키는 방법 [4] sejin7940 2012.10.05
크롭에 웹폰트 적용하기 css 꿈틀잉 2012.10.07