이미지는 사이트의 시각적인 매력을 높이고 정보를 효과적으로 전달하며 방문자의 환경을 개선합니다. 이 가이드에서는 워드프레스 사이트에 이미지를 추가할 수 있는 여러 가지 방법을 보여드립니다.
이미지로 할 수 있는 일이 많아서 여러 페이지로 나누었습니다.
- 워드프레스닷컴에 업로드할 수 있는 이미지 파일의 유형을 확인하려면 허용되는 파일 유형 가이드를 참조하세요.
- 이미지 블록을 사용하여 사이트에 이미지를 업로드합니다.
- 갤러리 블록 또는 타일 갤러리 블록을 사용하여 갤러리를 업로드합니다.
- 슬라이드 쇼 블록을 사용하여 슬라이드 쇼를 업로드합니다.
- 커버 블록을 사용하여 헤더 또는 배너 스타일 이미지를 업로드합니다.
- 미디어 & 텍스트 블록을 사용하여 이미지를 텍스트와 나란히 추가하거나 이미지 비교 블록을 사용하여 두 이미지를 비교합니다.
- 이러한 소스에서 웹사이트에 사용할 무료 이미지를 찾습니다.
- 워드프레스 편집기의 블록 설정을 사용하여 이미지를 자르고 크기를 조정하고 회전하고 정렬하고 캡션을 적용합니다.
- 이미지 블록 가이드에서 이러한 설정에 대해 자세히 알아보거나 다른 미디어 블록을 둘러보세요.
- 알림판의 미디어 섹션을 사용하여 사이트의 이미지를 보고 삭제합니다.
- 미디어의 이미지를 회전하거나 자르거나 뒤집을 수도 있습니다. 자세한 방법은 미디어에서 이미지 편집을 참조하세요.
- 빠르게 로드되고 최소한의 저장 공간을 차지하도록 이미지를 최적화합니다.
- 이미지 업로드 문제 해결 – 이미지가 업로드되지 않나요? 다음은 이미지를 업로드하는 몇 가지 팁입니다.
- 흐린 이미지 문제 해결 – 업로드된 원래 사진의 품질이 양호한데도 이미지가 사이트에 흐리게 나타날 수 있는 이유를 확인하세요.
다음은 워드프레스 편집기에서 이미지를 표시하는 방법에 대한 몇 가지 예입니다. 사이트에서 사용하는 테마에 따라 이미지가 달라 보이니 사이트에서 이미지를 시험해 보세요!
이미지 출처는 모두 Pexels 무료 사진 라이브러리입니다.
이미지 블록을 사용하여 단일 이미지를 추가합니다.
기본 스타일:
둥근 스타일:
두 이미지를 나란히 표시하려면 갤러리 블록을 사용하면 됩니다.
이미 하나의 이미지를 삽입한 경우 옆에 있는 두 번째 이미지를 빠르게 끌어서 놓을 수 있습니다. 컴퓨터에서 이미지 파일을 드래그할 때 첫 번째 이미지 옆에 세로선이 나타날 때까지 기다린 다음에 놓습니다. 다음은 새 이미지를 기존 이미지 옆에 끌어다 놓는 방법을 보여주는 비디오 데모입니다.
미디어 & 텍스트 블록을 사용하여 이미지 또는 비디오를 텍스트와 나란히 배치합니다. 모바일 장치에서 미디어와 텍스트 스택을 배열하는 간편한 옵션도 제공됩니다.
이미지 주위에 텍스트를 줄 바꿈하는 추가 옵션을 보려면 가이드의 텍스트와 함께 이미지 정렬을 참조하세요.
전체 폭 헤더 및 배너 스타일 이미지에 커버 블록을 사용합니다. 이미지를 고정 배경(“시차 효과” 또는 “시차 스크롤링”이라고도 함)으로 설정하고 색상 오버레이를 추가하고 이미지 위에 텍스트와 기타 콘텐츠도 추가할 수 있습니다.
시차 효과가 있는 고정 배경:
고정되지 않은 배경:
여러 사진을 매력적인 방식으로 배열하려면 갤러리 블록을 사용하세요.
슬라이드 쇼 블록을 사용하여 페이지 또는 글에서 공간을 너무 많이 차지하지 않고 다수의 사진을 공유합니다.
타일 갤러리 블록은 네 가지 스타일로 제공됩니다.
- 타일 모자이크
- 원형 그리드
- 정사각형 타일
- 타일 열
바둑판식 모자이크
원형 그리드
둥근 모서리 옵션 포함 정사각형 타일
타일 열
이미지 비교 블록은 이미지 2개를 나란히(또는 위와 아래) 배치하고 슬라이더를 사용하여 두 이미지의 차이점을 드러내는 데 사용합니다.
지원 