워드 프레스에 나란히 이미지 측면을 넣어하는 방법(쉽게)

당신은 당신의 워드 프레스 콘텐츠에 나란히 이미지 측을 넣어 하시겠습니까?

종종 초보자는 자신의 워드 프레스 게시물과 페이지에서 서로 옆에 두 개의 사진을 넣어하는 방법을 찾기 위해 투쟁.

단계 가이드에 의해이 단계에서,우리는 쉽게(코드를 작성하지 않고)워드 프레스에 나란히 이미지를 넣어하는 방법을 보여줍니다.

워드프레스에 이미지를 나란히 배치

워드 프레스

블록 편집기를 사용하여 이미지를 나란히 배치

이미지를 나란히 얻는 가장 쉬운 방법은 워드 프레스 블록 편집기를 사용하는 것입니다.

블록 편집기에는 행과 열로 이미지를 표시할 수 있는 특별한’갤러리’블록이 있습니다.

먼저 새 게시물/페이지를 만들거나 기존 게시물/페이지를 편집하여 콘텐츠 편집기를 열어야 합니다. 일단 내부,새 블록을 추가하려면(+)기호를 클릭합니다.

게시물 작성 및 블록 추가

게시물 작성 및 블록 추가

다음으로 갤러리 블록을 선택하여 페이지에 추가해야합니다. 당신은 일반적인 블록 섹션에서 갤러리 블록을 찾을 수 있습니다,또는 당신은 신속하게 찾을 수있는 검색 창을 사용할 수 있습니다.

게시물에 추가할 갤러리 블록 선택

갤러리 블록을 선택하면 게시물에 추가 할

지금,당신은 쉽게 그것으로 드래그하거나 업로드 버튼을 사용하여,갤러리 블록에 이미지를 추가 할 수 있습니다. 당신은 또한 당신의 워드 프레스 미디어 라이브러리에서 이미지를 선택할 수 있습니다.

보시다시피 갤러리 블록에 2 개의 이미지를 추가했습니다. 워드 프레스는 자동으로 나란히 그들에게 측면을 배치하고있다.

갤러리의 두 이미지(나비와 사과)

갤러리의 두 이미지(나비와 사과)

당신은 무엇을 원하는 경우 3 옆에 이미지 측면? 여기에 우리가 세 번째 이미지를 추가 할 경우 어떻게되는지. 워드 프레스는 단순히 옆에 모든 3 면에 맞게 다른 크기를 조정합니다:

갤러리의 세 이미지(나비,사과,푸른 꽃)

갤러리의 세 가지 이미지(나비,사과,푸른 꽃)

당신은 네 번째 이미지를 업로드하는 경우,다음 워드 프레스는 다른 사람 아래에 배치합니다.

갤러리의 4 개의 이미지(나비,사과,푸른 꽃,로빈)

갤러리의 4 개의 이미지(나비,사과,푸른 꽃,로빈)

당신은 워드 프레스는 하나의 열에 나란히 포함해야 이미지의 수를 변경할 수 있습니다.

먼저 갤러리 블록을 클릭합니다. 화면 오른쪽에 갤러리의 블록 설정이 표시됩니다.

갤러리 블록의 설정 변경

갤러리 블록의 설정 변경

여기에서 열 수를 1 에서 4 사이의 숫자로 조정할 수 있습니다. 예를 들어,두 개의 이미지가 나란히 있고 그 아래에 두 개가 더 있으면 열을 2 로 설정할 수 있습니다.

갤러리가 아닌 2 개의 열을 갖도록 설정 3

갤러리가 아닌 2 열을 갖도록 설정 3

그것은 그렇게 간단!

갤러리에서 이미지 위치를 변경하려면 이미지를 클릭하십시오. 그러면 갤러리에서 앞으로 또는 뒤로 이동하는 데 사용할 수 있는 화살표가 표시됩니다.

갤러리에서 이미지 앞으로 또는 뒤로 이동

갤러리에서 이미지를 앞으로 또는 뒤로 이동

다음은 샘플 게시물에서 완성 된 갤러리 데모입니다:

라이브 게시물의 2 열 갤러리

라이브 포스트의 2 열 갤러리

워드 프레스에 나란히 이미지를 넣어 플러그인을 사용하여

당신은 기존의 클래식 워드 프레스 편집기를 사용하는 경우,또는 기본 갤러리 블록보다 더 복잡한 갤러리를 만들려면,당신은 워드 프레스 갤러리 플러그인이 필요합니다.

우리는 최고의 워드 프레스 갤러리 플러그인이기 때문에 엔비 갤러리를 사용하는 것이 좋습니다

이 튜토리얼을 위해,우리는 엔비의 무료 버전을 사용하는 것입니다,하지만 당신은 등 앨범,이미지 슬라이드 쇼,같은 강력한 기능을 얻을 수있는 프로 버전을 얻을 수 있습니다

먼저 엔비라 갤러리 플러그인을 설치하고 활성화해야 합니다. 당신이 확실하지 않은 경우 어떻게,그냥 워드 프레스 플러그인을 설치하는 방법에 대한 단계 가이드에 의해 우리의 단계를 체크 아웃.

다음으로 갈 수 있습니다 엔비라 갤러리”워드 프레스 대시 보드에 새로운 추가.

엔비라 갤러리에 새 갤러리 추가

에비라 갤러리에 새 갤러리 추가

갤러리에 제목을 지정해야 합니다. 우리는’예제 갤러리’라고 불렀습니다. 그런 다음 사용하려는 이미지를 업로드합니다.

