프로젝트 글을 작성하고 포트폴리오에 표시하기

Summary: 프로젝트 제목과 본문을 작성하고, 대표 이미지와 포트폴리오 카테고리를 지정해 공개하는 방법을 안내합니다. 목록 카드, 요약 팝업, 상세 글 확인과 수정·삭제까지 실제 화면으로 따라 할 수 있습니다.

완료한 작업을 홈페이지에 소개하고 싶다면 프로젝트 하나당 ‘글’ 하나를 작성하면 됩니다. 제목과 내용을 입력하고, 대표 이미지를 지정한 다음 포트폴리오 카테고리를 선택해 공개합니다. 포트폴리오 목록이 해당 카테고리를 표시하도록 설정되어 있다면 새 프로젝트가 자동으로 나타납니다.

이 안내에서는 가상의 ‘온빛 스튜디오 웹사이트 구축’ 프로젝트를 예로 듭니다. 이미 만들어진 포트폴리오 화면에 작업 사례를 추가하는 과정이므로, 프로젝트를 등록할 때마다 페이지를 복사하거나 메뉴를 새로 만들 필요가 없습니다.

시작하기 전에

버전과 화면 배치는 사이트마다 다를 수 있습니다. 위 버전은 이 안내를 확인한 환경이며, 최신 버전을 뜻하지 않습니다. 본문에 블록을 하나씩 추가하는 편집기가 나온다면 이 안내의 ‘비주얼’ 탭과 화면이 다릅니다. 편집기를 바꾸거나 플러그인을 설치하기 전에 담당자에게 사용 중인 편집 방식을 확인해 주세요.

먼저 구분하면 쉬운 네 가지

이 안내에서 새로 만드는 것은 글입니다. ‘페이지 → 페이지 추가’나 ‘KTheme 사업 브리핑 → 글 추가’가 아니라, ‘글 → 글 추가’를 사용합니다.

1. 관리자에서 ‘글 → 글 추가’ 열기

1. 세팅 완료 안내에서 받은 내 홈페이지 관리자 주소로 접속합니다. 케이테마 마켓 계정이 아니라 해당 홈페이지 관리자 계정으로 로그인합니다.
2. 왼쪽 메뉴에서 글을 누릅니다.
3. 아래에 나타나는 글 추가를 누릅니다.
4. 가운데에 제목 추가, 본문 입력 영역, 오른쪽에 공개·카테고리·대표 이미지가 보이는지 확인합니다.

그림 1. 프로젝트는 왼쪽 ‘글’ 메뉴에서 추가합니다.

글 추가 화면에 Elementor로 편집 버튼이 보여도 이번 실습에서는 누르지 않습니다. 기본 글 편집기로 내용을 등록하면, 기존 포트폴리오 디자인이 그 글을 불러와 보여줍니다.

2. 프로젝트 제목 입력하기

제목 추가 칸에 프로젝트 이름을 적습니다. 이 제목은 포트폴리오 카드와 상세 글 제목에 사용됩니다.

• 좋은 예: 온빛 스튜디오 웹사이트 구축
• 공간 프로젝트 예: 강남 사무실 라운지 리뉴얼
• 제품 프로젝트 예: 친환경 포장재 브랜드 디자인

‘프로젝트 1’처럼 구분하기 어려운 제목보다는 무엇을 했는지 알 수 있는 이름이 좋습니다. 화면 속 [실습] 표시는 설명용 글을 구분하기 위한 것이므로 실제 등록할 때는 빼도 됩니다.

그림 2. 프로젝트 이름을 제목 칸에 입력한 모습입니다.

입력을 잠시 멈추려면 오른쪽 임시글로 저장을 누릅니다. 임시 저장은 내용을 보관하는 기능이며, 아직 방문자에게 공개되지 않습니다.

3. 프로젝트 소개와 작업 내용 작성하기

본문 위쪽의 비주얼 탭을 선택하고 넓은 흰색 입력 영역을 누릅니다. 처음에는 아래 순서대로 쓰면 내용을 정리하기 쉽습니다.

다음 예문에서 프로젝트 이름과 실제 작업 내용만 바꿔 사용해도 됩니다.

프로젝트 소개

온빛 스튜디오의 서비스와 작업 사례를 쉽게 살펴볼 수 있는 기업 웹사이트를 제작했습니다.

작업 내용

방문자가 필요한 서비스를 빠르게 찾도록 메뉴를 정리했습니다.

PC와 모바일에서 읽기 편하도록 소개 문구와 이미지를 구성했습니다.

문의 화면으로 이동하는 버튼을 배치했습니다.

프로젝트 정보

작업 분야: 기업 웹사이트 제작

제작 범위: 기획, 디자인, 페이지 구성

