WordPress에서 이미지 갤러리를 만드는 방법(플러그인 사용 여부)

게시 됨: 2024-02-03
how to add an image gallery in wordpress

WordPress 웹사이트에 갤러리를 추가하는 더 좋은 방법을 찾고 계십니까?

갤러리는 사이트를 시각적으로 더욱 매력적으로 만드는 좋은 방법입니다. 디지털 포트폴리오를 신속하게 선보일 수 있습니다. 이를 통해 광고 소재는 잠재 고객이 쉽게 따라할 수 있는 방식으로 최고의 작품을 보여줄 수 있습니다.

하지만 갤러리는 포트폴리오를 만드는 데 적합할 뿐만 아니라 이미지를 통한 스토리텔링에도 사용할 수 있습니다. 주문에 따라 이미지를 표시할 수 있어 방문자가 시각적 스토리를 쉽게 이해할 수 있습니다.

이러한 속성으로 인해 갤러리는 사이트 참여도를 높이고 더 많은 소셜 공유를 유도할 수 있습니다.

이 글에서는 귀하의 사이트에 갤러리를 배치하는 방법을 보여드리겠습니다. 또한 방문자에게 최고의 경험을 제공하기 위해 갤러리를 사용자 정의하는 방법을 안내해 드립니다.

WordPress에서 갤러리를 사용해야 하는 이유

앞서 언급했듯이 갤러리는 이미지 모음이므로 스토리텔링이나 작품 전시에 적합합니다. 갤러리의 또 다른 장점을 살펴보겠습니다.

  • 사이트 구성: 갤러리는 사이트 이미지를 구성하여 방문자가 사이트를 쉽게 탐색할 수 있도록 도와줍니다.결과적으로 사용자는 사이트를 탐색하고 더 많은 콘텐츠를 읽을 가능성이 높아져 참여도와 페이지 조회수가 증가합니다.
  • 손쉬운 콘텐츠 소비: 정보 또는 교육 콘텐츠를 더 빠르고 쉽게 소비하는 방법을 찾는 사람들이 늘어나면서 갤러리는 훌륭한 시각적 도구가 될 수 있습니다. 튜토리얼과 방법 가이드를 제공하는 블로그와 웹사이트에 특히 유용할 수 있습니다. 이러한 상황에서는 초보자도 이해할 수 있도록 정보를 단계별로 표시하는 데 도움이 될 수 있습니다.
  • 마케팅: 또한 갤러리를 사용하여 시각적이고 이해하기 쉬운 방식으로 제품을 선보임으로써 고객 여정 경험을 향상시킬 수 있습니다. 방문자가 귀하의 사이트에서 더 나은 경험을 할수록 귀하로부터 구매할 가능성이 높아집니다.
  • 브랜딩: 브랜딩은 아이덴티티를 창출하기 위해 시각적 및 메시지 일관성을 사용하는 것입니다. 앞서 언급한 대로 갤러리는 사용자 참여를 향상하고, 스토리를 전달하고, 포트폴리오를 선보이고, 제품을 쉽게 전시하는 데 도움이 될 수 있습니다. 이러한 속성은 갤러리를 브랜드 구축에도 훌륭하게 만듭니다.
  • SEO: 잘 최적화된 갤러리는 이미지 SEO와 SEO를 전체적으로 개선하는 데 도움이 될 수 있습니다. 이를 통해 방문자는 단순히 작성된 텍스트가 아닌 이미지 검색을 통해 유기적으로 귀하를 찾을 수 있습니다.

이제 갤러리의 장점을 이해했으므로 WordPress 사이트에 갤러리를 추가하는 방법을 살펴보겠습니다.

이 기사를 쉽게 탐색하려면 아래 링크를 클릭하여 읽고 싶은 기사 섹션으로 이동할 수 있습니다.

  • 플러그인을 사용하여 WordPress에 갤러리 추가(권장)
  • 플러그인 없이 WordPress에 갤러리 추가하기
  • 갤러리 개선을 위한 보너스 팁과 도구

플러그인을 사용하여 WordPress에 갤러리 추가(권장)

플러그인을 사용하여 사이트에 갤러리를 삽입하는 것은 매우 간단하기 때문에 가장 좋은 접근 방식입니다.

그러나 이미지 갤러리 플러그인을 사용하는 경우에도 여전히 저렴하고 사용하기 쉬운 플러그인을 선택해야 합니다.

이것이 바로 이 튜토리얼에서는 Envira Gallery를 사용하는 이유입니다.

Envira Gallery

Envira Gallery는 코딩이나 디자인 경험 없이도 사이트에 갤러리를 추가할 수 있는 최고의 플러그인입니다. 갤러리를 사용자 정의하여 독특한 느낌을 줄 수 있는 간단한 드래그 앤 드롭 갤러리 빌더가 함께 제공됩니다.

