웹마스터 팁

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


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

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


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

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

제목 글쓴이 날짜
추천검색어,실시간인기순위 소스 file codlllle 2015.06.21
추천 웹 디자인, 모바일 디자인, CSS3, UI/UX 애니메이션을 확인할 수 있는 블로그 file 나도모름 2015.01.14
스케치북 추천+등록을 활용한 비추천+등록 버튼 만들기 [2] file oscarmike 2014.05.16
*LI-NA님의 큰 선물* SKETCHBOOK5 (최신버전)에서 특정 확장변수를 추천하는 사람에게만 공개하도록 하는 방법 [4] file 큰성565 2014.04.30
추천수로 제목에 효과주기 [15] こさき! 2014.04.29
관리자가 무제한 추천 가능하게 하는 방법 [2] sejin7940 2014.01.17
[10원팁] 스케치북 추천/비추천/신고를 눈에 들어오게 socialskyo 2014.01.17
추천/비추천/신고시 확인(메시지 창 띄우기)하기 [21] explode 2013.11.27
추천인 표시 [11] socialskyo 2013.10.17
게시글 추천 아이피 가져오기 file Stellar 2013.09.12
추천 취소 기능 만들기 [5] file Summer 2013.09.11
[주옥시리즈]댓글 작성, 추천후 다운로드 받을수 있게 하기. socialskyo 2013.09.09
[주옥시리즈]댓글 작성, 추천후 다운로드 받을수 있게 하기. socialskyo 2013.09.09
댓글 작성, 추천후 다운로드 받을수 있게 하기. [6] socialskyo 2013.09.06
새로고침없이 페이지 리로딩 간단하고 쉽게 서버한테는 미안하게 하는법 (서버단이 아니고 스킨에 ㅠ jquery load씀) 게시글,댓글,추천등 모든 부분다가능합니다. [2] 장포크 2013.08.08
XE 내가 작성한 글 모두 일괄 추천하기. [4] 엘카 2013.08.01
게시판 및 댓글 추천/비추천 카운트가 바로 적용되지 않는 경우 KS 2013.07.28
게시글에 댓글 부분 추천, 비추천 바로 노출하기 [5] file 똑디 2013.07.19
xe_default 게시판 추천/비추천 색상 변경하기 file 화랑529 2013.01.08
bodex 추천 & 댓글 버튼 만들기. [1] file meanie 2012.10.28