업로드 상자에 끌어다 놓거나’파일 선택’버튼 중 하나를 사용할 수 있습니다.

새 갤러리 이름 지정

새 갤러리에 이름 지정

이미지가 업로드된 후에는 다음과 같습니다:

엔비라 갤러리에 업로드된 이미지

엔비라 갤러리에 업로드된 이미지

여기에서 이미지에 제목과 대체 텍스트를 지정할 수 있습니다. 사용자가 마우스 커서를 이미지 위에 가져 오면 제목이 이미지 아래에 나타납니다.

제목도 라이트박스 팝업 모드에서 이미지 아래에 나타납니다.

제목과 대체 텍스트를 편집하려면 갤러리의 이미지에서 편집 버튼을 클릭합니다.

편집 버튼을 클릭하여 갤러리에서 이미지를 편집합니다.

편집 버튼을 클릭하여 갤러리

에서 이미지를 편집한 다음 이미지의 제목을 변경할 수 있습니다. 기본적으로 이미지의 파일 이름입니다.

이 워드 프레스 사이트의 검색 엔진 최적화에 도움이 당신은 또한 대체 텍스트를 입력해야합니다. 제목이 이미지를 설명하는 경우,당신은 단순히 대체 텍스트를 반복 할 수 있습니다.

이미지의 제목 및 대체 텍스트 설정

이미지 제목과 대체 텍스트 설정

작업이 끝나면’메타데이터 저장’버튼을 클릭하여 창을 닫으십시오.

메타데이터 저장 버튼을 클릭하여 변경 사항을 저장합니다

메타 데이터 저장 버튼을 클릭하여 변경 사항을 저장하십시오

사이트에 갤러리를 추가하려면 먼저 게시해야합니다. 가서 화면의 오른쪽에있는 게시 버튼을 클릭합니다.

게시 버튼을 클릭하여 갤러리를 게시하므로 사이트에서 사용할 수 있습니다

게시 버튼을 클릭하여 갤러리를 게시하므로 사이트

에서 사용할 수 있습니다. 콘텐츠 편집기 내에서(+)를 클릭하여 게시물에 블록을 추가하고[엔비라 갤러리 블록]을 선택합니다. 당신은 일반적인 블록 섹션에서 찾을 수 있습니다,또는 당신은 검색 창을 사용할 수 있습니다.

게시물 또는 페이지에 엔비라 갤러리 블록 추가

게시물 또는 페이지에 엔비라 갤러리 블록을 추가

그런 다음 드롭다운을 클릭하여 갤러리를 선택해야 합니다.

엔비라 갤러리 블록에서 갤러리 선택

당신은 당신의 게시물에 장소에 갤러리를 볼 수 엔비라 갤러리 블록

에서 갤러리를 선택합니다.

화면 오른쪽의 설정을 조정할 수 있습니다. 예를 들어 열 레이아웃이나 이미지 사이의 여백 크기를 변경할 수 있습니다.

포스트 편집기에 표시된 엔비라 갤러리

포스트 에디터

에 표시된 엔비라 갤러리는 항상 두 개의 열로 표시되도록 설정하기로 결정했습니다. 우리는 또한 이미지 사이에 더 넓은 여백을 추가했습니다.

사용자는 라이트 박스에서 전체 크기의 버전을 볼 수있는 이미지를 클릭 할 수 있습니다. 그들은 너무,라이트 박스를 사용하여 이미지를 스크롤 할 수 있습니다.

라이트박스에서 엔비라 갤러리의 이미지 보기

라이트 박스에서 엔비라 갤러리에서 이미지보기

당신은 당신의 갤러리에 더 많은 이미지를 추가 할 경우,당신은 방문하여로 돌아갈 수 있습니다 엔비라 갤러리”워드 프레스 대시 보드의 모든 갤러리. 단순히 편집 할 갤러리의 이름을 클릭합니다.

엔비라 갤러리에서 이미 만든 갤러리 편집

갤러리 편집하기 엔비라 갤러리

갤러리에서 변경한 내용은 게시물,페이지 또는 사이드바에 배치한 모든 위치에 표시됩니다. 당신은 다시 이들에 추가 할 필요가 없습니다.

팁:블록 편집기 대신 클래식 편집기를 사용하는 경우 여전히 엔비라 갤러리를 사용할 수 있습니다.

게시물에 기존 갤러리를 추가하는 데 사용할 수 있는 클래식 편집기 위에’갤러리 추가’버튼이 표시됩니다.

클래식 편집기에서 엔비라 갤러리 추가

클래식 편집기

에서 엔비라 갤러리 추가’미디어 추가’버튼을 클릭 한 다음’갤러리 만들기’를 클릭하여 새 갤러리를 만들 수도 있습니다.

클래식 편집기에서 미디어 라이브러리를 사용하여 새 갤러리 만들기

클래식 편집기에서 미디어 라이브러리를 사용하여 새 갤러리 만들기

우리는이 튜토리얼은 워드 프레스에 나란히 이미지를 넣어하는 방법을 배울 도움이되기를 바랍니다. 또한 워드 프레스 블록 편집기에서 이미지를 정렬하는 방법에 대한 우리의 가이드를 통해 이동 할 수 있습니다,그리고 우리의 포괄적 인 목록은 워드 프레스 플러그인(전문가 선택)이 있어야합니다.

이 문서를 좋아한다면,다음 워드 프레스 비디오 자습서에 대한 우리의 유튜브 채널에 가입하시기 바랍니다. 당신은 또한 트위터와 페이스 북에서 우리를 찾을 수 있습니다..

Leave a Reply

이메일 주소는 공개되지 않습니다.