갤러리를 추가로 사용자 정의하는 데 도움이 필요한 경우 Envira Gallery에는 브랜드에 맞게 개인화하는 데 사용할 수 있는 테마가 제공됩니다.

게다가 이 갤러리 플러그인에는 이미지 압축 기능이 내장되어 있습니다. 이를 통해 사이트에 갤러리가 많더라도 사이트 성능과 로드 시간을 유지할 수 있습니다.

이 WordPress 사진 갤러리 플러그인에 대해 자세히 알아보려면 여기에서 전체 Envira 갤러리 리뷰를 확인하세요.

이제 Envira 갤러리에 대해 더 많이 이해했으므로 갤러리를 추가하는 방법을 안내해 드리겠습니다.

1단계: Envira 갤러리 설치

우선, Envira Gallery는 프리미엄 버전과 무료 버전의 플러그인을 모두 제공한다는 점을 언급하는 것이 중요합니다.

무료 버전인 Envira Gallery Lite를 사용하면 결정을 내리기 전에 플러그인을 테스트해 볼 수 있습니다.

설정하려면 WordPress 대시보드에서 플러그인 » 새 플러그인 추가 로 이동하세요. 그런 다음 플러그인 저장소에서 검색 창에 “Envira Gallery”를 입력하여 플러그인을 찾습니다.

올바른 플러그인을 찾았는지 확인하려면 해당 플러그인이 Envira 갤러리 팀에서 제공되었으며 평점 4.5로 1,500개 이상의 리뷰가 있는지 확인하세요.

envira reviews

플러그인을 설치한 후 다른 플러그인과 마찬가지로 활성화하면 이제 사용할 준비가 된 것입니다.

하지만 이 WordPress 튜토리얼에서는 Envira Gallery Pro에 중점을 두어 여러분이 기대해야 할 모든 놀라운 기능에 대해 논의할 수 있습니다.

따라서 Pro 버전의 플러그인을 얻으려면 공식 페이지로 이동하세요. 여기에서 가입하고 시작하기 위한 플랜을 선택하게 됩니다.

좋은 소식은 Envira Gallery Pro에는 4가지 플랜이 제공되므로 귀하의 비즈니스에 가장 적합한 패키지를 쉽게 선택할 수 있다는 것입니다.

프로필을 생성하고 플랜을 구매한 후 다음 단계는 Envira 갤러리 대시보드로 이동하여 계정 으로 진행하는 것입니다.

다음으로 "다운로드" 탭으로 이동하여 Evnira Gallery ZIP 파일을 다운로드합니다. 이 탭에 있는 동안 나중에 프리미엄 플러그인을 활성화하는 데 사용할 라이센스 키 도 복사하세요.

envira dashboard

다음으로, WordPress 대시보드에서 플러그인 » 새 플러그인 추가 로 이동하여 '플러그인 업로드'를 선택하세요.

그런 다음 앞서 다운로드한 ZIP 파일을 드래그 앤 드롭하여 WordPress에 업로드합니다. 그런 다음 활성화하면 WordPress 대시보드에 “Envira Gallery” 메뉴 옵션이 나타납니다.

이제 Envira Gallery Pro를 활성화하려면 Envira Gallery » 설정 으로 이동하세요. 설정 페이지에서 “Envira 라이선스 키” 표시줄을 찾아 앞서 복사한 코드를 붙여넣으세요.

마지막으로 확인 키를 누르면 이 갤러리 월 온라인 도구가 완전히 설치되고 활성화됩니다.

Envira gallery plugin wordpress activation key

문제가 있는 경우 WordPress 플러그인 설치 방법에 대한 이 튜토리얼을 확인하세요.

2단계: 초기 플러그인 설정

Envira 갤러리는 최고의 전환 및 리드 생성 플러그인인 OptinMonster와 최고의 WordPress 슬라이더 플러그인인 Soliloquy를 만든 Thomas Griffin이 만들었습니다.

이는 사용하기 쉽고 고객의 요구를 최우선으로 생각하는 WordPress용 플러그인입니다. Envira 갤러리도 예외는 아닙니다!

즉, WordPress 갤러리 플러그인을 사용하기 쉽게 만들고 일관성을 보장하기 위해 Envira 갤러리를 사용하면 초기 구성을 설정할 수 있습니다.

먼저 Envira Gallery 메뉴 아래의 "설정"으로 이동하세요.

그러면 활성화 표시줄 아래에 “갤러리”가 표시됩니다. 이러한 갤러리 옵션의 경우 간단한 드롭다운 메뉴에서 원하는 것을 선택하여 쉽고 편리하게 만들 수 있습니다.

