웹마스터 팁
최신글 뽑아오기 - 간단한 방법
2007.08.14 14:50
곧 많은 스킨이나 모듈 자료들을 많은 분들이 만들어 내실꺼라 생각이 듭니다만,
일단 어떤 분이 제가 만드는 중인 홈페이지에서 궁금한게 있다고 하셔서
그 방법을 공유합니다.
우선 이미지와 함께 최신글을 뽑아오는 방법입니다.
첫번째는 아래와 같은 방법입니다.
일단,
최신글 뽑기에서 이미지를 뽑아오는 방법은 최신글 뽑기의 처리 구문에
<a href="{getUrl(''+
'+
','document_srl',$oDocument->document_srl)}"><img src="{$oDocument->getThumbnail(50)
}" width="50" height="50" border="0" alt="" class="thumbnail" align= /></a>
를 이용해서 thumbnail 이미지를 뽑아 오면 되는 것입니다.
전체적인 하는 방법은 아래와 같습니다.
widgets/newest_document/skins/xe_official/lsit.html 파일에서
14~ 24 라인의 코드를 아래와 같이 수정합니다.
==============================================================================================
<ul>
<!--@foreach($widget_info->document_list as $oDocument)-->
<li>
<span class="title">
<a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}">{$oDocument->getTitleText($widget_info-
>subject_cut_size)}</a>
<!--@if($oDocument->getCommentCount())-->
<span class="comment">[<a href="{$oDocument->getPermanentUrl()}#comment">{$oDocument->getCommentCount()}</a>]</
span>
<!--@end-->
</span>
<span class="date"><span>{$oDocument->getRegdate("Y-m-d")}</span></span>
</li>
<!--@end-->
</ul>
===============================================================================================
위의 <ul> ~ </ul> 까지의 부분을 바꾸시면 됩니다.
간단하게 설명을 하면, 첫번째 불러오는 글의 이미지와 글, 글쓴이, 날짜 등을 뽑아서 테이블에 넣었습니다.
그 이후의 데이타는 이전과 같이 출력함.
===============================================================================================
<ul>
{@ $count = 0; }
<!--@foreach($widget_info->document_list as $oDocument)-->
{@ $count++; }
<!--@if($count == 1)-->
<div class="thumbnail_box">
<TABLE cellSpacing=0 cellPadding=0 width=100% border=0>
<TBODY>
<TR>
<TD height=7></TD></TR>
<TR>
<TD align=middle width=100>
<TABLE border=0 class="thumbnail_img">
<TBODY>
<TR><TD class="thumnail">
<a href="{getUrl('','document_srl',$oDocument->document_srl)}"><img src="{$oDocument->getThumbnail(100
)}" width="100" height="100" border="0" alt="" class="thumbnail" align= /></a>
</TD>
</TR>
</TBODY></TABLE>
</TD>
<TD vAlign=left class="summary">
<B> {$oDocument->getTitleText($widget_info->subject_cut_size)} </B>
<!--@if($oDocument->getCommentCount())-->
[<a href="{$oDocument->getPermanentUrl()}#comment">{$oDocument->getCommentCount()}</a>]
<!--@end--><br>
<a href="{getUrl('','document_srl',$oDocument->document_srl)}">
{$oDocument->getSummary(120)}[{$oDocument->getRegdate("Y-m-d")}]</a>
<span class="author member_{$oDocument->get('member_srl')}">{$oDocument->getNickName()}
</span>
</TD></TR></TBODY></TABLE></div>
<!--@else-->
<li>
<span class="title">
<a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}">{$oDocument->getTitl
eText($widget_info->subject_cut_size)}</a>
<!--@if($oDocument->getCommentCount())-->
<span class="comment">[<a href="{$oDocument->getPermanentUrl()}#comment">{$oDocument->getComme
ntCount()}</a>]</span>
<!--@end-->
</span>
<span class="date"><span>{$oDocument->getRegdate("Y-m-d")}</span></span>
</li>
<!--@end-->
<!--@end-->
</ul>
===============================================================================================
css 파일은 적당히 바꿔 주세요.
두번째 최신글 뽑아오는 방법은 아래와 같은 타입입니다.
이 렇게 하기 위해서, 원본의 소스의 <ul> ~ </ul> 부분을 수정합니다.
=================================================================
<ul>
<!--@foreach($widget_info->document_list as $oDocument)-->
<div class="thumbnail_box">
<TABLE cellSpacing=0 cellPadding=0 width=100% border=0>
<TBODY>
<TR>
<TD height=7></TD></TR>
<TR>
<TD align=middle width=50>
<TABLE border=0 class="thumbnail_img">
<TBODY>
<TR><TD class="thumnail">
<a href="{getUrl('+
'','+
'document_srl',$oDocument->document_srl)}"><img src="{$oDocument->getThumbnail(50)
}" width="50" height="50" border="0" alt="" class="thumbnail" align= /></a>
</TD>
</TR>
</TBODY></TABLE>
</TD>
<TD vAlign=left class="summary">
<B>
{$oDocument->getTitleText($widget_info->subject_cut_size)}
</B>
<!--@if($oDocument->getCommentCount())-->
[<a href="{$oDocument->getPermanentUrl()}#comment">{$oDocument->getCommentCount()}</a>]
<!--@end--><br>
<a href="{getUrl('','document_srl',$oDocument->document_srl)}">
{$oDocument->getSummary(10)}[{$oDocument->getRegdate("Y-m-d")}]</a>
<span class="author member_{$oDocument->get('member_srl')}">{$oDocument->getNickName()}
</span>
</TD></TR></TBODY></TABLE></div>
<!--@end-->
</ul>
=========================================================================
이건 제가 thumbnail 뽑아오는 이미지의 크기를 50 으로 고정했습니다, 이미지의 크기와 전체적인 size 를 고려해서요
제가 CSS 작성법을 몰라서 CSS 는 어떻게 처리하는지 잘 모릅니다.
곧, zb5 에서 많은 스킨들을 만드셨던 분들이 어서 어서 제대로된 스킨을 만들어 주셨으면 고맙겠습니다.
날도 흐리고, 계속 비도 오고, 그냥 꿀꿀한 마음에 한번 적어 봤습니다.
댓글 3
-
guny
2007.08.15 20:11
-
엔시닷컴™
2007.08.17 17:07
당연히 div를 사용해도 되죠
-
정다운804
2008.05.30 00:58
위 방법대로 하니까...1.2버전인데요.....적용이 안되고...에러가 나요....
어떻게 할수 있는 방법은 없을까요...?
제목 | 글쓴이 | 날짜 |
---|---|---|
윈도우에서도 svn을 이용하자.. [2] | LSH5243 | 2007.08.13 |
최신글 뽑아오기 - 간단한 방법
[3]
![]() | Eric2ya | 2007.08.14 |
공백으로 보이는 문제 해결 방법 (프레임, 메타태그, 포워딩등) [21] | ZK™ | 2007.08.15 |
외부에서 회원정보 불러오기 [5] | 미오유 | 2007.08.15 |
음악플레이어를 달고싶으세요? [13] | 부찬™ | 2007.08.16 |
사이트 주소로 접속했을때 XE 폴더로 이동하기 팁 [42] | 베니 | 2007.08.16 |
사이트접속시 제로보드XE폴더로 이동되게 하는 쉬운방법 [8] | 부찬™ | 2007.08.17 |
404 페이지 못찾음으로 나오는 문제 수정 [9] | 화니군 | 2007.08.18 |
한글 경로가 404 에러로 뜨는 경우 처리방법 [2] | 베니 | 2007.08.18 |
OpenID 적용
[6]
![]() | 맑은하늘75 | 2007.08.20 |
(수정) ZBXE 설치/로그인 등이 안될 때 시도해보세요. (MySQL DB) | 핑크플로이드 | 2007.08.20 |
페이지 수정시 메뉴들 가지런히 놓이게 하기 [3] | 팔공산 | 2007.08.21 |
layout skin 제작시 info.xml도 잘 보세요 [1] | 바람처럼.. | 2007.08.21 |
zbxe 일주일 사용기 및 팁 [1] | 팔공산 | 2007.08.21 |
홈페이지 주소 고정시키기
[12]
![]() | :에반: | 2007.08.21 |
rewrite mod 설정, 해지 [1] | 아름드리479 | 2007.08.22 |
Zbxe 서버 이전하기 [4] | 팔공산 | 2007.08.22 |
상단메뉴 개수를 지정한 만큼만 보여주고자 할 경우 [9] | 똑디 | 2007.08.23 |
여러 개의 메뉴를 달아보자!
[5]
![]() | 고라리 | 2007.08.23 |
w3c.org의 웹페이지 유효성 검사기
![]() | 바람처럼831 | 2007.08.24 |
좋네요..
DIV를 사용하면 안되나요?