WordPress에서 온라인 포트폴리오 웹사이트를 만드는 방법

게시 됨: 2023-11-03

WordPress에서 온라인 포트폴리오 웹사이트를 만들고 싶으신가요?

프리랜서 시장이 빠르게 성장했습니다. 이력서와 LinkedIn 프로필은 중요하지만 반대를 이기기 위해서는 최고의 작품을 선보이고 더 많은 고객을 확보할 수 있는 포트폴리오 웹사이트가 필요합니다.

이 글에서는 WordPress에서 온라인 포트폴리오 웹사이트를 쉽게 만드는 방법을 단계별로 보여드리겠습니다.

How to create an online portfolio website in WordPress

온라인 포트폴리오 웹사이트가 필요한 이유는 무엇입니까?

온라인 포트폴리오 웹사이트를 디지털 명함이라고 생각하세요.

포트폴리오는 프리랜서, 구직자, 중소기업을 포함한 모든 사람을 위한 자산입니다.

Example of portfolio website

포트폴리오는 예술가나 창작자만을 위한 것이라고 생각할 수도 있지만 이는 사실이 아닙니다. 그래픽 디자이너, 작가, 개발자 등 모든 직업에서 일합니다.

귀하의 업계에서 최선을 다할 수 있는 기회입니다. 간단히 말해서 귀하의 웹사이트 포트폴리오는 귀하가 군중 속에서 눈에 띄고 신뢰를 구축하는 데 도움이 됩니다. 전문적인 포트폴리오 웹사이트를 디자인하면 즉시 신뢰를 얻고 경험을 뽐낼 수 있습니다.

또한 더 많은 사람들이 귀하를 찾을 수 있도록 특정 키워드를 기반으로 검색 엔진에 맞게 사이트를 최적화할 수 있습니다.

SeedProd를 사용하여 WordPress에서 온라인 포트폴리오 웹사이트를 만드는 방법

포트폴리오 사이트를 구축하기 위해 HTML을 코딩하거나 작성하는 방법을 배울 필요는 없습니다. 단계별 지침을 따르기만 하면 귀하의 웹사이트가 단 몇 분 안에 준비 및 운영될 수 있습니다.

1. WordPress 호스트를 선택하세요

시작하려면 도메인 이름과 웹 호스트가 필요합니다. 웹 호스트는 귀하의 웹사이트 파일을 저장하며 인터넷상의 귀하 사이트의 집입니다.

좋은 웹 호스트는 까다로운 사이트를 처리할 수 있을 만큼 확장성이 있어야 하며, 문제가 발생할 경우를 대비해 지원을 제공하고, 웹 보안을 중요하게 생각하며, 사용자를 안전하게 보호하는 기능을 갖추고 있어야 합니다.

또한 사이트를 빠르게 로드하는 데 도움이 되는 가장 빠른 WordPress 호스팅 제공업체를 찾아야 합니다.

Hostinger는 저렴하고 초보자 친화적인 호스팅을 원하는 중소기업을 위한 최고의 선택입니다.

다행스럽게도 Hostinger는 독자들에게 무료 도메인 이름을 제공하고 WordPress 호스팅에 대해 최대 78% 할인을 제공하는 데 동의했습니다. 월 $2.69의 비용으로 시작할 수 있습니다.

몇 분 안에 Hostinger를 설정하려면 다음 버튼을 클릭하세요.

→ 독점 Hostinger 혜택을 받으려면 여기를 클릭하세요 ←

Hostinger에 가입하는 데 도움이 필요하면 무료 도메인 이름을 얻는 방법에 대한 게시물을 확인하세요. 여기에서 단계별 튜토리얼을 찾을 수 있습니다.

등록하고 호스팅 계획을 설정한 후에는 대시보드로 이동하여 '도메인' 탭을 선택하면 됩니다.

여기에서 새 도메인 이름을 입력해야 합니다.

Hostinger get a domain

새 웹사이트를 만들거나 기존 웹사이트를 마이그레이션하라는 메시지가 표시됩니다.

본 튜토리얼을 위해서는 '건너뛰기, 빈 웹사이트 만들기'를 클릭하시면 됩니다.

Skip website hostinger

