Elementor와 함께 WordPress에서 포트폴리오 페이지를 만드는 방법

포트폴리오 페이지는 온라인으로 작업을 전시하는 가장 좋은 방법 중 하나입니다. 이 페이지는 개인뿐만 아니라 조직 및 대행사에게도 중요합니다. 이 페이지에서 누구나 매력적인 방식으로 완료 한 프로젝트를 강조하여 더 많은 고객과 고객을 유치 할 수 있습니다.

이 현대 세계에서 포트폴리오 사이트를 갖는 것은 구직 시장에서 저명한 직원이든 신선하든 상관 없이이 현대 세계에서 일반적인 표준이되었습니다. 이런 식으로 전 세계 고객은 귀하를 찾고, 연결하고, 새로운 프로젝트를 제공 할 수 있습니다. 따라서 그것은 당신에게 무한한 기회를 열 수 있습니다.

WordPress와 Elementor를 사용하면 포트폴리오 웹 페이지를 만드는 것이 매우 쉽습니다. 코딩없이 드래그 앤 드롭으로 만 할 수 있기 때문입니다. 이 튜토리얼 게시물에서는 Elementor와 함께 WordPress에서 포트폴리오 페이지를 만드는 방법을 설명합니다. 시작하세요!

포트폴리오 웹 페이지 란 무엇입니까?

포트폴리오 웹 페이지는 작업, 기술 및 업적을 표시 할 수있는 전용 페이지입니다. 그것은 디지털 쇼케이스처럼 행동하여 방문객들이 당신이 할 수있는 일과 과거에 무엇을했는지 볼 수 있습니다. 이미지, 비디오, 사례 연구, 회원 평가 및 기타 능력을 입증하는 기타 콘텐츠가 포함될 수 있습니다.

포트폴리오 웹 사이트는 디자이너, 사진 작가, 작가, 개발자 및 아티스트와 같은 창의적인 전문가에게 인기가 있습니다. 포트폴리오 웹 사이트의 주요 목표는 잠재 고객이나 고용주에게 감동을주고 귀하를 고용하거나 귀하와 함께 일하도록 장려하는 것입니다.

포트폴리오 웹 사이트와 포트폴리오 웹 페이지의 차이점

많은 사람들이 포트폴리오 웹 사이트와 포트폴리오 웹 페이지간에 혼란스러워합니다. 비슷하게 들리지만 온라인에서 작업을 어떻게 발표하는지는 다릅니다. 이러한 차이를 이해하면 온라인 입지를 구축 할 때 어떤 요구에 더 적합한지를 결정하는 데 도움이됩니다.

요소와 함께 WordPress에서 포트폴리오 웹 사이트를 만드는 방법을 확인하십시오.

요소 포트폴리오 웹 페이지에 가질 수 있습니다

지금까지 포트폴리오 페이지는 일반적으로 전체 웹 사이트보다 콘텐츠가 적다는 것을 알고 있듯이 작업을 명확하게 보여주는 가장 중요한 부분에 중점을 두어야합니다. 다음은 포트폴리오 웹 페이지에 표시 할 수있는 것입니다.

1. 간단한 소개

당신이 누구인지, 어떤 종류의 일을하는지 알려주는 간단한 소개. 이것은 방문객들이 긴 바이오를 읽지 않고 바로 당신과 연결하는 데 도움이됩니다.

2. 포트폴리오 갤러리

이것은 프로젝트를 표시하는 주요 섹션입니다. 짧은 제목이나 설명이있는 명확한 이미지 또는 비디오를 사용하십시오. 방문자가 최상의 기술을 쉽게 볼 수 있도록 작업을 잘 정리하십시오. Elementor Image Gallery를 사용하는 방법을 배우십시오.

3. 연락처 정보 또는 버튼

이메일 주소, 전화 번호 또는 양식 또는 이메일에 연결하는 연락처 버튼과 같이 사람들이 연락 할 수있는 간단한 방법을 추가하십시오.

4. Call to Action (CTA)

다음에해야 할 일에 대한 방문자를 안내하십시오. CTA는 당신을 고용하거나, 자세한 내용을 요구하거나, 더 많은 작업을 보거나, 더 많은 작업을 보더라도 방문자를 고객으로 전환하는 데 도움이됩니다.

요소가있는 WordPress에서 포트폴리오 페이지를 만드는 방법 : 단계별 가이드

포트폴리오 페이지는 웹 사이트의 일부입니다. 이미 언급했듯이 모든 웹 사이트에 대해 포트폴리오 페이지를 만들 수 있습니다. 따라서 포트폴리오 페이지를 디자인하려면 웹 사이트의 다른 페이지를 디자인하거나 수정해야 할 필요성을 느낄 수 있습니다. 이제 Elementor와 함께 포트폴리오 페이지를 디자인하려면 다음 플러그인이 필요합니다.

• 요소
• 요소 프로
• Happyaddons
• Happyaddons Pro