완료 시기: 2026년 10월

완성 결과

서비스 소개와 프로젝트 사례를 한곳에서 확인할 수 있도록 구성했습니다.

문단을 바꾸려면 Enter를 누릅니다. 같은 문단 안에서 줄만 바꾸려면 Shift + Enter를 사용합니다. 소제목을 입력한 줄에 커서를 놓고 도구 모음의 문단 메뉴에서 제목 2를 선택하면 내용을 구분하기 쉽습니다. 프로젝트 전체 제목은 이미 위에 있으므로 본문에서 제목 1을 다시 만들 필요는 없습니다.

작업 내용은 도구 모음의 글머리 기호 목록 버튼으로 정리할 수 있습니다. 굵게 표시할 문구는 선택한 뒤 B 버튼을 누릅니다. 다른 문서에서 가져온 글의 글꼴이나 색상이 섞였다면 일반 텍스트로 붙여 넣고 필요한 소제목만 다시 지정하는 편이 쉽습니다.

그림 3. 왼쪽은 프로젝트 본문, 오른쪽은 분류와 대표 이미지 설정입니다. 화면은 공개 후 다시 편집하는 상태라 ‘업데이트’ 버튼이 보입니다.

4. 본문에 상세 이미지 넣기

대표 이미지와 본문 이미지는 역할이 다릅니다. 본문 이미지는 상세 글 안에서 보여줄 사진이나 작업 화면입니다.

1. 본문에서 이미지를 넣을 위치를 누릅니다. 설명 다음에 넣고 싶다면 설명 끝에서 Enter를 눌러 빈 줄을 만듭니다.
2. 본문 위의 미디어 추가를 누릅니다.
3. 이미 등록한 사진이라면 미디어 라이브러리에서 선택합니다. 내 컴퓨터의 새 이미지라면 파일 업로드 → 파일 선택을 이용합니다.
4. 오른쪽의 첨부파일 표시 설정에서 크기를 확인합니다. 설명용으로 넓게 보여주려면 제공되는 큰 크기를 선택합니다. 작은 원본을 크게 늘리면 흐려집니다.
5. 이미지를 누를 때 별도 화면으로 이동할 필요가 없다면 링크 대상 → 없음으로 둡니다.
6. 글에 삽입을 누르고, 본문에서 의도한 위치에 들어갔는지 확인합니다.

사진이 여러 장이면 이 과정을 반복합니다. 사진 아래에 ‘입구 전경’, ‘상담 공간’, ‘모바일 화면’처럼 설명을 붙이면 방문자가 이해하기 쉽습니다. 새로 업로드하는 의미 있는 사진에는 대체 텍스트도 작성해 주세요. 예를 들어 ‘리뉴얼한 사무실 라운지 전경’처럼 이미지 내용을 짧게 설명합니다.

실습에서는 기존 미디어를 사용했습니다. 기존 이미지를 재사용할 때는 다른 글에서도 쓰는 이미지일 수 있으므로, 파일 자체를 삭제하거나 교체하지 않도록 주의합니다.

5. 포트폴리오 카드의 ‘대표 이미지’ 지정하기

대표 이미지는 목록에서 프로젝트를 대표하는 사진입니다. 본문에 사진을 넣었더라도 대표 이미지는 별도로 지정해야 합니다.

1. 글 편집 화면 오른쪽에서 대표 이미지 상자를 찾습니다. 아래쪽에 있으면 화면을 내립니다.
2. 대표 이미지 설정을 누릅니다.
3. 미디어 라이브러리에서 사용할 이미지를 누릅니다. 선택된 이미지에 체크 표시가 나타납니다.
4. 오른쪽 아래 대표 이미지 설정 버튼을 누릅니다.
5. 편집 화면의 대표 이미지 상자에 작은 미리보기가 나타나는지 확인합니다.

그림 4. 체크된 이미지가 대표 이미지 후보입니다. 오른쪽 아래 버튼을 눌러 선택을 적용합니다.

이미 지정된 이미지를 바꾸려면 대표 이미지 상자 안의 사진을 누릅니다. 대표 이미지 제거는 해당 글의 대표 이미지 연결을 해제하는 기능입니다. 미디어 라이브러리의 영구 삭제와 혼동하지 마세요.

목록 디자인에 따라 사진의 일부가 잘려 보일 수 있습니다. 중요한 부분이 가운데에 있는 사진을 사용하고, 실제 카드에서 잘림을 확인합니다. 실습에서는 가로형 이미지를 사용했지만 모든 사이트에 같은 크기를 강제할 필요는 없습니다.

6. ‘포트폴리오’ 카테고리 선택하기

