essential 테마

3442줄  essential 테마 

<div class='post'>

  <b:include data='post' name='postMeta'/>

  <b:if cond='data:view.isSingleItem'>

    <b:include data='post' name='postTitle'/>

    <b:include name='headerByline'/>

    <b:include data='post' name='postBody'/>

  <b:else/>

  

    <div class='date-header-area' style='margin-bottom: 10px;'>

      <b:include name='headerByline'/>

    </div>

    <div style='display: flex; align-items: flex-start; gap: 15px;'>

      

      <div class='thumbnail-area' style='flex: 0 0 280px; width: 280px; height: 180px; overflow: hidden; border-radius: 8px; background-color: #f5f5f5;'>

        <a expr:href='data:post.url' style='display: block; width: 100%; height: 100%;'>

          <b:if cond='data:post.featuredImage'>

            <img expr:src='data:post.featuredImage' style='width:100%; height:100%; object-fit:cover;'/>

          <b:else/>

            <div style='display:flex; align-items:center; justify-content:center; height:100%; color:#ccc;'>No Image</div>

          </b:if>

        </a>

      </div>

      <div class='title-area' style='flex: 1; display: flex; flex-direction: column; justify-content: space-between; height: 180px;'>

        <div>

          <b:include data='post' name='postTitle'/>

        </div>

        

        <div style='text-align: right;'>

          <a expr:href='data:post.url' class='custom-read-more' style='color: #007bff; text-decoration: none; font-size: 0.9em; font-weight: bold;'>자세한 내용 보기</a>

        </div>

      </div>

    </div>

    <style>

      /* [중요] 시스템이 자동으로 만드는 '자세한 내용 보기' 링크만 숨깁니다 */

      .post-jump-link, .jump-link { display: none !important; }

      /* 우리가 만든 새 링크는 보이게 유지합니다 */

      .custom-read-more { display: inline-block !important; }

      /* 요약 텍스트 숨기기 */

      .post-snippet { display: none !important; }

      /* 제목 여백 및 높이 정렬 */

      .title-area h3, .title-area .post-title { 

        margin: 0 !important; 

        padding: 0 !important;

        line-height: 1.4;

      }

      /* 기타 불필요한 요소 숨기기 */

      .post-comment-link, .comment-link, .byline.post-comment-link, .sharing-buttons { 

        display: none !important; 

      }

    </style>

  </b:if>

  <b:include data='post' name='postFooter'/>

</div>