HappyAddons는 Elementor 플러그인의 잘 알려진 애드온입니다. Elementor 플러그인의 한계를 극복하고 웹 사이트의 디자인을 향상시킬 수있는 130 개 이상의 추가 위젯과 수십 개의 강력한 기능이 제공됩니다. 둘 다 함께 사이트에서 무제한 가능성을 만들 수 있습니다.

이 플러그인이 사이트에 설치되어 활성화되면 아래 설명 된 단계를 시작하십시오.

단계 1 : 포트폴리오 페이지에 표시 할 요소를 결정하십시오.

설계를 시작하기 전에 포트폴리오 페이지에 포함 할 내용을 결정하는 것이 중요합니다. 이 페이지는 깨끗하고 집중해야하므로 작업을 효과적으로 강조하는 가장 중요한 요소 만 선택해야합니다. 우리는 이미 페이지에 포함시킬 내용을 알려주었습니다.

• 간단한 소개
• 포트폴리오 갤러리
• 연락처 정보 또는 버튼
• 행동 유도 문안

단계 02 : 요소 캔버스와 함께 페이지를 엽니 다

이제 Elementor Canvas와 함께 페이지를 엽니 다. 여기서 요소를 드래그 앤 드롭하고 적절한 컨텐츠를 추가해야합니다.

참고 : 이미 상단에 나타나는 테마 빌더가있는 헤더를 만들었습니다.

단계 03 : 간단한 설명을 추가하십시오

콘텐츠에 필요한 너비를 기준으로 캔버스에 적합한 열 크기를 선택하십시오. 우리는 단일 열 컨테이너를 선택하고 있습니다.

컨테이너 디자인을 헤더와 정렬하려면 배경색을 변경합니다. 이렇게하려면 컨테이너 상단의 6 개의 음반 아이콘을 누르고 스타일 탭 으로 이동하여 백그라운드 섹션 에서 색상 옵션을 클릭하십시오.

이제 컨테이너의 색상을 선택하십시오 .

원하는 색상이 컨테이너의 배경에 적용되면 제목 위젯을 컨테이너에 찾아 추가하십시오 .

이 위젯은 제목을 쓸 수있는 공간을 만들거나 페이지를 향한 공간 을 만듭니다. 그것을하십시오.

'과거 프로젝트에서 영감을 얻은'페이지에 대한 제목을 작성했음을 알 수 있습니다. 스타일 탭에서 크기, 타이포그래피, 색상 및 기타 여러 옵션을 스타일로 만들 수 있습니다.

아래에 첨부 된 이미지에 표시된대로 제목 위젯 아래에 텍스트 편집기 위젯을 추가하십시오 . 이렇게하면 간단한 설명을 쓸 수 있습니다.

같은 방식으로 포트폴리오 페이지에 설명을 추가하고 텍스트에 적합한 정렬, 타이포그래피 및 색상을 설정했습니다.

단계 04 : 페이지에 버튼을 추가합니다

CTA 버튼을 사용하면 사용자가 원하는 다른 페이지를 방문하도록 강요 할 수 있습니다. 따라서 포트폴리오 섹션을 만들기 전에 버튼을 추가하는 것이 좋습니다.

컨텐츠 탭 에서 원하는 사본을 버튼에 추가 할 수 있습니다.

패딩을 추가하여

버튼 후, 나는 사용자에게 신뢰성의 분위기를주는 짧은 텍스트를 추가했습니다.

단계 5 : 포트폴리오 섹션을 만듭니다

이제 시각적으로 작업을 보여줄 포트폴리오 섹션을 만들 시간입니다. 이렇게하려면 먼저 첫 번째 섹션 아래에 새 컨테이너를 추가하십시오.

탭 위젯을 포트폴리오 섹션에 추가하십시오 . 이 위젯을 사용하면 무제한 탭을 작성한 다음 각 탭에 적합한 위젯을 추가하여 원하는 컨텐츠 유형을 별도로 표시 할 수 있습니다.

# 탭의 이름을 지정하십시오

각 탭은 카테고리로 작동해야합니다. 따라서 이름을 바꿔야합니다.

탭의 이름을 바꾸려면 위젯의 이름을 선택 하고 컨텐츠 탭 으로 이동하여 클릭하여 원하는 탭을 열고 제목 아래 탭의 이름을 씁니다 .

같은 방식으로 모든 탭에 이름을 추가하십시오. 그런 다음 필요한 경우 + 추가 탭 버튼을 클릭하면 포트폴리오 섹션에 더 많은 탭을 추가 할 수 있습니다.

# 탭 위젯의 스타일을 확인하십시오

이제 스타일 탭 에서 탭에 배경색을 추가하고 타이포그래피를 변경하고 테두리 색상을 추가 할 수 있습니다. 이러한 필요한 사용자 정의를 직접 수행하십시오.

단계 06 : 탭에 컨텐츠 추가를 시작하십시오

