본문 바로가기

IT/웹사이트

[워드프레스]무료 테마 Espied 무료 포트폴리오 사이트 만들기

워드프레스 계정이 있다는 가정 하에 포스팅합니다.



1. 워드프레스 계정으로 로그인합니다.





2. 사이트 만드는데 필요한 정보를 기입해 줍니다.

첫번째 문항에는 'XX의 포트폴리오', 두번째 문항은 올릴 내용에 대해서 입력하면 드롭박스가 생성되니 거기서 선택해주시면 됩니다.

세번째 체크박스는 제일 밑 '포트폴리오 쇼케이스' 로 선택해줍니다. 물론 다른 내용을 기입하셔도 됩니다.

사이트 이름은 사이트가 생성된 후에도 수정 가능합니다.





3. 사이트 주소를 설정해줍니다. 000portfolio.com 으로 하셔도 좋고, portfolio000design.com 등등 원하는 도메인을 정해줍니다.

무료 포트폴리오를 만들기로 했으니 비용이 들어가는 도메인 외에 무료로 된 것으로 아무거나 선택하셔도 됩니다.




주소 뒤에 .blog가 마음에 들지 않으므로 .com 으로 선택해봅니다 :)



무료라고 해도 최고 대안이라고 추천해주는 도메인을 굳이 선택하지 않아도 됩니다.

무료! 라고 가장 눈에 띄는 도메인을 선택해 줍니다. 주소로 광고나 홍보를 생각하는 경우가 아니라면 무료 도메인을 선택해도 상관없습니다. 우리에게 보여주는 목표는 도메인 주소가 아니라 포트폴리오 내용이니까요!




4. 요금제도 무료 요금제로 가봅시다~




ps: 사이트가 만들어지면 이 곳에서 사이트명 수정이 가능합니다. (수정 후 상단의 세이브 세팅을 눌러주세요)




사이트명은 헤더에 가장 윗부분, 타이틀 형식으로 여기에 출력되는 부분입니다.



5. 이제 무료 포트폴리오 테마 Espied 를 찾아봅시다.

좌측 하단부분에 있는 themes 버튼을 클릭해줍니다. (한국어로는 '테마'라고 되어있습니다.)




상단에는 적용되어 있는 테마 정보가 출력됩니다. Espied 테마 적용 후에 이 쪽으로 커스터마이징 할 수 있습니다.

All Free Premium 이라고 쓰여있는 버튼들 중에 Free를 눌러주세요.




쭉 내리다 보면 거의 끝에 있는 Espied 테마를 발견하실 수 있습니다.





6. Espied 테마 적용하기

Espied 테마를 눌러보면 데모 소개 사이트로 넘어갑니다.

영어 까짓거 모르셔도 됩니다. Espied 데모 사이트처럼 보이게끔 사이트 만드는 법을 제가 알려드릴거니까요! :)




상단에 activate this design FREE 라고 써있는 버튼을 누릅니다.

Customize site 버튼을 한 번 더 눌러주고


타다~



드디어 Espied 테마가 적용되었습니다.




7. Espied 테마로 포트폴리오 프로젝트 만들기

포트폴리오 테마는 적용을 했는데 .. 자꾸 사이트 첫 페이지에는 '블로그 글'만 출력됩니다.

포트폴리오 프로젝트를 메인으로 설정해주지 않아서 그런데요, Espied 데모 페이지처럼 보이게끔 만들어보죠!


적용된 테마를 확인하고 X 를 눌러 닫으면 다시 워드프레스 관리 페이지로 돌아옵니다.


여기서 좌측 중앙에 잇는 Site Pages 를 눌러봅니다.



정보, 문의 페이지를 … 버튼을 눌러 trash!  삭제해줍시다.



그리고 우리가 만들 포트폴리오 사이트를 넣을 페이지를 만들어줍니다.

아까 데모페이지에서 봤던 타이틀과 내용 그대로 써봅니다. 물론 마음에 드는 내용으로 채우셔도 됩니다.



내용을 채웠다면 우측 접혀진 레이블을 하나씩 열어봅니다. 필요한 부분이 있다면 수정하셔도 좋아요.

우리는 이 페이지에 포트폴리오를 넣을 것이므로 페이지 템플릿을 포트폴리오 프로젝트가 포함된 페이지로 선택해줍니다.




그렇게하고 publish! publish! 하면 페이지가 완성됩니다.




8. 포트폴리오 프로젝트에 내용 추가하기

아직 포트폴리오 프로젝트를 추가하지 않아서, 메인에는 타이틀 뿐이 보이지 않습니다.

프로젝트를 만들었으니 포트폴리오가 메인에 출력되게끔 포트폴리오를 추가해봅시다!




close를 눌러서 페이지를 나온 후 좌측 중앙에 있는 portfolio 메뉴로 이동합니다.




프로젝트를 추가해줍니다.

add를 눌러서 내용과 함께 올라갈 이미지를 선택해줍니다.


free photo library를 쓴다면 손 쉽게 검색한 무료 사진을 업로드 할 수 있습니다.

여러사진을 선택해서 올리면 그 배치도 손수 수정해보세요. :)





우측 하단 쯤의 featured Images 메인에 출력되는 썸네일용 이미지입니다. 가장 부각되고 프로젝트 내용을 집약적으로 소개해주는 이미지여야겠죠?


Publish! Publish! 해주고 우리의 프로젝트를 포스팅 해줍니다.




9. 메인에 포트폴리오 프로젝트 출력하기

이제 필요한 모든 것은 만들어졌습니다! 메인에 프로젝트만 추가해주면 되겠습니다.

이번엔 Themes가 아닌 Customize 버튼을 눌러주세요.그리고 Homepage Sattings를 눌러줍니다.





A static page > (Homepage)에 아까 만들어준 페이지 이름을 선택 > 새로고침 되어 포트폴리오 부분이 메인으로!

Publish!




그러면 타다~



포트폴리오 사이트가 완성!

다른 포트폴리오 프로젝트를 더욱더 추가해주면 더 멋진 배열로 사이트가 완성될겁니다!


수고하셨습니다 :)