갤러리 아래에 있는 옵션은 다음과 같습니다.

  • 새 이미지 추가: 여기에서는 온라인 사진 갤러리에 새 이미지를 추가하면 해당 이미지가 기존 이미지 앞이나 뒤에 표시되도록 먼저 플러그인을 설정합니다.
  • 갤러리 이미지 삭제 시 이미지 삭제: 그런 다음 다음 드롭다운 메뉴에서 갤러리에서 이미지를 삭제할 때 해당 이미지와 관련된 모든 미디어도 삭제할지 여부를 결정합니다.
  • 갤러리 삭제 시 이미지 삭제: 아래에서는 갤러리를 삭제할 때 갤러리와 관련된 모든 미디어도 삭제할지 여부를 결정합니다.
  • 로딩 그래픽 색상 사용자 정의: 마지막으로 로딩 그래픽 색상을 사용자 정의하여 WordPress 갤러리를 청중에게 더 잘 개인화할 수도 있습니다.
envira gallery settings

3단계: 이미지 업로드

설치 및 초기 설정이 완료되면 다음 단계는 WordPress 대시보드에 이미지를 업로드하는 것입니다.

이렇게 하려면 Envira 갤러리 » 새로 추가 로 이동하여 갤러리 편집기를 엽니다.

Envira Gallery 빌더에는 Classic WordPress Editor와 유사한 간단한 인터페이스가 있어 학습 곡선을 경험하지 않아도 됩니다.

향수를 불러일으키는 매력 외에도 클래식한 편집기 디자인을 통해 갤러리의 모든 기능을 한 눈에 쉽게 찾을 수 있습니다.

예를 들어 맨 오른쪽에 초안 저장, 미리 보기게시 버튼이 빠르게 표시됩니다. 여기에 추가하려면 기존 WordPress 편집기를 사용하여 게시물이나 페이지처럼 갤러리의 추천 이미지를 쉽게 추가할 수 있습니다.

이 단순한 디자인을 사용하면 이미지 추가를 시작하기 전에 갤러리 제목을 빠르게 추가할 수도 있습니다.

envira gallery add new gallery

이제 새로운 온라인 사진 갤러리에 이미지를 추가하려면 컴퓨터, Instagram 또는 블로그의 추천 이미지에서 이미지를 업로드할 수 있습니다.

이 튜토리얼에서는 PC에서 이미지를 업로드하는 데 중점을 둘 것입니다. 이는 Envira WordPress 갤러리에 이미지를 업로드하는 기본 방법입니다.

여러분이 해야 할 일은 컴퓨터에서 원하는 이미지를 선택하는 것 뿐입니다. 그런 다음 해당 파일을 “업로드할 파일 삭제” 영역으로 끌어서 놓습니다.

그게 다야! 방금 갤러리 이미지를 WordPress에 업로드했습니다.

envira upload images

많은 갤러리 플러그인의 문제점은 작은 이미지만 업로드할 수 있다는 것입니다. 이는 갤러리가 사이트를 대량으로 늘리고 사이트 성능이나 속도를 방해하지 않도록 하기 위한 것입니다.

그러나 Envira Gallery는 압축 기능이 내장되어 있기 때문에 다릅니다. 이렇게 하면 큰 이미지를 업로드하더라도 사이트에 영향을 미치지 않습니다. 결과적으로 Envira Gallery를 사용하면 최대 512MB의 미디어 파일을 업로드할 수 있습니다.

4단계: 이미지 구성

이제 Envira Gallery를 사용하면 브랜드와 스타일에 맞게 이미지를 사용자 정의할 수도 있습니다.

여기에 Envira Gallery 플러그인을 사용하면 이미지를 업로드한 동일한 페이지에서 모든 구성이 완료되도록 하여 갤러리를 매우 쉽게 개인화할 수 있습니다.

따라서 구성에 액세스하려면 업로드 영역을 지나 스크롤하여 수직 탭 메뉴를 찾으세요.

먼저 “갤러리” 탭으로 이동하겠습니다.

여기에서는 갤러리에 표시할 이미지를 정렬합니다. 이는 포트폴리오 갤러리나 스토리텔링 갤러리를 만드는 경우 특히 중요합니다.

드래그 앤 드롭 인터페이스를 사용하여 이미지를 원하는 위치로 쉽게 이동할 수 있습니다.

이미지가 많은 경우 Envira Gallery를 사용하면 "필터" 옵션이나 "오름차순 또는 내림차순" 옵션을 통해 이미지를 정렬할 수 있습니다.

'정렬' 드롭다운 메뉴를 사용할 수도 있습니다. 여기에서는 이미지, 게시 날짜, 제목, 캡션, 대체 텍스트, 파일 이름 및 URL을 무작위로 정렬할 수 있습니다.

envira gallery customization

다음으로 "구성"탭으로 이동하겠습니다.

이 탭에서는 먼저 갤러리 레이아웃을 설정합니다. Envira Gallery는 Automatic, Mason, Grid, Square, Blogroll 및 BnB를 포함한 여러 옵션을 제공합니다.

