WordPress 이미지 블록 작업: WordPress에 이미지를 추가하는 방법 [+비밀 팁]

많은 사용자에게 이미지로 작업하는 것은 정말 실망스러울 수 있습니다. 올바른 종횡비를 선택하거나 전체 레이아웃에서 잘 보이도록 이미지 크기를 올바르게 조정하는 것이 항상 쉬운 것은 아닙니다.

1. WordPress 이미지 블록을 사용하는 이유
2. WordPress 이미지 블록으로 이미지를 추가하는 방법
3. 추가 서식 이미지 프로세스
4. 기사 내부의 추가 팁

이전 WordPress 버전(v5.0까지)은 +미디어 추가 버튼을 사용하여 이미지를 추가합니다. 문제는 이미지 크기를 최소한으로 변경하더라도 다시 업로드해야 한다는 것입니다. 그것은 시간 낭비와 중복 클릭을 의미합니다.

새로운 블록 기반 편집기 Gutenberg는 WordPress에 이미지를 추가하는 방법을 변경하여 최종 사용자를 위해 이 프로세스를 더 간단하게 만듭니다. 이 기사에서는 WordPress 이미지 블록 추가 및 편집에 대한 실용적인 가이드를 보여줍니다. 또한 이미지 붙여넣기의 또 다른 옵션인 몇 번의 클릭만으로 이미지를 복사하여 콘텐츠 영역에 붙여넣는 방법에 대해 설명합니다. 또한 WP 5.3에서 새로 추가된 기능도 소개합니다.

그러나 먼저 게시물과 페이지에서 이미지를 사용해야 하는 이유에 대해 이야기해 보겠습니다.

웹 사이트에 WordPress 이미지 블록이 필요한 이유

관심을 끌다

이미지는 웹사이트 방문자의 관심을 끕니다. 방문자를 웹사이트에 더 오래 머물게 하려면 흥미로워야 합니다. 이미지가 없는 블로그 게시물을 생각해 보십시오. 그것은 단지 많은 텍스트입니다. 가치 있고 정보가 가득할 수 있지만 첫눈에 그다지 흥미롭지 않습니다. 또한 사진은 주제를 더 잘 상상하고 설명하는 데 도움이 될 수 있습니다.

이러한 이유로 중요한 항목에 주의를 집중하기 위해 WordPress 이미지 블록을 사용해야 합니다.

설명 텍스트 및 컨텍스트

또한 이미지는 방문자가 기사의 내용을 더 잘 이해할 수 있도록 해주기 때문에 콘텐츠를 이해하는 데 필수적인 부분입니다. 인포그래픽 덕분에 복잡한 연결을 설명하고 간단하게 말할 수 있습니다. 그것은 방문자가 당신이 말하는 문제에 더 잘 적응할 수 있도록 도와줍니다.

웹사이트를 더 멋지게 만들기

게다가 이미지는 전체 웹사이트 디자인을 멋지게 마무리합니다. 웹사이트 레이아웃뿐만 아니라 사용성도 중요합니다. 올바르게 선택하고 배치한 이미지는 방문자가 웹사이트를 더 쉽게 탐색하는 데 도움이 될 수 있습니다.

WordPress 블록 편집기에서 이미지를 추가하는 방법

게시물이나 페이지에 이미지를 삽입하려면 코어 블록 – 이미지 블록을 추가해야 합니다. 이를 수행하는 방법에는 여러 가지가 있습니다.

– 상단 막대 또는 편집기의 아무 곳에서나 "+" 사용

– 슬래시 "/"를 사용하고 그 뒤에 "이미지"라는 단어를 씁니다.

실제 이미지를 추가할 수 있는 새 블록이 생성됩니다.

WordPress에 이미지 업로드

원하는 위치에 이미지를 넣는 방법은 무엇입니까?

• 업로드를 사용하고 하드 드라이브에서 이미지를 선택하십시오.
• 웹사이트에 이미 업로드된 이미지를 선택할 수 있는 미디어 라이브러리 사용
• 마우스 사용 및 이미지 드래그 앤 드롭
• 이미지 URL 주소 삽입

덜 알려진 WordPress 이미지 추가 방법