그런 다음 '무료 도메인 신청' 아래의 '선택' 버튼을 클릭하세요.

포트폴리오 웹사이트에 사용하려는 도메인 이름을 입력하기만 하면 됩니다.

Claim free domain

도메인 이름을 결정하는 데 도움이 필요한 경우 WPBeginner는 온라인에서 쉽게 읽고 홍보할 수 있는 회사 이름을 찾는 데 도움이 되는 무료 비즈니스 이름 생성기를 제공합니다.

물론 개인 포트폴리오를 만드는 경우 가장 쉬운 방법은 이름과 성을 도메인 이름으로 사용하는 것입니다. 촬영한 경우 이름과 함께 직업을 추가할 수 있습니다.

예를 들어 johndoe.com 촬영된 경우 johndoephotography.com 또는 janedoewriter.com 찾을 수 있습니다.

이상적으로는 .com 도메인 확장자를 사용하는 것이 좋습니다. 중소기업이 가장 잘 인식하고 신뢰할 수 있는 확장자이기 때문입니다.

2. 워드프레스 설치

대부분의 초보자가 저지르는 가장 흔한 실수 중 하나는 잘못된 웹사이트 플랫폼을 선택하는 것입니다. 많은 프리랜서나 중소기업 소유자가 Squarespace 또는 Wix를 선호합니다.

사용하기 쉽지만 기능, 사용자 정의 및 제어 기능이 부족합니다.

WordPress와 같은 콘텐츠 관리 시스템을 사용하면 포트폴리오 사이트에 대한 수천 가지 디자인과 애드온을 통해 훨씬 더 많은 유연성을 얻을 수 있습니다. WordPress는 무료 오픈 소스이며 수천 개의 사전 구축된 확장 프로그램과 웹 사이트 디자인을 갖추고 있습니다.

올바른 WordPress 플러그인 및 테마를 사용하면 Squarespace 또는 Wix와 같은 플랫폼을 매우 쉽게 사용할 수 있게 해주는 동일한 드래그 앤 드롭 빌더도 얻을 수 있습니다.

Hostinger를 사용하든 WPEngine 또는 Bluehost와 같은 다른 WordPress 호스팅 서비스를 사용하든 WordPress 설치 방법에 대한 자세한 단계별 지침을 보려면 당사의 가이드를 따르세요.

다음으로 Hostinger 대시보드에서 WordPress 로고가 있는 '관리자 패널' 버튼을 클릭하여 WordPress 웹사이트 대시보드로 이동하세요.

브라우저에서 직접 yoursite.com/wp-admin 으로 이동할 수도 있습니다.

3. 포트폴리오 테마 선택

WordPress를 설정하고 나면 테마를 선택하고 새 페이지를 생성하여 웹사이트 디자인을 맞춤 설정할 수 있습니다.

이 튜토리얼에서는 SeedProd를 사용하여 포트폴리오 웹 사이트용 테마를 특별히 만들 것입니다.

SeedProd는 시장에서 가장 뛰어난 WordPress 페이지 빌더입니다. 한 줄의 코드도 작성하지 않고도 모든 유형의 페이지를 빠르고 쉽게 만들 수 있습니다.

잠재 고객 확보를 위한 포트폴리오 웹사이트를 만들거나 WordPress 블로그를 시작하거나 온라인 상점을 시작하려는 경우 SeedProd는 귀하의 요구에 맞는 템플릿을 제공하는 원스톱 솔루션입니다.

SeedProd 플러그인을 설치하고 활성화하고 싶을 것입니다. 더 많은 도움이 필요하면 WordPress 플러그인 설치 방법에 대한 심층 가이드를 참조하세요.

설치 시 설치 마법사를 완료하라는 메시지가 표시됩니다. '시작하기'를 클릭하고 단계별 지침을 따르면 SeedProd가 귀하의 필요에 가장 적합한 플러그인을 구성할 수 있습니다.

SeedProd setup wizard

설정 마법사를 완료하면 SeedProd ≫ 설정 으로 이동하여 라이선스 키를 입력하세요. SeedProd 웹사이트의 계정 페이지에서 라이센스 키를 찾을 수 있습니다.