이러한 각 레이아웃은 사용자에게 다양한 경험을 제공하므로 이를 실험하여 청중에게 가장 적합한 것이 무엇인지 확인할 수 있습니다.

envira configuration

레이아웃 옵션에서 먼저 확인란을 선택하여 지연 로딩을 활성화할지 결정합니다.

지연 로딩을 사용하면 필요할 때만 이미지를 로드하여 사이트 리소스를 더 잘 활용할 수 있습니다. 이렇게 하면 사이트 성능이 영향을 받지 않습니다.

그런 다음 이미지에 대한 Lazy Loading Delay(지연 로딩 지연)를 밀리초 단위로 설정하여 이를 수행합니다. 이 옵션은 초기 이미지 이후 다음 이미지 로드를 시작하는 시간을 설정합니다.

이는 독자가 로드된 특정 이미지에만 집중하도록 하면서 사이트 리소스를 활용하는 또 다른 좋은 방법입니다.

다음으로 다음을 설정합니다.

  • 행 높이
  • 이미지 크기
  • 이미지 크기
  • 여백
  • 이미지 자르기
  • 자르기 위치
  • 마지막 행 위치
  • 캡션 활성화

Enira Gallery를 사용하면 드롭다운 메뉴를 통해 또는 간단히 숫자를 지정하여 이러한 옵션을 쉽게 설정할 수 있습니다.

envira gallery customization more options

이제 '라이트박스' 탭으로 이동하겠습니다.

라이트박스 갤러리 효과를 사용하면 방문자가 전체 화면에서 이미지를 볼 수 있어 더욱 사용자 친화적입니다.

따라서 설정하려면 “라이트박스” 탭으로 이동하여 “라이트박스 활성화” 확인란을 선택합니다. 그런 다음 라이트박스 테마를 선택합니다.

다음으로, 라이트박스의 제목이나 캡션을 원하는지 결정하고 이미지 크기도 설정하세요.

이러한 옵션 아래에는 갤러리 화살표루프 갤러리 탐색을 활성화하는 확인란이 있습니다. 이 두 옵션 모두 탐색을 더 쉽게 만들어 사용자 경험을 향상시키는 데 효과적입니다.

이러한 옵션 외에도 다음 사항도 결정하게 됩니다.

  • 라이트박스열기/닫기 효과
  • 과도기적 효과
  • 초대형 이미지
  • 이미지 카운터
  • 캡션에 무제한 HTML 활성화
add envira lightbox effect

이러한 옵션 아래에서 간단한 확인란을 사용하여 라이트박스의 썸네일을 설정할 수도 있습니다. 라이트박스 이미지는 전체 화면을 덮으므로 썸네일을 추가하면 탐색 기능이 향상될 수 있습니다.

사이트에 딱 맞도록 썸네일의 너비와 높이를 설정할 수도 있습니다. 여기에 추가하려면 사용자에게 버튼을 사용하여 썸네일을 켜거나 끌 수 있는 유연성을 제공할 수 있습니다.

lightbox thumbnail

이제 모바일 갤러리를 설정해 보겠습니다.

이렇게 하려면 "모바일" 탭으로 이동하여 사용자가 작은 장치에서 더 나은 갤러리 경험을 누릴 수 있도록 해야 합니다.

먼저 확인란을 사용하여 "모바일 갤러리 이미지 만들기"를 활성화하고 크기를 지정합니다. 그런 다음 행의 높이(픽셀)를 결정합니다.

이 옵션 아래에서 드롭다운 메뉴를 사용하여 모바일 갤러리에 캡션 및/또는 제목을 포함할지 여부를 결정합니다.

envira mobile settings

페이지를 더 아래로 스크롤하면 라이트박스에 대한 모바일 갤러리 설정이 표시됩니다.

이번에도 확인란을 사용하여 라이트박스 효과를 활성화합니다. 게다가 대부분의 모바일 장치는 터치스크린이므로 누군가 위로 스와이프하면 라이트박스가 닫히도록 설정하여 사용자 경험을 향상시킬 수 있습니다.

그런 다음 다시 확인란을 사용하여 더 나은 모바일 탐색을 위해 갤러리 화살표와 썸네일을 설정할 수 있습니다.

축소판을 활성화하면 Envira Gallery에 너비와 높이를 설정할 수 있는 더 많은 옵션이 표시됩니다.

envira mobile lightbox settings

마지막으로 갤러리에 대한 기타 옵션을 설정해 보겠습니다.

이렇게 하려면 먼저 갤러리 식별 및 고급 갤러리 쿼리에 도움이 되도록 갤러리 슬러그를 설정할 수 있는 옵션이 있는 "기타" 탭으로 이동하세요.

그런 다음 숙련된 사용자의 경우 더 나은 갤러리 사용자 정의를 위해 줄 형식으로 사용자 정의 갤러리 CSS 클래스를 입력할 수 있습니다.