앞서 언급한 업로드 창을 통해 이미지를 업로드하는 것 외에도 이미지를 삽입하는 또 다른 방법이 있습니다(매우 빠른 방법입니다!). 향상된 WordPress 편집기를 사용하여 다음을 수행할 수 있습니다.

• 콘텐츠에서 이미지 복사 또는
• 마우스 커서로 이미지를 "끌기"만 하면 됩니다.

그런 다음 선택한 이미지를 원하는 콘텐츠 영역의 위치에 삽입하거나 이동(드롭)합니다.

화면에서 캡처한 이미지를 붙여넣으려는 경우에도 동일한 기술을 사용할 수 있습니다. 세 가지 간단한 단계만 필요합니다. 첫 번째, 스크린샷을 찍어야 합니다 프린트 스크린 기능을 사용하여 예를 들어 Windows 10은 바로 가기를 통해서도 사용할 수 있는 Snip & Sketch라는 기본 스니펫 도구를 제공합니다. 키보드에서 Win+Shift+S 키를 함께 누르기만 하면 됩니다. 그런 다음 캡처하려는 이미지 영역을 선택합니다. 마지막 단계는 복사한 이미지(또는 그 일부)를 기본 단축키 Ctrl+V를 사용하여 콘텐츠 영역에 붙여넣는 것입니다.

편집기에 붙여넣은 WordPress 이미지는 어떻게 됩니까? 이 이미지를 편집할 수 있는 미디어 라이브러리에 자동으로 추가됩니다.

이미지 메타데이터 제한된 옵션

이미지 편집 내에서 제목, 캡션, 설명 및 대체 텍스트를 설정할 수 있습니다. 안타깝게도 이미지 파일 이름은 변경할 수 없습니다. 다음과 같이 자동 생성된 이름이 유지됩니다. 이미지-1.png 등등. 이러한 유형의 파일명은 파일명 추천과 충돌하여 SEO 최적화 측면에서 다소 불리할 수 있습니다. 따라서 WordPress 이미지를 콘텐츠 영역으로 옮기기 전에 이 부분을 고려해야 합니다.

이미지 정렬

이미지 정렬은 주요 기능 중 하나입니다. 게시물 또는 페이지에 WordPress 이미지 블록을 추가하더라도 웹 사이트 디자인에 따라 항상 배치를 고려해야 합니다. 해당 이미지 정렬을 기반으로 위의 도구 모음에서 선택할 수 있습니다. 기본적으로 이미지를 왼쪽, 오른쪽 또는 중앙에 정렬할 수 있습니다. 일부 WordPress 테마에서는 이미지를 너비 또는 전체 너비로 중앙에 배치할 수 있습니다. 모든 테마가 지원하는 것은 아니므로 테마 기능에 따라 다릅니다.

이미지 크기 조정

WordPress 편집기의 이미지 블록의 혁신적인 기능은 실용적인 크기 조정입니다. 이미지의 측면을 드래그하여 더 작게 또는 더 크게 만드세요. 이렇게 하면 콘텐츠의 텍스트에 따라 이미지 크기를 조정할 수 있습니다. Editor는 이미지 비율을 자동으로 유지하므로 변형에 대해 걱정할 필요가 없습니다.

이미지를 원형으로 변환하는 새로운 블록 스타일

사용 가능한 최신 버전의 WordPress를 사용하는 경우 이미지에 사용할 수 있는 새로운 원형 자르기 스타일을 발견했을 수 있습니다. 이미지의 모양은 첫 번째 "블록 유형 또는 스타일 변경" 아이콘을 클릭하여 상단 도구 모음을 통해 변경할 수 있습니다. 기본(직사각형) 모양이 원형으로 잘립니다.

WordPress 이미지 블록의 새로운 기능(WP 5.3에 추가됨)

고해상도 이미지 지원

WP 5.3의 가장 큰 특징 중 하나는 WordPress 플랫폼에서 향상된 이미지 처리입니다. 이미지 작업에는 이제 두 가지 주요 기능이 있습니다.