정보를 입력하신 후 '키 확인' 버튼을 클릭해주세요.

Verify key for SeedProd

이제 SeedProd의 모든 기능에 액세스할 수 있습니다.

4. 포트폴리오 랜딩 페이지 구축

다음으로 SeedProd ≫ Theme Builder 로 이동합니다.

거기에서 '테마 템플릿 키트'라고 표시된 주황색 버튼을 선택하세요.

SeedProd theme builder

선택할 수 있는 검색 가능한 WordPress 테마 라이브러리가 있는 페이지로 이동하게 됩니다. 검색창에 '포트폴리오'를 입력하고 웹사이트 아이디어에 가장 적합한 테마 템플릿을 선택하세요.

또한 특정 틈새 시장에 있는 경우 다른 키워드를 검색할 수도 있습니다. 예를 들어, 부동산 중개인이라면 SeedProd에서 부동산 WordPress 테마를 찾을 수 있습니다.

우리는 '프리랜스 포트폴리오' 테마를 선택할 것입니다. 그러나 귀하의 필요에 맞는 테마를 자유롭게 선택하십시오.

Online portfolio theme in SeedProd

우리는 귀하의 포트폴리오 페이지가 귀하의 웹사이트 홈페이지에 있는 단일 페이지 포트폴리오 사이트를 만들 것입니다. 이를 통해 여러 페이지를 디자인하는 번거로움 없이 포트폴리오 사이트를 빠르게 운영할 수 있습니다.

WordPress 대시보드에서 설정 ≫ 읽기 로 이동하세요. 홈페이지 옆에 있는 '포트폴리오' 드롭다운을 선택하여 포트폴리오 페이지를 홈페이지로 만드세요.

Set portfolio page as homepage

그런 다음 SeedProd ≫ Theme Builder 로 돌아가면 테마 내의 모든 페이지 목록이 표시됩니다.

아래로 스크롤하여 '포트폴리오' 페이지 위로 마우스를 가져갑니다. 그런 다음 '디자인 편집'을 클릭하세요.

Edit portfolio page

5. 포트폴리오 웹사이트 편집

이제 콘텐츠를 편집하고 자신만의 것으로 만들 차례입니다. SeedProd의 시각적 드래그 앤 드롭 페이지 빌더로 이동됩니다. 헤드라인, 텍스트, 목록, 헤더, 추천 이미지 등 선택할 수 있는 표준 및 고급 위젯이 많이 있습니다.

원하는 위젯을 드래그하여 해당 요소를 원하는 정확한 위치로 이동하기만 하면 됩니다.

Widgets in SeedProd

단색, 그라데이션 색상, 배경 이미지를 선택하여 원하는 대로 배경을 맞춤 설정할 수도 있습니다.

외부 레이어 상자를 클릭하고 사이드바 메뉴의 '콘텐츠' 아래에 배경을 사용자 정의할 수 있는 옵션이 표시됩니다.

Background in SeedProd

SeedProd 인터페이스 작업에 도움이 필요하면 SeedProd 비디오 튜토리얼을 시청할 수 있습니다.

기본 포트폴리오 페이지의 내용을 편집할 때 다음과 같은 몇 가지 주요 구성 요소를 포함시켜야 합니다.

강력한 CTA(행동 촉구): 포트폴리오 사이트에는 방문자가 귀하를 고용하거나 연락할 수 있도록 명확한 행동 촉구가 있어야 합니다. CTA 버튼은 스크롤 없이 볼 수 있는 부분 위와 페이지 하단에 위치해야 합니다.

왼쪽 메뉴에서 '버튼' 상자를 찾아 오른쪽 페이지로 드래그하세요.

Call to action in SeedProd

요소를 편집할 때 사용자 정의하려는 특정 요소나 영역을 클릭해야 합니다.

그러면 해당 블록에 대한 옵션이 왼쪽에 나타납니다. 아래에서 볼 수 있듯이 콘텐츠 탭을 사용하면 버튼 텍스트를 편집하고 이를 연락처 페이지 또는 동일한 페이지 아래에 포함된 양식에 연결할 수 있습니다.

