워드프레스 Avada 테마에서 포트폴리오 설정하기

Avada(아바다)는 가장 많이 팔린 베스트셀링 워드프레스 테마로서 오랫동안 부동의 1위를 지키고 있습니다. 이 글을 작성할 시점에 확인해보니 257,000카피 이상이 팔렸네요. 금액으로 환산해보니 1,500만 달러 넘네요. Wow... 단일 워드프레스 테마로는 단연 독보적이고 경이적이기까지 하네요. (추가: 2020년 9월 현재 62만 개 이상 판매되었습니다.)

워드프레스 아바다 테마

데모 사이트를 살펴보면 매우 다양한 Home version, 슬라이더, 헤더, 페이지 템플릿, 포트폴리오, 블로그 레아아웃 및 기능을 제공합니다.

실제로 아바다의 포트폴리오 기능을 사용해보면 매우 직관적으로 되어 있음을 알 수 있습니다. 포트폴리오 글 쓰기 화면은 일반 글 쓰기 화면과 거의 동일하고 몇 가지 필드가 추가되어 있습니다. (아바다의 Classic 데모를 로드하면 각 포트폴리오를 구성하는 방법을 확인하는 데 도움이 됩니다.)

업데이트: 아바다 레이아웃 템플릿

아바다 테마에서는 Layouts 기능을 도입하여 사이트의 각 부분을 알림판 내에서 쉽게 커스텀할 수 있도록 업데이트되었습니다. 포트폴리오 페이지도 Avada > Layouts에서 포트폴리오 페이지 템플릿을 만들어서 원하는 레이아웃으로 커스텀이 가능합니다.

업데이트: 아바다 레이아웃 템플릿

아래에서 설명하는 기본적인 기능만으로 원하는 레이아웃의 포트폴리오/프로젝트 페이지를 만드는 것이 쉽지 않을 경우 아바다의 레이아웃 기능을 사용하여 Avada Builder로 레이아웃을 만들어보시기 바랍니다.

최근의 인기 유료 테마와 페이지 빌더는 테마 파일을 수정하지 않고도 알림판(워드프레스 관리자 페이지) 내에서 사이트의 모든 섹션을 편집할 수 있는 전체 사이트 편집 기능을 제공하는 방향으로 발전하고 있는 추세입니다.

아바다 포트폴리오

프로젝트 카테고리와 Skills(기술)

Avada Project Categories - 아바다 프로젝트 카테고리와 기술 설정

왼쪽 패널에서 카테고리와 적절한 기술(Skills)을 설정할 수 있습니다.

프로젝트 URL 등 추가

Project URL Avada

글쓰기 본문 아래에  프로젝트 URL, Copyright URL 등을 시정할 수 있는 설정이 표시됩니다.

테마 옵션에서의 설정

별다른 설정 없이 포트폴리오 글을 작성해보면 데모에서 표시되는 포트폴리오 페이지와는 다르게 나올 것입니다.

Portfolio demo Avada - 아바다 포트폴리오

위의 데모와 같이 표시되도록 하려면 테마 옵션에서 설정을 해줘야 합니다.

AVADA > 테마 옵션(Themes Options) 아래의 포트폴리오(Portfolio)에서 원하는 대로 설정을 해 주도록 합니다. 예를 들어 위의 데모와 같이 특성 이미지가 왼쪽에 표시되고 프로젝트 설명, 프로젝트 상세내용이 오른쪽에 표시되도록 하려면 폭(Width)을 Half Width로 설정해주도록 합니다.

Avada Portfolio - 아바다 포트폴리오

그 밖에 여러 설정을 세부적으로 설정하여 원하는 레이아웃으로 설정할 수 있습니다.

페이지에서 포트폴리오 추가하기(추가)

페이지에서 포트폴리오를 추가하려면 Fusion Builder(퓨전 빌더)에서 Recent Works 요소를 추가하면 됩니다.

아바다에서 포트폴리오 추가하기

위의 그림에서 Full Widthe Container 오른쪽에 있는 연필 모양의 아이콘(편집 아이콘)을 클릭하여 세부적인 옵션을 설정할 수 있습니다. 각 옵션을 조정하면서 실제 어떤 모양으로 포트폴리오가 표시되는지를 확인하여 가장 마음에 드는 레이아웃을 선택할 수 있습니다.


