가이드/콘텐츠 생성/사이트에 포트폴리오 프로젝트 표시

사이트에 포트폴리오 프로젝트 표시

지금까지 포트폴리오에서 몇 가지 프로젝트를 생성하고 발행했습니다. 이 가이드에서는 웹사이트에 프로젝트를 표시할 수 있는 여러 가지 방법을 살펴보겠습니다.

기본 포트폴리오 페이지 사용

기본 포트폴리오 페이지는 자동으로 생성되며 사이트에 프로젝트를 표시하는 가장 빠른 방법입니다. 아래의 안내는 포트폴리오 페이지 링크를 찾는 방법을 보여줍니다.

포트폴리오를 활성화하는 데 사용한 방법을 기준으로 아래에서 적절한 탭을 선택합니다.

포트폴리오를 활성화하고 프로젝트를 하나 이상 발행하면 사이트에서 자동으로 프로젝트가 포함된 새 포트폴리오 페이지가 생성됩니다.

새 프로젝트 페이지를 보려면 다음 단계를 따르세요.

  1. 알림판을 방문합니다.
  2. 카테고리로 이동합니다.
  3. 포트폴리오 카테고리 위로 마우스 커서를 이동하고 “보기” 링크를 클릭합니다.
"포트폴리오" 카테고리에 대한 카테고리 목록의 "보기" 옵션.

이 방법으로 포트폴리오 카테고리를 보면 방문자에게 표시되는 내용을 확인할 수 있습니다. 카테고리 URL은 다음과 같은 형태입니다.

https://yourgroovysite.wordpress.com/category/portfolio

모든 프로젝트는 사이트의 이 페이지에 가장 최근 글부터 시간 순서대로 자동으로 표시됩니다. 순서를 변경하려면 페이지 설정에서 프로젝트가 발행된 날짜를 조정하면 됩니다.

방문자에게 표시될 포트폴리오 카테고리 페이지.
Twenty Twenty-Four 테마의 기본 포트폴리오 카테고리 페이지

사이트 편집기를 지원하는 테마에서는 이 페이지의 레이아웃을 편집할 수 있습니다. 기본 포트폴리오 페이지의 레이아웃을 편집하려면 모든 아카이브 템플릿을 편집하세요.

사용자 정의 포트폴리오 페이지 만들기

포트폴리오 페이지를 처음부터 디자인하거나 미리 디자인된 블록 패턴을 사용하여 디자인할 수 있습니다. 포트폴리오 프로젝트의 새 페이지를 만들려면 다음 단계를 따르세요.

  1. 사이트의 알림판을 방문합니다.
  2. 왼쪽의 페이지를 클릭합니다.
  3. “새 페이지 추가” 버튼을 클릭합니다.
    • 메시지가 표시되면 스타터 콘텐츠를 선택하거나 오른쪽 상단의 “X“를 클릭하여 빈 페이지로 시작합니다.
  4. 쿼리 반복문 블록을 삽입하고 다음 설정 중 하나를 조정하여 포트폴리오 프로젝트를 표시합니다.
    • 포트폴리오 카테고리 카테고리를 사용하는 경우 필터에서 포트폴리오 카테고리를 선택합니다.
    • 사용자 정의 글 유형을 사용하는 경우 글 타입 설정으로 “프로젝트”를 선택합니다.
  5. 페이지를 활성화하려면 오른쪽 상단의 발행 버튼을 클릭합니다.
포트폴리오 카테고리로 필터링된 쿼리 반복문 블록을 사용하는 예제 포트폴리오.
쿼리 반복문 블록은 여러 가지 레이아웃으로 디자인할 수 있습니다.

홈페이지 설정 가이드의 단계에 따라 새 포트폴리오 페이지를 사이트의 프론트 페이지로 설정할 수도 있습니다.

포트폴리오 쇼트코드 사용

일반적으로 사이트에 포트폴리오를 표시하는 방법은 쇼트코드를 사용하는 것입니다.

사이트의 포트폴리오 프로젝트에 대한 카테고리를 만들었다면 쇼트코드를 사용하게 됩니다. 사이트의 포트폴리오 프로젝트에 대한 사용자 정의 글 타입을 활성화한 경우 [portfolio] 쇼트코드를 사용합니다.

포트폴리오를 활성화하는 데 사용한 방법을 기준으로 아래에서 적절한 탭을 선택합니다.

쇼트코드 블록을 사용하여 페이지 또는 글에  쇼트코드를 추가합니다. 포트폴리오 카테고리의 글만 표시하려면 카테고리 필터를 사용합니다.

다음 예에서는 카테고리가 포트폴리오로 설정되고, 포트폴리오의 콘텐츠가 “true” 값에 포함되며, image_size=”medium”은 특성 이미지를 중간 크기로 표시합니다.

[display-posts category="portfolios" include_content="true" image_size="medium"]

display-posts 쇼트코드에 대해 자세히 알아보세요.

Copied to clipboard!