오른쪽 카테고리 → 모든 카테고리에서 포트폴리오를 체크합니다. 이 설정이 글을 포트폴리오 목록에 연결하는 핵심입니다.

• 이미 있는 ‘포트폴리오’를 선택합니다. 이름이 같은 카테고리를 새로 만들지 않습니다.
• 해당하지 않는 ‘공지사항’이나 ‘자료실’이 선택되어 있다면 해제합니다.
• ‘미분류’만 선택된 상태로 공개하면 포트폴리오 목록에 나타나지 않을 수 있습니다.
• 카테고리가 보이지 않으면 상자 제목을 눌러 펼치거나, 오른쪽 위 화면 옵션에서 카테고리 표시를 확인합니다.

태그에 ‘포트폴리오’를 입력하는 것과 카테고리를 선택하는 것은 다릅니다. 이 안내에서는 카테고리 선택이 필요합니다. 사이트가 ‘시공사례’, ‘프로젝트’처럼 다른 분류명을 사용한다면 기존에 잘 보이는 프로젝트 글의 카테고리를 먼저 확인하세요.

7. 짧은 소개 문장인 ‘요약’ 작성하기

요약은 프로젝트를 짧게 설명하는 별도 입력란입니다. 사이트 설정에 따라 목록이나 팝업에서 사용될 수 있습니다. 상세 설명은 본문에, 짧은 소개는 요약에 나눠 쓰면 관리하기 좋습니다.

요약 상자가 보이지 않는 경우:

1. 편집 화면 맨 위 오른쪽 화면 옵션을 누릅니다.
2. 요약에 체크합니다.
3. 화면 옵션을 다시 눌러 닫습니다.
4. 본문 아래의 요약 입력란으로 내려갑니다.

그림 5. 요약 입력란이 없을 때 표시하는 방법입니다.

요약에는 1~2문장으로 프로젝트의 특징을 적습니다.

온빛 스튜디오의 서비스와 작업 사례를 한눈에 소개하는 기업 웹사이트 제작 프로젝트입니다. 기획부터 디자인, 모바일 화면 구성까지 진행했습니다.

그림 6. 본문과 별도로 입력한 요약입니다.

요약을 입력해도 모든 화면에서 그 문장이 그대로 표시되는 것은 아닙니다. 현재 데모 검증에서는 팝업에 본문 앞부분을 줄인 문장이 표시되는 경우도 확인했습니다. 공개 후 실제 팝업을 열어 읽어 보세요. 정확한 요약 문장 노출이 필요하다면 목록 위젯 설정과 동작을 담당자에게 확인받습니다. 이 문제를 해결하려고 본문 전체를 지울 필요는 없습니다.

8. 미리 확인하고 ‘공개’ 누르기

공개 전에 아래 다섯 가지를 확인합니다.

• 제목이 해당 프로젝트의 이름인가요?
• 소개와 작업 내용에 오타가 없나요?
• 대표 이미지가 지정되어 있나요?
• 카테고리가 ‘포트폴리오’로 선택되어 있나요?
• 공개해도 되는 내용과 이미지인가요?

작업 중이라면 먼저 임시글로 저장을 누르고 미리보기로 확인합니다. 미리보기는 글 내용을 확인하는 용도이며, 포트폴리오 목록에 실제로 나타났다는 뜻은 아닙니다.

준비가 끝나면 오른쪽 공개 상자에서 가시성: 공개, 즉시 발행을 확인하고 공개 버튼을 누릅니다. 완료되면 ‘글이 발행되었습니다.’라는 안내가 나옵니다. 이후 같은 글을 수정할 때는 버튼 이름이 업데이트로 바뀝니다.

그림 7. 공개된 글은 ‘상태: 발행됨’으로 표시됩니다. 수정한 내용을 반영하려면 업데이트를 누릅니다.

미래 날짜가 설정되어 있으면 즉시 공개 대신 예약 발행이 될 수 있습니다. 지금 보여야 하는 글은 발행 날짜와 시간도 확인합니다. 카드의 날짜는 본문에 적은 ‘완료 시기’가 아니라 글의 발행일을 사용할 수 있습니다.

9. 포트폴리오에 자동으로 나타났는지 확인하기

1. 내 홈페이지를 새 탭에서 엽니다.
2. 상단 포트폴리오 메뉴로 이동합니다.
3. 이미 열어둔 화면이라면 브라우저를 새로고침합니다.
4. 정렬이 있다면 최신순을 선택합니다.
5. 방금 입력한 제목과 대표 이미지가 보이는지 확인합니다.

그림 8. 별도의 페이지 편집 없이 새 프로젝트가 첫 번째 카드로 나타났습니다. 실습 이미지가 기존 카드와 같은 것은 기존 미디어를 재사용했기 때문입니다.