JSON 형식으로 갤러리를 가져오고 내보내는 옵션도 표시됩니다. 이 파일 형식을 사용하면 갤러리가 가볍고 다른 온라인 사진 갤러리 플러그인에서 구조를 사용할 수 있습니다.

여기에 추가하기 위해 가져오기/내보내기 기능은 다른 사진 갤러리 플러그인에서 전환하려는 경우 매우 유용할 수 있습니다. 예를 들어 이 기능을 사용하여 NextGen 갤러리에서 Envira 갤러리로 이동할 수 있습니다.

다음으로 이미지를 다른 갤러리에 복사하는 옵션이 표시됩니다. 이는 갤러리에 이미지를 수동으로 추가할 때 발생하는 시간과 오류를 줄이는 데 사용할 수 있는 훌륭한 기능입니다.

마지막으로 이 페이지에서도 RTL 지원을 활성화할 수 있습니다. 이를 통해 Envira Gallery는 아랍어 및 중국어와 같이 오른쪽에서 왼쪽으로 쓰는 언어를 지원할 수 있습니다.

misc image gallery envira

5단계: WordPress에 갤러리 추가

갤러리가 준비되고 개인화되었으면 다음 단계는 갤러리를 사이트에 추가하는 것입니다.

사이트에 Envira 갤러리를 추가할 수 있는 세 가지 방법이 있습니다.

  • Envira WordPress 갤러리 단축 코드를 통해
  • Envira 갤러리 블록을 통해 (권장)
  • 템플릿 파일에 갤러리를 삽입합니다.

WordPress 갤러리 단축 코드를 사용하는 방법에 대해 논의하는 것부터 시작해 보겠습니다.

단축 코드를 사용하면 동일한 페이지에 여러 갤러리를 추가하거나 여러 페이지에 동일한 갤러리를 쉽게 추가할 수 있습니다. 여기에 숏코드를 사용하면 위젯을 사용하지 않고도 갤러리를 사이드바에 쉽게 추가할 수 있습니다.

이 방법을 사용하면 먼저 "Envira Gallery" 하위 메뉴를 선택하여 모든 갤러리 목록을 볼 수 있습니다.

그런 다음 추가하려는 갤러리를 찾으면 단축 코드 열에서 해당 코드를 복사합니다.

wordpress gallery shortcode

갤러리 단축 코드가 있으면 새 페이지/게시물 또는 기존 페이지/게시물이 열립니다.

다음으로, 열려 있는 구텐베르크 블록 편집기에서 더하기(+) 아이콘을 사용하여 검색 창을 엽니다. 검색창에 '단축코드'를 입력하면 블록을 찾을 수 있습니다.

그런 다음 갤러리를 추가하려는 페이지에 표시할 위치로 단축 코드 블록을 끌어다 놓습니다.

원하는 위치에 블록을 끌어다 놓은 후 제공된 표시줄에 Envira Gallery 단축 코드를 붙여넣으세요.

add envira gallery with shortcode

마지막으로 “업데이트”를 눌러 WordPress 이미지 갤러리를 추가하세요. 라이브 페이지를 방문하면 블록 편집기에서 단축 코드를 놓은 위치에 정확히 갤러리가 표시되는 것을 볼 수 있습니다.

envira shortcode added gallery

축하해요! 방금 WordPress 단축 코드가 포함된 갤러리를 추가했습니다.

이제 Envira 갤러리 블록을 이용해 갤러리를 추가하는 방법을 살펴보겠습니다.

Envira Gallery 블록을 사용하는 것은 매우 쉽고 초보자에게 적극 권장됩니다. 코딩 지식은 물론, 숏코드 경험도 필요하지 않기 때문입니다.

시작하려면 새 페이지를 열거나 이전과 같이 기존 페이지를 사용하세요.

그런 다음 더하기(+) 아이콘을 눌러 블록 검색 창을 엽니다. 그런 다음 "Envira Gallery"를 입력하면 해당 블록이 나타납니다. 그런 다음 페이지에서 갤러리를 추가하려는 위치로 끌어서 놓습니다.

Envira 갤러리 블록이 열리면 검색 창을 사용하거나 드롭다운 메뉴에서 선택하여 원하는 갤러리를 선택할 수 있습니다.

add envira gallery with block

Envira 블록을 사용하여 갤러리를 추가할 때 가장 좋은 점은 블록 편집기에서 직접 갤러리를 편집할 수 있다는 것입니다. 숏코드를 사용하여 갤러리를 추가하는 경우에는 할 수 없는 작업입니다.

또한 노트북이나 미디어 라이브러리에서 이미지를 업로드할 수 있는 옵션도 있으므로 프런트엔드 편집기를 사용하여 갤러리를 편리하게 만들 수 있습니다.

envira gallery added with block

잘하셨어요! 이제 Envira 갤러리 블록을 사용하여 갤러리를 추가할 수 있습니다.