'템플릿' 탭에서는 버튼 스타일을 선택할 수 있으며, 고급 탭에서는 패딩, 글꼴 등을 변경할 수 있습니다.

Edit button SeedProd

귀하가 제공하는 서비스: 방문자는 귀하가 원하는 서비스를 제공할 수 있는지 확인하기 위해 귀하가 제공하는 서비스를 알고 싶어합니다. 예를 들어 WordPress 개발자로서 사용자 정의 플러그인을 코딩하거나, 웹 사이트 사용자 정의를 제공하거나, 처음부터 웹 사이트를 구축하시나요?

서비스 섹션을 생성하려면 열 위젯을 추가하고 우리가 제공하는 각 서비스에 대한 아이콘 상자를 삽입하기만 하면 됩니다.

그런 다음 요소를 클릭하고 사이드바를 사용하여 필요에 따라 텍스트와 아이콘을 사용자 정의할 수 있습니다.

Services page in SeedProd

내 소개 섹션: 잠재 고객과 고객은 귀하의 배경과 경험에 대해 더 많이 알고 싶어합니다. 이는 사람들과 관계를 구축하고 자신이 하는 일에 왜 열정을 갖고 있는지 보여줄 수 있는 기회입니다.

내 소개 섹션을 만들려면 '이미지 상자' 위젯을 페이지에 추가하기만 하면 됩니다. 그런 다음 자신의 인물 사진을 추가하고 사람들에게 자신에 대해 더 많은 정보를 제공하는 설명을 작성하세요.

비즈니스나 브랜드에 대한 포트폴리오를 만드는 경우 여기에서 대신 사용자 정의 로고를 사용할 수 있습니다.

Author bio in SeedProd

사용후기: 이전 고객의 사용후기를 제공하면 특히 평판이 좋은 브랜드와 협력한 경우 신뢰를 구축하는 데 도움이 됩니다. 다른 사람들이 당신의 작업에 만족하는 것을 보면 당신도 훌륭한 일을 할 수 있다는 자신감을 갖게 됩니다.

귀하의 페이지에 추천사 위젯을 추가하기만 하면 됩니다. 그런 다음 고객의 사진을 추가하고 고객의 이름과 사용후기를 편집할 수 있습니다. 리뷰를 더 추가하려면 해당 사람 이름 옆에 있는 '복제' 아이콘을 클릭하세요.

Duplicate testimonials in SeedProd

6. 작품의 예를 전시하기 위해 갤러리를 추가하세요

포트폴리오 웹사이트를 만들면 지금까지 수행한 모든 멋진 작업을 선보일 수 있는 기회를 얻을 수 있습니다. 잠재 고객이 귀하가 무엇을 할 수 있는지 알게 되면 귀하가 해당 업무에 적합한 사람이라고 믿게 될 것입니다.

이를 위해 최고의 WordPress 갤러리 플러그인인 Envira Gallery를 사용하겠습니다. SeedProd에서 '고급 갤러리' 위젯을 사용할 수 있지만 Envira 갤러리는 더 많은 기능을 제공합니다.

예를 들어, 라이트박스 이미지가 함께 제공됩니다. 즉, 누군가 사진을 클릭하면 사진을 자르거나 크기를 조정할 필요 없이 자동으로 전체 크기가 표시됩니다. 슬라이드쇼를 추가하고 갤러리를 앨범으로 구성하여 작업을 더 잘 분류할 수도 있습니다.

먼저 Envira Gallery 플러그인을 설치하고 활성화하세요. 자세한 지침을 보려면 WordPress 플러그인 설치 방법에 대한 가이드를 따르세요.

Envira 갤러리로 이동하세요. ≫ WordPress 대시보드에 새로 추가를 추가하세요 . 그런 다음 제목 표시줄에 갤러리 이름을 지정하세요. 여기에서 '컴퓨터에서 파일 검색'을 클릭하여 포트폴리오 프로젝트 이미지를 추가하세요.

Add new gallery Envira Gallery

포트폴리오 항목을 업로드한 후 아래로 스크롤하여 '구성' 탭을 선택하세요.

여기에서 표시하려는 갤러리 열 수를 변경할 수 있습니다. '자동'으로 설정하면 각 행을 자동으로 채우는 이미지 수가 설정됩니다.