1. 업로드 재개 – 고해상도 사진을 업로드하는 중 인터넷 연결이 끊어지면 업로드 프로세스가 중단된 지점부터 자동으로 계속됩니다.
2. 자동 이미지 회전 - 최신 버전의 WP 버전은 잘못 회전된 이미지가 업로드될 때 자동으로 올바른 위치로 회전되도록 합니다.

인스펙터의 설정

정확한 치수를 구성하려면 편집기의 오른쪽 사이드바에 있는 Inspector를 사용할 수 있습니다. 이미지 크기 설정은 썸네일, 중간 크기, 큰 크기 또는 전체 크기와 같은 형식을 바로 사용할 수 있도록 제공합니다. 물론 너비와 높이를 픽셀 또는 백분율로 설정할 수 있습니다.

WordPress 이미지 블록 내에서 바로 모든 이미지 크기 조정 변경을 수행할 수 있고 블록 편집기의 한 곳에서 모든 작업을 수행할 수 있기 때문에 매우 빠르고 실용적입니다.

기타 이미지 차단 설정

URL 주소 추가 방법

이미지는 정적 이미지로 사용하거나 클릭할 수 있고 다음으로 링크할 수도 있습니다.

•   미디어 파일
•   첨부 페이지
•   사용자 정의 URL

WordPress 이미지 블록에서 사진을 편집하는 방법

연필 아이콘을 클릭하면 모든 이미지를 편집할 수 있습니다. 대체 텍스트, 제목, 캡션 및 설명을 작성할 수 있는 미디어 라이브러리가 있는 모달 창이 열립니다. 클래식 편집기를 사용하여 이전 WordPress 버전에서 이미 사용했던 것과 동일한 방식입니다.

이 텍스트를 채우는 것이 왜 중요합니까?

방문자가 더 크게 보기 위해 이미지를 클릭하면 이미지 파일 이름이 아닌 이미지 제목(예: Citadela 홈페이지)이 표시됩니다. 또한 이미지 로드에 문제가 있는 경우 웹사이트에 대체 텍스트가 표시됩니다.

추가 팁

WordPress 이미지 블록에 대한 이러한 모든 이유와 설정 외에도 가장 중요한 것이 있습니다. 이미지를 사용하여 웹 사이트 방문자를 더 많이 확보할 수 있습니다. 어떻게 얻을 수 있습니까?

요즘 사람들은 읽기에 게으르다. 그들은 답을 찾기 위해 그림을 아래로 스크롤하는 것을 선호합니다. 귀하의 사진과 이미지가 어떻게 순위를 매길 수 있습니까? 문자가 답입니다. SEO 최적화에 매우 중요한 것은 완벽한 이미지 제목과 설명입니다. 대체 텍스트를 작성하는 것을 잊지 마십시오. 그러면 Google에서 이미지를 더 잘 이해할 수 있습니다. 따라서 이미지 검색 결과에서 순위를 매길 가능성이 더 높아집니다.

이미지 캡션을 추가하는 두 가지 방법

이미지 캡션을 추가하는 것은 블록 편집기를 사용하는 것이 매우 쉽습니다. 이미지 바로 아래에는 텍스트를 쓸 수 있는 공간이 있습니다. 이것이 첫 번째 방법입니다. 주어진 하위 페이지에서 이 정확한 이미지에 캡션이 작성됩니다.

두 번째 방법은 미디어 라이브러리에서 연필 아이콘(이미지 편집)을 사용하여 이미지 캡션을 작성하는 것입니다. 이렇게 하면 전체 웹사이트에 이미지 캡션을 전역적으로 추가할 수 있습니다. 즉, 세 곳의 다른 위치에서 동일한 이미지를 사용하는 경우 항상 이 캡션을 사용합니다.

WordPress 이미지 블록에 이미지를 추가하는 것이 얼마나 쉬운지 마음에 드십니까? 직접 사용해보십시오!

새로운 Citadela WordPress 테마 및 맞춤형 레이아웃 팩에 대해 자세히 알아보십시오. 그들은 다양한 종류의 비즈니스를 위해 특별히 설계 및 개발되었으며 WordPress 블록 편집기를 통해 콘텐츠를 편집하는 새로운 방식도 지원합니다.