문서에 플레이스홀더 이미지 추가하기

개요

{{< placeholder >}} 숏코드는 최종 이미지를 아직 준비하지 못했을 때 문서나 웹사이트 레이아웃을 설계하는 데 필요한 플레이스홀더 이미지를 생성합니다. 디자인 흐름을 끊지 않고 전체 구성을 유지하는 데 도움이 됩니다. 플레이스홀더 이미지는 크기를 조정할 수 있으며 PNG 또는 SVG 형식으로 생성됩니다.

예시

플레이스홀더 이미지 예시는 다음과 같습니다.

기본적으로 placeholder 숏코드는 100x100 픽셀 PNG 이미지를 생성합니다. 필요하면 인자를 제공해 이미지 크기와 형식을 조정할 수 있습니다.

사용 방법

placeholder 숏코드는 이미지 크기와 형식을 제어하는 추가 인자를 받을 수 있습니다.

{{< placeholder 400 200 format=svg >}}

위 예시는 400x200 픽셀 크기의 SVG 플레이스홀더 이미지를 생성합니다.

format 키워드 인자도 선택적으로 사용할 수 있습니다.

  • {{< placeholder >}}: 100x100 픽셀 PNG 이미지를 생성합니다.
  • {{< placeholder width >}}: widthxwidth 픽셀 PNG 이미지를 생성합니다.
  • {{< placeholder width height >}}: widthxheight 픽셀 PNG 이미지를 생성합니다.
  • {{< placeholder format="svg" >}}: 100x100 픽셀 SVG 이미지를 생성합니다.
  • {{< placeholder width format="svg" >}}: widthxwidth 픽셀 SVG 이미지를 생성합니다.
  • {{< placeholder width height format="svg" >}}: widthxheight 픽셀 SVG 이미지를 생성합니다.