게시물 대표이미지를 본문에서 숨기는 방법

게시물 본문에 첨부한 이미지 중 하나를 게시물의 대표 이미지로 설정할 수 있습니다. 게시물 대표 이미지는  게시판의 썸네일로 사용될 수 있습니다.

여기서 지정한 대표 이미지를  게시판 썸네일로는 사용하지만, 게시물 본문에서는 표시되지 않도록 숨기려면 이 도움말을 참고할 수 있습니다.

참고: 대표 이미지가 게시판 썸네일로 표시되려면, 게시판 내용에 썸네일을 표시하는 이미지가 있어야 합니다. 예를 들어, 텍스트로 구성된 일반 게시판은 게시판 썸네일이 표시되지 않습니다.

설정방법

1단계 : 게시물 추가하기

  1. 내 사이트에 접속 후 게시판이 삽입된 페이지로 이동합니다.
  2. 게시판의 글쓰기 버튼을 클릭합니다.
  3. 텍스트 에디터가 나오면 이미지 첨부 
  4. 대표 이미지로 사용할 이미지를 선택해 올려줍니다.
  5. 필요에 따라 글과 이미지를 계속해서 추가해 게시물을 작성합니다.

2단계 : 대표 이미지 지정하기

게시물에 올린 이미지가 2개 이상인 경우, 게시물의 대표 이미지를 지정해야 합니다. 텍스트 에디터 왼쪽에서 대표 이미지를 마우스로 클릭해 주세요.

이미지를 대표 이미지 1개만 올린 경우, 자동으로 대표 이미지로 지정되므로 이 과정은 건너 뜁니다.

중요: 대표 이미지를 지정할 수 없는 경우, 디자인 모드에 접속해 게시판 설정을 열고,  대표 이미지 지정기능 사용 옵션이 해제되지 않았는지 확인해 주세요.

3단계 : 대표 이미지 숨김 처리하기

  1. 텍스트 에디터 오른쪽 끝의 코드 보기 아이콘을 클릭합니다.

  2. 마우스 휠 스크롤을 움직여 <p style="text-align: left;"> 로 시작하는 코드를 찾습니다.
  3. 코드에서 <p style="text-align: left; 와 "> 사이에 아래의 CSS 속성을 추가합니다.
    display:none;
    	
  4. CSS 속성을 추가하면 아래 그림과 같이 코드가 완성됩니다.
    주의: 코드 내 특수기호(; 또는 ")가 빠지거나 추가되지 않았는지 잘 확인해 주세요.

  5. 다시 코드 보기 아이콘을 클릭하면 텍스트 에디터에서 대표 이미지가 숨겨진 걸 확인할 수 있습니다.
  6. 오른쪽 상단의 작성 버튼을 클릭해 게시물을 올려줍니다.

4단계 : 게시판 썸네일 및 본문 대표 이미지 확인하기

  1. 게시판 메뉴로 이동합니다.
  2. 게시판에 대표 이미지 썸네일이 표시되는지 확인합니다.
  3. 게시물을 클릭해 게시물 본문에는 대표 이미지가 숨겨졌는지 확인합니다.