워드프레스 강좌 | 포스트 > 이미지

포스트에 이미지를 넣고 크기나 위치를 설정하고, 수정과 삭제 하는 방법을 알아보겠습니다.

포스트를 기준으로 설명을 하나 페이지 작성할 때도 방법은 같습니다.

이미지 삽입

포스트에 이미지를 넣으려면 제목 입력폼 밑에 있는 [미디어 추가]를 클릭합니다.

파일을 업로드하거나 이미 업로드한 파일들의 목록을 볼 수 있는 창이 뜹니다. 미디어 삽입 아래의 [파일 업로드]를 클릭합니다. 그리고, [파일을 선택하세요]를 클릭해서 업로드할 파일을 선택합니다.

이미지 파일을 선택하면 다음과 같은 화면이 나옵니다.

제목, 캡션, 대체 텍스트, 설명은 선택입력사항이므로 입력하지 않아도 이미지 삽입에는 문제 없습니다. 하지만, 검색엔진에 잘 반영되게 하거나 스크린 리더 이용자를 배려한다면 입력하는 것이 좋습니다. 각각의 의미와 역할은 다음과 같습니다.

  • 제목
    이미지의 제목으로, 이미지 위에 마우스를 올렸을 때 툴팁으로 나옵니다.
  • 캡션
    이미지 설명입니다. 보통 이미지 아래에 나옵니다.
  • 대체 텍스트
    이미지가 삭제되었거나 이미지를 나타낼 수 없는 웹브라우저에서 이미지 대신에 나오는 텍스트입니다.
  • 설명
    이미지에 대한 설명을 입력합니다. 사이트에 나오지 않는 내용으로, 이미지에 대한 메모 정도로 이해하면 됩니다.

[정렬]은 왼쪽, 중앙, 오른쪽, 없음 네가지가 있습니다. 원하는 정렬을 선택합니다.

[연결]에서는 이미지를 클릭했을 때 이동할 링크를 만듭니다. 사용자 정의 URL, 첨부 페이지, 미디어 파일, 없음 중 하나를 선택합니다.

  • 사용자 정의 URL
    이동할 링크를 직접 입력합니다.
  • 첨부 페이지
    테마에서 정의된 첨부 페이지로 이동합니다.
  • 미디어 파일
    파일 주소로 연결하는 링크를 만듭니다.
  • 없음
    링크를 만들지 않습니다.

[크기]에서 이미지 크기를 정합니다. 이미지를 업로드하면 원본 이미지 외에 여러 사이즈의 이미지가 자동으로 만들어집니다. 그 중의 하나를 선택하면 됩니다.

자동으로 만들어지는 이미지의 사이즈는 [설정 - 미디어]에서 정합니다.

업로드한 이미지 설정이 끝나면 [글에 삽입하기]를 클릭하여 포스트에 이미지를 삽입합니다.

포스트를 [공개하기] 한 후 사이트에서 그 글을 보면 아래와 같이 나옵니다.

이미지 밑에는 캡션에 입력했던 내용이 있습니다. 연결을 [첨부 페이지]로 설정했다면 이미지를 클릭했을 때 다음과 같이 이미지의 상세정보가 있는 페이지로 이동합니다.

또 한번 이미지를 클릭하면 원본 이미지를 볼 수 있습니다. 이는 연결을 [미디어 파일]로 했을 때의 결과와 같습니다.

이미지 수정

글에 삽입한 이미지를 수정하고 싶으면 이미지를 한번 클릭하면 됩니다. 그러면 이미지 왼쪽 위에 두개의 아이콘이 생깁니다.

오른쪽 아이콘을 클릭하면 이미지가 삭제됩니다. 왼쪽 아이콘을 클릭하면 아래처럼 이미지 수정 화면이 나옵니다.

생김새는 조금 다르지만 이미지를 삽입할 때의 입력사항과 비슷한 내용이 있습니다. 상단 왼쪽의 [고급 옵션]을 클릭하면 다음과 같은 화면이 나옵니다.

이미지 삽입할 때는 없었던 여러 옵션이 있습니다. 이미지를 삽입한 후에 더 많은 설정이 필요할 때 [고급 옵션]을 이용하면 됩니다.

Add new comment

Guest

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
CAPTCHA
구글이 제공하는 스팸방지 기능입니다. '로봇이 아닙니다'에 체크해야 글을 등록할 수 있습니다.

Book navigation