기본 요소 캔버스와 마찬가지로 각 탭에서 유사한 인터페이스를 통해 위젯을 추가하고 각 컨텐츠를 표시합니다. 플러스 (+) 아이콘을 클릭하십시오 .

포트폴리오 섹션에 적합한 열 구조를 선택하십시오. 우리는 3 열이지만 6 개 포함 구조를 선택하고 있습니다. 그런 다음 원하는 컨텐츠를 표시 할 수있는 위젯을 추가 할 수 있습니다.

# 디스플레이 포트폴리오 컨텐츠

예를 들어, 컨텐츠 레이아웃을 생성하기 위해 컨테이너에 이미지, 헤딩 및 텍스트 편집기 위젯을 추가했습니다.

이러한 위젯을 사용하면 포트폴리오 항목을 시각적으로 표시하고 필요한만큼 텍스트 콘텐츠와 함께 표시 할 수 있습니다.

컨테이너에 콘텐츠를 추가 한 것을 알 수 있습니다. 그 후, 우리는 제목과 설명을위한 색상을 설정했습니다. 또한 위젯 및 컨테이너 테두리에 반경을 추가했습니다. 직접 할 수 있기를 바랍니다.

같은 방식으로 모든 컨테이너에 포트폴리오 콘텐츠를 추가하십시오.

참고 : 그러나이 모든 콘텐츠는 너무 지저분 해 보일 수 있습니다. 사이에 공간이 없기 때문입니다.

# 포트폴리오 페이지의 컨테이너 사이에 공간을 추가하십시오

그들 사이에 공간을 추가하려면 마더 컨테이너를 선택 하고 컨텐츠 탭 으로 이동하여 갭 옵션 으로 와서 값을 입력하여 컨테이너 사이에 공간을 추가하십시오.

아래에 첨부 된 이미지의 차이를 볼 수 있습니다.

단계 7 : 다른 탭에 컨텐츠를 추가하십시오

모든 탭이 동일한 컨텐츠 레이아웃을 따라야하는 것은 아닙니다. 필수가 아닙니다. 다른 탭에 대해 다른 레이아웃을 만들 수 있습니다.

예를 들어, 갤러리 위젯을 두 번째 탭에 추가합니다. 이 위젯을 사용하면 포트폴리오 항목을 시각적으로 만 표시 할 수 있습니다. 텍스트 정보가 표시되지 않습니다.

갤러리에 이미지를 추가했음을 알 수 있습니다.

컨텐츠 탭을 약간 스크롤하면 이미지 순서, 열 번호, 간격, 갤러리 유형 및 이미지 해상도를 사용자 정의 하는 옵션이 제공됩니다.

같은 방식으로 나머지 탭에 컨텐츠를 추가하십시오. 따라서 포트폴리오 섹션 작성을 완료 할 수 있습니다.

단계 8 : 페이지 끝에 양식을 추가합니다 (선택 사항)

따라서 포트폴리오 섹션이 준비되었습니다. 여기에서 페이지를 종료하거나 연락 양식, CALL 유도 문안 또는 다른 요소와 같은 요소를 추가 할 수 있습니다.

페이지 끝에 연락처 양식을 추가했음을 알 수 있습니다. 요소에서 연락처 페이지를 만드는 방법을 알아보십시오.

단계 9 : 포트폴리오 페이지를 미리 봅니다

모든 것이 완료되면 포트폴리오 페이지로 이동하여 모든 것이 잘 작동하는지 확인하십시오. 아래 탭 위젯 아래에 첨부 된 짧은 비디오 클립에서 볼 수 있습니다. 즉, 기본 포트폴리오 섹션이 완벽하게 작동합니다. 그것이 당신의 끝에도 잘 작동하기를 바랍니다.

따라서 Elementor 및 Happyaddons 플러그인의 도움으로 WordPress 사이트에서 포트폴리오 페이지를 만들 수 있습니다.

마지막 단어!

이 튜토리얼에서 기본 포트폴리오 페이지의 데모를 발표했습니다. 분명히, 당신의 차례가 될 때, 당신은 분명히 포괄적이고 콘텐츠가 풍부한 포트폴리오 페이지를 만들려고 노력할 것입니다. 그러나 블로그/튜토리얼 게시물에 모든 것을 제시하는 것은 결코 쉽지 않다는 것을 깨달을 수 있기를 바랍니다.

도구를 소개하고 포트폴리오 페이지를 만드는 데 도구를 사용하는 방법을 소개하고 싶었습니다. 우리는 당신이 나머지를 직접 할 수 있다고 확신합니다. 그러나 요소, Happyaddons 및 웹 사이트 디자인에 대한 제안이나 조언이 필요한 경우 아래의 의견 상자에 언급 할 수 있습니다.

또는 우리에게 채팅을 할 수 있습니다. 우리의 지원 팀이 곧 당신에게 돌아갈 것입니다. 끝까지 우리와 함께 해주셔서 감사합니다. 좋은 하루 되세요!