2022 년 워드 프레스에 이미지를 추가하는 방법 클래식과 구텐베르크 편집자에 이미지를 추가하는 튜토리얼(+파일 크기를 감소)

오늘,우리는 워드 프레스에 이미지를 추가하고(페이지&가능한 한 빨리로드 게시물을 유지하기 위해)자신의 파일 크기를 줄이는 방법을 분해하고 있습니다.

당신이 블로그를 시작하는 방법의 기초를 배울 때,알아낼 수있는 많은있다,나는 그것을 얻을. 글꼴 크기 변경,글꼴 색상 변경,클릭 가능한 링크 만들기 등에 대해 이야기했습니다.

좋은 소식은 2022 년,그것은 그들이 지난 10 년 동안 본 적이 유용성 업데이트와 향상된 기능을 모두 워드 프레스에 이미지를 추가하는 방법을 배울 매우 쉽다는 것입니다.

이 빠른 튜토리얼에서,나는 어떻게 워드 프레스 게시물에 이미지를 추가하는 방법을 보여 드리겠습니다,모두 고전적인 편집기에서(내가 사용하는 것을 선호)그들의 새로운 구텐베르크 편집기를 통해.

이제,당신의 워드 프레스 게시물에 이미지를 추가로 다이빙을 할 수 있습니다—또한 검색 엔진 최적화 모범 사례에 맞춰 유지하고 가능한 한 빨리로드 페이지를 유지하기 위해,가능한 한 자신의 파일 크기를 줄이면서.

에서 이미지 워드 프레스(및 파일 크기를 줄이기)를 추가하는 방법 2022

1. 고전 워드 프레스 편집기에서 게시물에 이미지 추가
2. 구텐베르크 워드 프레스 편집기에서 게시물에 이미지 추가
3. 워드 프레스

이제 빨리,우리는 워드 프레스에 이미지를 추가에이 튜토리얼에 다이빙을하기 전에,나는 어떻게 2 쉬운 단계(게시물이 빠르게로드 도움)이미지의 파일 크기를 줄이는 방법을 보여 드리겠습니다.이미지 압축 워드 프레스 플러그인(작은 이미지 압축 워드 프레스 플러그인)(작은 이미지 압축 워드 프레스 플러그인(작은 이미지 압축 워드 프레스 플러그인)(작은 이미지 압축 워드 프레스 플러그인)(작은 이미지 압축 워드 프레스 플러그인)(작은 이미지 압축 워드 프레스 플러그인)(작은 이미지 압축 워드 프레스 플러그인)(작은 이미지 압축 워드 프레스 플러그인)(작은 이미지 압축 워드 프레스 플러그인)(작은 이미지 압축 워드 프레스 플러그인)(작은 이미지 압축 워드 프레스)

당신은 워드 프레스 플러그인 라이브러리에서 바로 여기에 워드 프레스에 대한 무료 압축 제이펙&이미지 플러그인을 다운로드 할 수 있습니다.

양자 택일로,당신은 또한 플러그인을 검색하고 플러그인 메뉴 내부에서 직접 설치할 수 있습니다,여기에 블로그 관리자 섹션의 왼쪽에 액세스 할 수-또는 워드 프레스 플러그인을 설치하는 방법에 대한이 빠른 튜토리얼을 체크 아웃:

당신이 당신의 워드 프레스 블로그에 업로드 할 때마다 새로운 이미지가 자동으로 최적화되고 파일 크기는 이미지의 품질을 손상시키지 않고 가능한 한 감소.

참고:이것은 지금까지 시장에서 최고의 이미지 압축 플러그인입니다. 그것은$에서 유료 계획으로 업그레이드 할 필요가 전에(당신이 가능성이 필요합니다 것보다 훨씬 더 많은)한달에 500 무료 이미지 압축까지 할 수 있습니다.009/첫 번째 넘어 이미지 500 매월. 그것은 심각한 거래 그리고 당신은 당신에게 더 많은 무료 크레딧을 제공하는 더 나은 압축 플러그인을 찾을 수 없습니다.

그러나 자신의 컴퓨터(무제한 무료)에서 직접 이미지 압축을 수행하려는 경우 이미지 최적 응용 프로그램을 권장합니다.

이미지 업로드

그게 다야! 진지하게,그것은 쉽습니다.

블로그에 압축 플러그인을 설치 한 후-또는 먼저 컴퓨터에 개별 이미지를 압축 한-당신은 워드 프레스의 게시물이나 페이지에 업로드 할 준비가 된 것입니다.

이제 워드 프레스에 이미지를 추가하는 방법을 정확히 살펴 보겠습니다.

1. 클래식 워드 프레스 편집기에서 게시물에 이미지를 추가

당신이 나 같은이고 여전히 게시물을 편집/추가 클래식 워드 프레스 편집기 레이아웃을 선호하는 경우,여기에 따라.

반면에 게시물 콘텐츠에 최신 구텐베르크 편집기를 사용하는 경우 해당 연습의 다음 섹션으로 이동합니다. 사용 중인 편집기가 확실하지 않은 경우 아래 이미지 스크린샷을 살펴보고 편집기의 모습과 비교해 보십시오. 클래식 편집기를 사용하려면,하지만 그것을 얻는 방법을 확실하지? 워드 프레스 블로그에 고전적인 편집기를 설치하는 요스트의 간단한 튜토리얼과 함께 따라 2 분 정도 걸릴.

1. 당신이 이미지를 추가하는 게시물을 열고(오른쪽 자리를 찾을 수)

첫째,당신은 당신이 당신이에 이미지를 추가 할 게시물 안에 있는지 확인해야합니다.

그럼 당신은 당신이 이미지를 추가 할 게시물 내에서 정확한 위치로 커서를 탐색 할 수 있습니다.

2. 편집기 상단의”미디어 추가”버튼을 클릭하십시오

이 버튼은 다음과 같습니다:

“미디어 추가”버튼을 클릭하면 이미지 파일을 업로드할 수 있는 화면이 표시됩니다.

3. “파일 업로드”를 클릭

“파일 업로드”탭을 클릭하면 선택 도구를 사용하여 컴퓨터에있는 이미지 파일을 선택할 수있는 화면으로 이동합니다.

당신은 당신의 바탕 화면에서 이미지 파일을 드래그하고 업로드 할 수 있습니다 경우 또는,-당신은”파일 업로드”화면을 건너 뛸 수 있습니다 그냥(다음 단계에서이 데모가있다)에 이미지를 드래그하여 삭제로 바로 이동합니다.

4. 이미지 파일 업로드

이미지 파일을 바탕 화면에서 드래그하여 파일 업 로더에 놓는 것이 훨씬 빠르기 때문에(선택기를 사용하여 내 컴퓨터에서 찾는 것이 아니라)선호합니다.

다음은 워드 프레스에 바탕 화면에서 이미지를 추가하는 방법의 빠른 비디오/지프 데모입니다:

당신이 당신의 이미지를 업로드 한 후,압축 플러그인은(무대 뒤에서)파일 크기를 줄일 수 있도록 마법 작동합니다.

주: 이미지 옵션을 마무리하고 클릭하기 전에”게시물에 삽입,”당신은 당신의 이미지에 대한 검색 엔진 최적화 친화적 인 대체 텍스트를 작성하는 것이 좋습니다—당신의 이미지에서 일어나는 일의 본질을 설명 뭔가,이상적으로 대상 키워드 중 하나에 직조 당신은 기사가 결국(유기 검색 결과)에 대한 순위 것입니다 기대하고있다.

5. 이미지 옵션을 선택하고”게시물에 삽입”을 클릭

마지막으로,당신은 당신의 이미지를 정의 할 수있는 몇 가지 옵션이 있습니다. 여기에는 다음이 포함됩니다:

• 게시물 내에서 이미지가 표시되는 방식의 정렬 제어(항상 중앙 정렬을 선택합니다)
• 블로그의 다른 페이지 또는 게시물에 이미지 링크 만들기(또는 독자를 안내하려는 외부 링크)
• 디스플레이 크기(이미지 품질 손실을 피하기 위해 항상 전체 크기로 업로드하는 것이 좋습니다.))