템플릿 파일을 통해 갤러리를 추가하려면 코딩 경험이 필요하다는 점을 기억하세요.

템플릿 파일에 갤러리를 직접 추가하면 갤러리를 사이트 디자인과 더 잘 통합하여 시각적 매력을 향상시킬 수 있습니다.

이 프로세스가 복잡해 보이더라도 WPCode를 사용하면 이 코딩 프로세스를 빠르게 완료하는 데 도움이 될 수 있습니다.

wpcode homepage

WPCode는 프로그래밍 경험이 없어도 단 몇 번의 클릭만으로 많은 코딩 프로세스를 완료할 수 있도록 도와주는 최고의 스니펫 플러그인입니다.

WPCode를 얻으려면 공식 사이트로 이동하여 프리미엄 버전을 얻거나 WordPress 저장소를 통해 WPCode lite에 액세스해야 합니다. 다음 단계로 진행하기 전에 설치 및 활성화되었는지 확인하세요.

여기에서 전체 WPCode 리뷰를 확인할 수도 있습니다.

이제 WPCode가 설치되었으면 Envira Gallery 하위 메뉴로 이동하세요. 그런 다음 갤러리 목록에서 사용하려는 갤러리를 선택하세요.

템플릿 파일에 새 갤러리를 추가하려면 Envira Gallery » Add New 로 이동할 수도 있습니다.

그런 다음 갤러리 편집기의 맨 오른쪽에 "Envira Code"라는 섹션이 표시됩니다.

이 단축 코드 목록의 맨 아래로 스크롤하여 템플릿 파일 및 태그에 대해 설명하는 단축 코드를 복사하세요.

add gallery wordpress templates files

코드를 준비한 후 WPCode 메뉴 옵션의 코드 조각 으로 이동하여 "+조각 추가"를 선택하세요.

놀라운 점은 WPCode에는 무료 버전임에도 선택할 수 있는 스니펫 옵션이 많다는 것입니다. 그래서 원하는 스니펫을 찾는 데 사용할 수 있는 검색창이 있습니다. 동시에, 스니펫 카테고리를 선택하여 원하는 내용을 쉽게 찾을 수 있습니다.

하지만 이 상황에서는 먼저 "사용자 정의 코드 추가" 위로 마우스를 가져간 다음 버튼이 켜지면 코드 조각 사용을 선택합니다.

wpcode add snippet

다음 페이지에서는 활성/비활성 토글 버튼을 켜고 쉽게 찾을 수 있도록 코드 조각의 이름을 지정합니다.

다음으로 코드 유형을 "PHP Snippet"으로 전환합니다. 이 작업을 수행하면 이전에 Envira 갤러리 편집기에서 복사한 코드를 추가하고 코드 미리보기 섹션에 삽입합니다.

wpcode envira code

그런 다음 코드 미리보기 화면 아래로 스크롤하여 자동 삽입을 선택할 "삽입 방법"을 찾습니다.

다음으로 위치 드롭다운 메뉴에서 사용 가능한 다양한 옵션 중에서 갤러리를 추가할 위치를 결정하세요. 결정하는 위치는 귀하에게 달려 있으므로 청중에게 가장 적합한 위치를 선택하십시오.

이 WordPress 튜토리얼에서는 "사이트 전체 헤더"를 사용했습니다.

wpcode insert envira gallery

마지막으로 저장을 누르고 사이트를 방문하여 라이브 페이지에서 갤러리를 확인하세요.

envira gallery template file gallery

이렇게 하면 템플릿 파일을 통해 갤러리가 성공적으로 추가되었습니다.

잘하셨어요! 이제 플러그인을 사용하여 갤러리를 추가할 수 있습니다. 다음으로 플러그인 없이 갤러리를 추가하는 방법을 살펴보겠습니다.

플러그인 없이 WordPress에 갤러리 추가하기

플러그인을 사용하고 싶지 않은 경우 WordPress에서는 갤러리를 만드는 데 사용할 수 있는 기본 블록을 제공합니다. 그러나 현실은 위의 Envira Gallery에서 본 사용자 정의 옵션이 없다는 것입니다.

따라서 시작하려면 새 페이지/게시물을 만들거나 기존 페이지/게시물을 사용하세요. 그런 다음 왼쪽 상단에 있는 더하기(+) 아이콘을 눌러 검색창을 열고 "갤러리"를 입력하세요.

기본 갤러리 블록을 찾으면, 이를 표시하려는 페이지의 위치로 드래그 앤 드롭하기만 하면 됩니다.

default way to add wordpress gallery

다음으로, 갤러리 블록이 열리면 갤러리에 사진을 추가할 수 있는 2가지 옵션이 제공됩니다. PC에서 이미지를 업로드하거나 미디어 라이브러리에서 선택할 수 있습니다.