포트폴리오 설정 동영상(영문)

아래 YouTube 비디오에서는 아바다 테마에서 포트폴리오(Portfolio)를 구성하는 방법에 대해 설명합니다. 전체적으로 살펴보시면 어떤 식으로 포트폴리오를 구성하면 좋을지 감이 잡힐 것입니다. (기존 동영상이 삭제되어 다른 동영상으로 대체했습니다.)


워드프레스에는 다양한 포트폴리오 형식의 프리미엄 테마가 있습니다. 이 글에서 스타일리쉬한 워드프레스 포트폴리오 테마 10선을 소개하고 있으니 테마 선택 시 참고하시기 바랍니다. 그리고 Enfold, BeTheme, Salient 등 대부분의 다목적 테마에서는 자체적으로 포트폴리오 기능을 제공하므로 데모를 통해 마음에 드는 것이 있는지 확인해도 좋을 듯 합니다.

참고:

일부 글에 제휴 링크가 포함될 수 있으며 파트너스 활동으로 일정액의 수수료를 받을 수 있습니다.

4개 댓글

  1. 포트폴리오의 프로젝트 디테일부분이 대개 본문 오른쪽에 위치하는데요. 본문 아래쪽에 나오게 할순 없나요?
    사이드바까지 나오니까 모양도 안좋고, 그렇다고 숨기기에는 디테부분의 키워드들을 활용하지 못하네요.

    1. 안녕하세요, 양병모님. 여러 가지 방법이 있을 것 같습니다. 현재 상태에서는 CSS로 사이드바 부분을 본문 아래로 이동시킬 수 있는지 시도해볼 수 있을 것 같습니다. 다른 방법으로, 권장하는 방법인데요, 아바다 테마에서는 레이아웃을 통해 사이트의 각 섹션을 알림판에서 커스텀할 수 있습니다. 다음 글을 참고해보시기 바랍니다:

      https://www.thewordcracker.com/basic/%EC%95%84%EB%B0%94%EB%8B%A4-%ED%85%8C%EB%A7%88-%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83-layout/

      가령, 포트폴리오 페이지(Portfolio Pages) 템플릿을 만들어서:
      https://www.screencast.com/t/w5kqkdy4B6x

      프로젝트 정보(Project Details)를 원하는 곳에 표시할 수 있습니다.

      https://www.screencast.com/t/lgzpV2vbH

      아바다 빌더로 만들 수 있으므로 수월할 것입니다. 세부적으로 스타일을 조정하려면 CSS를 이용할 수 있을 것입니다(참고).

      1. 어휴 이렇게 빨리 답주시다니ᆢ 글 볼때마다 항상 감사한 마음으로 배우고 있습니다.
        몇시간씩 아바다를 뒤져봐도 아보였는데 고맙습니다.
        포트폴리오를 보면서ᆢ POST와 딱히 다른것 같진 않은데 굳이 만들어 놓은걸까요? 포스트에 글을 쓰고 페이지에서 블로그요소같은 것으로 글들을 불러서 포트폴리오효과를 낼 수 있는거 아닌가요?

      2. Portfolio와 같은 것을 Custom Post Type(커스텀 포스트 타입)이라고 합니다. 포스트로도 포트폴리오를 만들어서 운영하는 것도 가능하지만, 포트폴리오에 특화된 포스트 타입을 만들면 포트폴리오 글들을 쉽게 관리하고 레이아웃도 차별화할 수 있을 것입니다. 원하는 경우 글 > 카테고리에서 "포트폴리오" 카테고리를 하나 만드시고, 포트폴리오 관련 글을 작성하고 카테고리로 "포트폴리오"를 지정할 수 있습니다. 그러면 포트폴리오 카테고리를 포트폴리오로 활용할 수 있을 것입니다. 나중에 테마를 아바다에서 다른 테마로 변경하는 것을 고려한다면, 이 방법이 더 호환성이 좋습니다.

        그리고 포스트는 가능하면 페이지 빌더(예: 아바다 빌더)로 작성하지 마시기 바랍니다. 페이지 빌더로 작성할 경우, 추후 테마를 변경하거나 페이지 빌더를 바꾸게 되면 문제가 발생하게 됩니다.

댓글 남기기

* 이메일 주소는 공개되지 않습니다.