이 옵션을 선택하면”게시물에 삽입”을 클릭 할 준비가 당신은 갈 수 있어요!

그 버튼은 화면의 오른쪽 하단 모서리에 바로 여기에있을 것입니다:

지금,당신은 당신의 편집기 창으로 다시 이동합니다 그리고 당신은 당신이 그것을 업로드 한 경우 바로 거기에 앉아 추가 된 이미지를 볼 수 있습니다.

당신이 당신의 새로운 이미지의 표시로 뭔가를 변경하려는 경우 당신은 여전히 몇 가지 빠른&쉬운 편집 옵션이 있음을 유의하십시오:

• 당신은 모서리 중 하나를 잡아 위 또는 아래로 크기를 드래그하여 수동으로 크기를 조정할 수 있습니다
• 당신은 이미지의 중심을 아래로 클릭하고 위치를 변경하기 위해 게시물 내에서 주위를 드래그 할 수 있습니다
• 당신은 항상 키보드의”백 스페이스”또는”삭제”를 클릭하여 이미지를 삭제하고 다시 시작할 수 있습니다

그리고 그게 다야! 당신은 고전적인 편집기를 사용하여 워드 프레스에 이미지를 추가하는 방법을 배웠습니다.

2. 구텐베르크 워드 프레스 편집기에서 게시물에 이미지를 추가

구텐베르크 워드 프레스 편집기에서 게시물 편집 옵션은 클래식 편집기에서 볼 수 있습니다 것보다 많이 다른 모양.

구텐베르크는 텍스트 블록,헤더 블록,이미지 블록 등과 같은”블록”시스템을 통해 콘텐츠를 추가/편집하는 접근 방식을 취합니다. 그럼 구텐베르크에서 이미지를 추가에 뛰어 보자.

1. “이미지 추가”아이콘 선택

게시물 내의 올바른 위치에 이미지를 추가했는지 확인한 후”이미지 추가”아이콘을 선택하십시오. 여기 이렇게 보일 겁니다:

당신은”이미지 추가”아이콘을 클릭하면,당신은 당신이 당신의 게시물에 이미지를 추가 할 수있는 방법에 대한 몇 가지 옵션이 있습니다.

2. 당신은 이미지를 추가 할 방법을 선택합니다

구텐베르크에서,당신은 워드 프레스에 이미지를 추가하는 방법에 대한 몇 가지 간단한 옵션을 가지고있다. 즉 포함:

• 업로드(컴퓨터에서 이미지 파일을 선택할 수 있는 선택기 화면이 열립니다.)
• )

다음은 이러한 옵션의 스냅 샷입니다(개인적으로”업로드”를 클릭하고 바탕 화면에서 원하는 이미지를 빠르게 가져옵니다):

3. 이미지 업로드

업로드하려는 이미지를 선택한 후”열기”버튼을 클릭하면 게시물에 추가됩니다.

이제 이미지를 추가 한 것을,그것의 작은 썸네일은 게시물 내에서 새로운 블록으로 나타납니다.

다음은 어떻게 보일지에 대한 스크린 샷입니다:

4. 이미지 설정&빠른 편집 옵션

이동하기 전에,당신은 당신의 이미지 설정(검색 엔진 최적화 모범 사례에 따라)에 전화를 걸 얻을 할 수 있습니다.

클래식 편집기와 마찬가지로 이미지에 대해 다양한 설정과 속성을 정의할 수 있습니다. 구텐베르크와 함께,그것은 단지 조금 다르게 이루어집니다. 이미지 설정 대신(먼저 이미지를 한 번 클릭 한 후)오른쪽 사이드 바에 이상 있습니다.

이러한 설정은 다음과 같습니다:

적어도 이 두 속성에 대한 이미지 설정을 정의해야 합니다:

• 키워드 어구
• 이미지 크기(나는 항상 품질의 손실을 방지하기 위해 전체 크기로 이미지를 표시)

또한 구텐베르크와 함께 좀 더 미묘한 스타일&내장 자르기 기능을 추가하려면”스타일”설정을 클릭 할 수 있습니다.

5. 구텐베르크를 통해 게시물 내에서 주변 이미지 이동

콘텐츠의”블록”을 사용하여 주위에 구텐베르크 편집자의 초점 중 하나 아주 멋진 부작용은 게시물 내에서 주위에 당신의 이미지(또는 그 문제에 대한 콘텐츠 블록)를 이동할 수있는 방법을 쉽게이다.

게시물 내에서 다시 정렬 할 이미지를 한 번 클릭하면 이미지 바로 옆에”위”및”아래”화살표가 표시됩니다.

해당 화살표를 클릭하여 게시물 내부에서 이미지를 위 또는 아래로 이동합니다.:

그리고 그게 다야! 당신은 갈 수 있어요.

이제 구텐베르크 편집기에서 워드 프레스에 이미지를 추가하는 방법을 배웠습니다. 워드프레스

의 게시물에 추천 이미지 추가 추천 이미지는 워드프레스 블로그에서 필수적입니다.

마지막으로,여기에 워드 프레스의 게시물(또는 페이지)에 추천 이미지를 추가하는 방법은 다음과 같습니다.

워드 프레스 편집기 창의 오른쪽 하단 근처에,당신은 기능을 갖춘 이미지를 추가하기위한 섹션을 볼 수 있습니다. “설정 기능을 갖춘 이미지”를 클릭하면 당신은 당신이 당신의 게시물의 상단에 등장 할 이미지에 추가 할 수있는 표준 이미지 업로드 화면으로 이동합니다(또한 검색 결과 및 소셜 플랫폼에).

사용하려는 이미지를 업로드하고”추천 이미지 설정”을 클릭하면 편집기 화면으로 돌아가고 오른쪽 아래에 표시되는 이미지의 작은 썸네일이 표시됩니다(오른쪽 이미지를 추가했는지 확인하기 위해).:

아주 간단합니다.

잘못된 이미지를 선택한 경우(또는 나중에 변경하려는 경우)”추천 이미지 제거”텍스트를 클릭하면 게시물에 추천 할 다른 이미지를 선택하거나 업로드 할 수 있습니다.

워드 프레스에 이미지를 추가하는 방법에 대한 최종 생각

워드 프레스의 게시물에 이미지를 추가하는 것은 어려울 필요가 없습니다.

당신이 당신의 블로그에 대한 고전적인 편집기 또는 구텐베르크를 사용하든,워드 프레스 뒤에 팀은 이미지를 매우 쉬운 과정을 추가하기 위해 열심히 일했다.

당신은 여전히 문제가있는 경우,이 게시물의 하단에 나에게 코멘트를 삭제하고 난 당신이 겪고있는 문제를 해결하는 데 도움이 드리겠습니다.

오늘의 모든 것!

우리는 단지 워드 프레스에서 이미지를 추가하는 방법을 포함

당신이 보는 것과 같은? 더 많은 블로그 자습서 및 조언을 얻으려면 가입하십시오.

더 많은 블로그 자습서를 원하십니까?

머리를 통해 블로그를 시작하고 올해 그것에서 돈을 버는 나의 궁극적 인 가이드를 확인하십시오.