[워드프레스 기초] Twenty Seventeen 테마의 최신글에서 요약글이 나오도록 하는 방법

워드프레스가 4.7로 업데이트되면서 Twenty Seventeen 테마가 추가되었습니다. 2017년도 기본 테마인 Twenty Seventeen은 이전에 제공되었던 기본 테마들과는 확연히 다릅니다. 즉, 홈(전면 페이지)의 헤더에 이미지나 동영상을 배경으로 넣을 수 있도록 했고 헤더 부분의 이미지는 Parallax(패럴랙스) 스크롤 방식으로 구동됩니다.

Twenty Seventeen 테마에서 최신글이 표시되도록 하려면 설정 > 읽기에서 최근 글을 선택하면 됩니다.

[워드프레스 기초] Twenty Seventeen 테마의 최신글에서 요약글이 나오도록 하는 방법 1

그러면 첫 페이지(전면 페이지)에 최근 글이 표시됩니다. 하지만 제목과 내용 전체가 표시됩니다. 요약문만 표시되도록 하려면 개별 글에서 더보기 태그를 추가해주어야 합니다.

[워드프레스 기초] Twenty Seventeen 테마의 최신글에서 요약글이 나오도록 하는 방법 2

그러면 아래와 같이 요약문이 표시됩니다.

[워드프레스 기초] Twenty Seventeen 테마의 최신글에서 요약글이 나오도록 하는 방법 3

 

 

위와 같이 요약문이 표시됩니다. 하지만 글을 작성할 때마다 더보기 태그를 추가하는 것은 여간 귀찮은 일이 아닙니다. 그리고 이미 많은 글이 작성된 경우 일일이 더보기 태그를 추가하는 것도 만만한 일이 아닐 것입니다. (참고로 기본적으로 썸네일이 제목 아래에 표시되네요. 만약 썸네일을 없애고 싶다면 CSS를 사용하여 숨기시면 됩니다. 썸네일이 표시되지 않으면 글 편집 화면에서 "특성 이미지"를 지정해주면 썸네일이 표시됩니다.)

이 경우 테마 소스를 수정하여 요약문이 표시되도록 해야 합니다. 자세한 내용은 다음 글을 참고해보시기 바랍니다.

3 thoughts on “[워드프레스 기초] Twenty Seventeen 테마의 최신글에서 요약글이 나오도록 하는 방법”

  1. 개별 글이 너무 길 때 편집기 메뉴에 있는 ‘더보기’를 눌러서 접었다 폈다 가능하도록 했습니다. 그런데 전혀 작동되지 않는군요.
    글 목록이 아니라 글에 적용하려면 다른 방법이 있는건가요?

    응답
    • 편집기에서 '더보기'는 archive(최근 글, 카테고리 등)에서 요약글을 보여줄 때 사용하는 기능입니다.
      말씀하신 기능은 아코디언과 비슷해보이네요.

      https://www.thewordcracker.com/basic/html-css%EB%A1%9C-%EC%9E%91%EB%8F%99%ED%95%98%EB%8A%94-%EC%95%84%EC%BD%94%EB%94%94%EC%96%B8-%EB%A9%94%EB%89%B4/

      클릭했을 때 다른 div가 표시되고, 다시 클릭하면 숨겨지도록 하는 기능을 jQuery로 만들 수 있습니다. toggle 기능 같습니다.

      응답
    • 참고로 페이지 빌더를 사용하는 경우 이런 기능이 제공될 수 있습니다.

      워드프레스 5.0에 통합되어 나오는 구텐베르크 편집기에 이런 기능이 있는지 한번 살펴보면 좋겠다는 생각이 드네요.

      응답

댓글 남기기

프리미엄 테마 그래픽 동영상 템플릿 무료 다운로드