이번 실습에서는 포트폴리오 페이지나 메뉴를 수정하지 않고 글 하나만 공개했습니다. 기존 목록이 포트폴리오 카테고리의 글을 불러오므로 새 글이 자동으로 추가되었습니다. 다른 사이트에서는 정렬 기준이나 표시 개수가 다를 수 있으므로 항상 첫 번째 자리에 나온다고 단정하지는 마세요.

10. 카드 클릭 → 팝업 → 전체 본문 확인하기

목록에 보이는 것만 확인하고 끝내지 말고, 프로젝트 제목이나 이미지를 직접 눌러 봅니다.

기업 스타일 19의 이번 실습 화면에서는 먼저 팝업이 열렸습니다. 팝업에서는 대표 이미지, 제목, 날짜, 짧은 설명을 볼 수 있고, 아래의 Read more를 누르면 전체 글로 이동합니다.

그림 9. 팝업의 짧은 설명과 전체 본문은 서로 다를 수 있습니다. 전체 내용은 Read more로 확인합니다.

그림 10. 상세 글에서 입력한 본문과 이미지가 읽기 좋게 표시되는지 확인합니다.

사이트의 목록 설정에 따라 팝업 없이 상세 글로 바로 이동할 수도 있습니다. 클릭했을 때 기대한 화면이 나오는지를 확인하세요. 휴대폰에서도 홈페이지를 열어 제목이 너무 길지 않은지, 이미지가 깨지지 않는지, 본문 글자가 읽기 편한지 확인하면 좋습니다.

11. 등록한 프로젝트를 수정하거나 내리기

내용이나 사진 수정하기

1. 관리자에서 글 → 모든 글로 이동합니다.
2. 제목으로 프로젝트를 찾습니다. 글이 많다면 목록의 검색을 이용합니다.
3. 제목을 눌러 편집 화면을 엽니다.
4. 제목·본문·요약·대표 이미지 등 필요한 내용을 바꿉니다.
5. 오른쪽 업데이트를 누릅니다.
6. 포트폴리오와 상세 글을 새로고침해 변경을 확인합니다.

기존 프로젝트를 고칠 때는 글을 새로 만들지 않아도 됩니다. 제목을 바꾸더라도 이미 공유한 글 주소까지 불필요하게 바꾸지는 마세요.

임시로 숨기기

다시 공개할 계획이 있다면 편집 화면 오른쪽 상태 편집에서 임시글로 바꾸고 저장하는 방법을 사용할 수 있습니다. 변경 후 목록에서 빠졌는지 확인합니다.

실습 글 삭제하기

이번 안내처럼 연습용 글을 만들었다면 필요한 확인을 마친 뒤 그 실습 글의 편집 화면 → 휴지통으로 이동을 누릅니다. 공개 목록에서 사라졌는지 새로고침해 확인합니다. 실수했다면 글 → 모든 글 → 휴지통에서 해당 글을 복구할 수 있습니다.

실습에 사용한 이미지가 다른 글에서도 쓰이고 있다면 미디어는 삭제하지 않습니다. 이 안내의 실습 역시 기존 이미지를 재사용했습니다.

12. 자주 막히는 부분

/portfolio/와 /category/portfolio/는 같은 화면이 아닐 수 있습니다. 앞의 주소는 디자인한 페이지, 뒤의 주소는 카테고리에 속한 글을 자동으로 모으는 목록인 경우가 많습니다. 글이 잘 등록됐는지 확인할 때는 평소 방문자에게 안내하는 상단 포트폴리오 메뉴로 들어가 확인하세요.

프로젝트를 새로 추가하는 방법과 별도로, 기존 디자인을 복사해서 다른 분류의 페이지와 하위 메뉴를 만들고 싶다면 다음 안내를 이용하세요.

포트폴리오 디자인 복사와 하위 메뉴 만들기

목록에서 어떤 글을 불러올지 설정하는 작업은 KTheme Post 상세 설정 안내를 참고할 수 있습니다. 단순 글 등록 때마다 목록 설정을 바꿀 필요는 없습니다.

등록을 마쳤다면 확인하세요

• 프로젝트 제목과 대표 이미지가 포트폴리오에 표시됩니다.
• 카드를 눌렀을 때 팝업 또는 상세 글이 열립니다.
• 본문과 이미지가 의도한 순서로 보입니다.
• 수정했다면 업데이트 후 변경된 내용이 보입니다.
• 실습 글이라면 삭제 후 공개 목록에서 사라졌습니다.

문제가 계속되면 홈페이지 주소, 글 제목, 문제가 생기는 화면, 현재 화면 캡처를 함께 보내 주세요. 비밀번호를 공개 댓글이나 캡처에 넣지 마세요.