이 튜토리얼에서는 컴퓨터에서 이미지를 업로드하여 갤러리에 추가했습니다.

이렇게 하려면 이미지가 있는 PC의 폴더로 이동하세요. 그런 다음 선택한 사진을 갤러리 블록의 업로드 영역으로 끌어서 놓습니다.

upload gallery images manually

이미지를 업로드하면 갤러리를 구성하고 사용자 지정할 수 있도록 이미지를 자르거나 이동할 수 있는 옵션이 제공됩니다. 개별 이미지나 전체 갤러리에 캡션을 추가할 수도 있습니다.

갤러리에 만족하면 블록 편집기 페이지의 맨 오른쪽 모서리에 있는 "업데이트"를 눌러 갤러리를 활성화하세요.

manual wordpress gallery

그러나 이 접근 방식의 단점은 이미지의 크기가 위에 표시된 것과 다른 경우 이미지를 자르더라도 갤러리가 미적으로 만족스럽지 않을 수 있다는 것입니다.

게다가 이미지는 원본 크기를 유지하기 때문에 공간을 많이 차지해 사이트 용량이 커질 수 있습니다.

엄청난! 기본 갤러리 WordPress 블록을 사용하여 갤러리를 추가하는 방법을 배웠습니다.

다음으로 몇 가지 보너스 팁과 도구를 살펴보겠습니다.

갤러리 개선을 위한 보너스 팁 및 도구

이제 플러그인을 사용하여 수동으로 갤러리를 만드는 방법을 배웠으므로 이를 개선할 수 있는 방법에 대해 논의하겠습니다.

팁 1: 갤러리 이미지 최적화

이미지 최적화를 수행하는 가장 좋은 방법 중 하나는 각 사진에 ALT 텍스트를 추가하는 것입니다. 이렇게 하면 이미지 순위를 매기고 검색 엔진에서 이를 찾아 방문자가 콘텐츠를 찾을 수 있는 또 다른 방법을 만드는 데 도움이 됩니다.

ALT 텍스트를 추가하려면 먼저 미디어 » 라이브러리 로 이동하여 사진을 선택하여 “첨부 세부정보” 팝업 창을 엽니다. 그런 다음 오른쪽에는 캡션, 제목, 설명 및 가장 중요한 ATL 텍스트를 추가할 수 있는 텍스트 상자가 표시됩니다.

청중이나 구글에 오해를 불러일으키지 않도록 ALT 텍스트가 이미지와 관련된 키워드인지 확인하세요.

atl text image

이제 첨부 페이지에서 사진을 편집하여 크기, 치수 또는 위치를 변경할 수도 있습니다. 이렇게 하려면 "이미지 편집"을 선택합니다.

이 페이지에는 자르기, 크기 조정 및 이미지 회전 수행 옵션이 표시됩니다. 이러한 모든 옵션은 갤러리 이미지를 개선하여 방문자에게 더 나은 경험을 제공하는 데 도움이 될 수 있습니다.

edit image attachment details

그러나 보시다시피 이 프로세스는 약간 길 수 있습니다. 특히 갤러리에 이미지가 많은 경우에는 더욱 그렇습니다.

이미지에 ATL 텍스트를 자동으로 추가하는 더 좋은 방법은 All in One SEO를 사용하는 것입니다.

AIOSEO WordPress pro plugin

AIOSEO는 최고의 SEO 플러그인입니다. 위에서 설명한 긴 프로세스 없이도 대체 텍스트, 이미지 제목, 캡션 등을 빠르게 추가하는 데 도움이 될 수 있습니다. 또한 이미지에 대한 XML 사이트맵을 자동으로 생성하므로 검색 엔진이 해당 이미지를 더 쉽게 검색하고 색인화할 수 있습니다.

여기에 AIOSEO에는 Facebook 및 Twitter 카드용 OpenGraph 설정이 포함되어 있어 소셜 미디어 플랫폼에서 공유할 때 이미지가 올바르게 표시되도록 보장합니다.

여기에서 전체 AIOSEO 리뷰를 확인하세요.

팁 2: 갤러리 정리하기

갤러리를 정리하는 것은 방문자가 갤러리 이미지를 빠르게 탐색할 수 있는 좋은 방법입니다. 여기에 추가하여 검색 엔진에서 보다 효과적으로 색인을 생성하여 SEO를 향상시킬 수 있습니다.

따라서 이를 염두에 두고 WordPress에서 콘텐츠를 구성하는 가장 좋은 방법 중 하나는 태그를 사용하는 것입니다. 하지만 안타깝게도 WordPress에는 이미지에 태그를 추가하는 기본 방법이 없습니다.

이를 돕기 위해 Envira Gallery를 사용하고 태그 애드온을 설치할 수 있습니다.

