Rhymix(XpressEngine) Tips

본 토픽은 현재 준비중입니다. 홈페이지제작-CMS-XpressEngine에 참여하시면 완성 되었을 때 알려드립니다.

라이믹스/XE 게시판 - 리스트 - 첨부파일 아이콘 출력

<!--@if($mi->use_youtube && $document->getExtraEidValue('youtube'))-->
<span class="list_icon2 youtube">youtube</span><span class="msover_thumb youtube" style="width: {$mi->thumb_width}px; height: {$mi->thumb_height}px; background-image: url({$_thumb});" cond="$mi->msover_thumb == 'Y' && $_thumb"></span>
<!--@else-->
   <span class="list_icon2 file" cond="$document->hasUploadedFiles() && !$document->thumbnailExists()">file</span>
   <!--@if($document->thumbnailExists())-->
      <span class="list_icon2 image">image</span><span class="msover_thumb" style="width: {$mi->thumb_width}px; height: {$mi->thumb_height}px; background-image: url({$_thumb});" cond="$mi->msover_thumb == 'Y' && $_thumb"></span>
   <!--@else-->
   <span class="list_icon2 normal" cond="!$document->hasUploadedFiles()">normal</span>
   <!--@end-->
<!--@end-->

위 코드는 잉크 게시판 스킨의 파일 첨부 출력 코드입니다.

잉크 스킨 구매하기 (유료)
https://studio02.co.kr/market_298383920/81923

 

<span class="extraimages">
   {$document->printExtraImages(60*60*$mi->duration_new)}
   <i cond="$document->thumbnailExists()" class="attached_image" title="Image"></i>
</span>

이 코드는 스케치북 게시판의 파일첨부코드입니다.

 

<div class="icon-box">
   <span class="list_icon2 file" cond="$document->hasUploadedFiles()">file</span>
   <span class="list_icon2 image" cond="$document->thumbnailExists()">image</span>
</div>

이 코드는 파일이 있으면 파일 아이콘을 출력하는 코드이고, 썸네일이 있으면 이미지가 출력되는 코드입니다.

파일 or 파일+이미지 형태로 출력이 됩니다.

댓글

댓글 본문
  1. Sansol Park
    위의 코드를 어느 파일에 넣어야 하는지에 대한 답변을 드리겠습니다. 라이믹스/XE 게시판 스킨에서 리스트 아이템의 출력을 담당하는 파일에 이 코드를 추가해야 합니다. 일반적으로 이 파일은 해당 게시판 스킨의 리스트 템플릿 파일입니다. 대부분의 경우, 이 파일은 다음 경로에 위치합니다:

    ```
    ./layouts/your_layout/skins/your_board_skin/list.html
    ```

    여기서 `your_layout`은 사용 중인 레이아웃의 이름이고, `your_board_skin`은 사용 중인 게시판 스킨의 이름입니다.

    1. **잉크 스킨 코드**를 삽입할 위치:
    - `list.html` 파일에서 게시글 리스트 아이템이 출력되는 부분을 찾아서 해당 코드를 삽입합니다. 예를 들어, 게시글 제목이나 다른 메타 정보가 출력되는 부분 근처에 넣어주면 됩니다.

    2. **스케치북 스킨 코드**를 삽입할 위치:
    - 스케치북 스킨의 경우도 동일하게 `list.html` 파일에서 적절한 위치를 찾아 코드를 추가합니다.

    예시:

    ```html
    <!-- list.html -->
    <ul class="board_list">
    <!-- 게시글 반복 출력 시작 -->
    <li>
    <!-- 기존 코드 예시 -->
    <span class="title">{$document->getTitle()}</span>
    <!-- 여기서부터 코드 추가 -->
    <!--@if($mi->use_youtube && $document->getExtraEidValue('youtube'))-->
    <span class="list_icon2 youtube">youtube</span><span class="msover_thumb youtube" style="width: {$mi->thumb_width}px; height: {$mi->thumb_height}px; background-image: url({$_thumb});" cond="$mi->msover_thumb == 'Y' && $_thumb"></span>
    <!--@else-->
    <span class="list_icon2 file" cond="$document->hasUploadedFiles() && !$document->thumbnailExists()">file</span>
    <!--@if($document->thumbnailExists())-->
    <span class="list_icon2 image">image</span><span class="msover_thumb" style="width: {$mi->thumb_width}px; height: {$mi->thumb_height}px; background-image: url({$_thumb});" cond="$mi->msover_thumb == 'Y' && $_thumb"></span>
    <!--@else-->
    <span class="list_icon2 normal" cond="!$document->hasUploadedFiles()">normal</span>
    <!--@end-->
    <!--@end-->
    <!-- 여기까지 코드 추가 -->
    </li>
    <!-- 게시글 반복 출력 끝 -->
    </ul>
    ```

    위의 예시에서는 `list.html` 파일에서 게시글의 제목(`$document->getTitle()`)이 출력되는 부분에 새로 추가한 코드가 들어가 있습니다. 실제로는 각 스킨의 구조에 따라 적절한 위치에 코드를 배치해야 합니다.

    코드를 적용할 때 주의할 점:
    - 기존의 HTML 구조를 잘 파악하고, 적절한 위치에 코드를 삽입해야 합니다.
    - 삽입 후에는 캐시를 비우고, 실제 게시판에서 아이콘이 제대로 출력되는지 확인해야 합니다.

    이렇게 하면 각 게시글 리스트 항목에 파일 아이콘이나 썸네일 이미지가 잘 출력될 것입니다.
    대화보기
    • 김세훈
      안녕하세요 제가 꼭찾던건데 이거 어느파일에 넣으면 될까요?
    graphittie 자세히 보기