Configurations in Envira Gallery

이미지 크기를 변경하려면 '구성' 탭에서 아래로 스크롤하여 이미지 크기 옵션을 찾으세요.

포트폴리오 항목을 가장 잘 보여주는 크기를 선택하세요.

Image size in Envira Gallery

누군가가 사진을 클릭할 때 원본 크기 이미지가 표시되도록 라이트박스 이미지 크기를 조정할 수도 있습니다.

'라이트박스' 탭으로 이동하여 이미지 크기를 '원본 이미지'로 조정하세요.

Lightbox in Envira Gallery

페이지 상단까지 스크롤한 후 '게시'를 누르세요. 게시 버튼 아래에 단축 코드가 표시됩니다.

WordPress 포트폴리오 페이지에 갤러리를 추가할 수 있도록 단축 코드를 복사하세요.

Publish gallery in Envira Gallery

SeedProd의 포트폴리오 페이지로 돌아갑니다. 페이지의 원하는 위치에 단축 코드 블록을 끌어서 놓습니다.

그런 다음 사이드바 메뉴의 '단축 코드' 상자에 단축 코드를 붙여넣으면 됩니다.

Shortcode in SeedProd

단축번호를 미리 보려면 페이지 오른쪽 상단에 있는 '미리보기' 버튼을 클릭하세요.

그러면 전체 페이지의 모양이 표시됩니다.

Preview portfolio website

여기에서 Envira 갤러리가 포트폴리오 사이트에 포함되어 있음을 확인할 수 있습니다.

Envira Gallery의 라이트박스 기능을 사용하면 각 항목을 클릭하여 전체 이미지를 볼 수 있습니다.

Recent projects in SeedProd

7. 문의 양식 추가

이제 잠재 고객을 끌어 모았으므로 이제 그들이 귀하에게 연락하도록 할 시간입니다. 물론 거기에 이메일을 넣을 수도 있지만 연락처 양식을 사용하면 이메일 앱을 열지 않고도 직접 메시지를 보낼 수 있습니다.

간단하고 전문적인 문의 양식을 만드는 가장 좋은 방법은 WPForms를 사용하는 것입니다.

WPForms form builder

WPForms는 온라인 문의 양식을 만들 수 있는 최고의 WordPress 양식 작성 도구입니다.

잠재 고객이 연락할 수 있도록 웹사이트에 대한 간단한 문의 양식을 만드는 방법을 알아보려면 WordPress에서 문의 양식을 만드는 방법에 대한 단계별 튜토리얼을 따르세요.

양식을 완성한 후 포트폴리오 페이지로 돌아갑니다. '문의 양식' 위젯을 사용하여 WPForms의 양식을 추가할 수 있습니다. '양식 선택'에서 자신이 만든 양식을 선택합니다.

WPForms in SeedProd

8. 라이브로 만들기

모든 것이 좋아 보인다면 웹사이트를 시작할 준비가 된 것입니다.

여러분이 해야 할 일은 오른쪽 상단에 있는 녹색 '저장' 버튼 아래에 있는 화살표를 클릭하는 것 뿐입니다. 그런 다음 '게시'를 클릭하세요.

Publish portfolio in SeedProd

라이브 사이트를 확인해보세요.

포트폴리오 갤러리, 버튼, 문의 양식을 포함한 모든 것이 나타나야 합니다.

Portfolio website live example

전문적인 포트폴리오 웹사이트를 만들었다면 사이트에 더 많은 트래픽을 보내거나 관심 있는 잠재 고객을 육성할 준비가 된 것입니다.

이 기사가 WordPress에서 온라인 포트폴리오 웹사이트를 만드는 방법을 배우는 데 도움이 되었기를 바랍니다. 또한 WordPress 블로그를 시작하는 방법에 대한 게시물이나 이메일 뉴스레터를 만드는 방법에 대한 가이드를 확인하는 것이 좋습니다.

이 기사가 마음에 드셨다면 WordPress 비디오 튜토리얼을 볼 수 있는 YouTube 채널을 구독해 주세요. 트위터와 페이스북에서도 우리를 찾을 수 있습니다.