태그 애드온은 관련 이미지나 갤러리를 연결하는 좋은 방법입니다. 이를 통해 사용자는 이미지를 빠르게 필터링하여 원하는 것을 볼 수 있습니다. 이미지 태그는 사용자가 원하는 것과 관련된 고유한 보기 경험을 만드는 데도 도움이 될 수 있습니다.

그러나 갤러리의 미적 매력과 탐색 기능을 개선하려면 앨범 생성을 고려해야 합니다.

이를 위해 Envira Gallery Albums 애드온이 완벽한 솔루션입니다.

동일한 페이지에 갤러리 컬렉션을 구성하고 표시할 수 있습니다. 이를 통해 방문자는 여러 페이지를 거치지 않고도 관련 갤러리 모음을 쉽게 살펴볼 수 있습니다.

이제 태그와 앨범이 갤러리 탐색을 구성하고 개선하는 데 탁월하더라도 이를 더욱 동적으로 만들고 싶다면 슬라이더를 만드는 것을 고려해 보세요.

이러한 이유로 최고의 WordPress 슬라이더 플러그인인 Soliloquy를 사용할 수 있습니다.

Soliloquy WordPress Slider

Soliloquy 는 이미지에 모션을 추가하여 정적 갤러리를 동적 콘텐츠로 바꾸는 데 도움을 줄 수 있는 최고의 슬라이더 플러그인입니다. 결과적으로 갤러리를 사용하여 캐러셀에서 특정 이미지를 더욱 효과적으로 스토리텔링하거나 강조표시할 수 있습니다. Soliloquy와 함께 WooCommerce 슬라이더를 사용하여 전자상거래 상점의 사용자 경험과 결제 프로세스를 개선할 수도 있습니다.

이 플러그인에 대해 더 자세히 알고 싶다면 여기에서 Soliloquy 리뷰를 확인하세요.

그게 다야! 이제 플러그인을 사용하거나 사용하지 않고 갤러리를 추가하는 방법을 더 잘 이해하게 되었습니다.

또한 갤러리를 개선하는 데 사용할 수 있는 다른 도구에 대한 추가 지식도 있습니다. 더 궁금한 점이 있으시면 아래 FAQ를 확인해 보세요.

FAQ: WordPress에서 이미지 갤러리를 만드는 방법

WordPress에서 갤러리 그리드를 만들 수 있나요?

예, Envira Gallery를 사용하면 코딩이나 사용자 정의 CSS 경험 없이 멋진 갤러리 그리드를 만들 수 있습니다. 여러분이 해야 할 일은 갤러리 편집기에서 "격자 레이아웃"을 선택한 다음 원하는 열 수를 지정하는 것뿐입니다. 그런 다음 동일한 페이지에서 갤러리를 추가로 사용자 정의하여 청중의 관심을 끌 수 있습니다.

같은 페이지에 여러 갤러리를 추가할 수 있나요?

예, Envira Gallery를 사용하면 동일한 페이지에 여러 갤러리를 추가할 수 있습니다. Envira WordPress 갤러리 단축 코드를 사용하거나 Envira 갤러리 블록을 사용하여 이 작업을 수행할 수 있습니다. 이 두 가지 옵션을 모두 사용하면 갤러리를 동일한 페이지의 다른 위치로 끌어서 놓을 수 있습니다.

Envira 갤러리를 사용하여 동적 갤러리를 만들 수 있나요?

예, Envira Gallery를 사용하면 아름답고 역동적인 갤러리를 만들 수 있습니다. 소셜 미디어 플랫폼에서 이미지를 가져오거나 블로그 게시물의 추천 이미지를 사용하여 이를 수행할 수 있습니다.

Envira 갤러리는 무료인가요?

예, Envira Gallery Lite를 무료로 사용할 수 있습니다. 그러나 더 많은 고급 기능에 액세스하려면 프리미엄 버전의 플러그인 구입을 고려해야 합니다.

WordPress에 갤러리를 추가하는 방법에 대해 재미있게 읽으셨기를 바랍니다. WordPress에 이미지를 추가하는 다른 방법을 원한다면 여기에서 Smash Balloon 리뷰를 읽어보세요. 최고의 피드 플러그인입니다.

이에 더해, 여러분이 읽고 싶어할 만한 다른 기사도 있습니다.

  • 10가지 최고의 WordPress 갤러리 플러그인 검토 및 비교
  • Envira 갤러리 대 FooGallery – 어느 것이 더 낫습니까? (비교)
  • 중복된 콘텐츠로부터 WordPress 사이트를 보호하는 방법

첫 번째 기사에는 모두 테스트되고 검토된 최고의 WordPress 갤러리 플러그인 10개가 나열되어 있습니다. 대안을 찾고 있다면 다음 게시물에서는 Envira Gallery와 FooGallery를 비교합니다. 마지막 기사에서는 이미지와 같은 콘텐츠가 복사 및 복제되지 않도록 보호하는 방법을 설명합니다.