워드프레스에 사진 갤러리를 추가하는 방법

포트폴리오를 선보이는 사진작가, 판매할 매물을 강조하는 부동산 중개인, 제품을 전시하는 이커머스 스토어, 또는 웹사이트에 시각적으로 큰 임팩트가 필요한 누구에게나 고품질 사진 갤러리는 필수적입니다. 아름답게 구조화된 반응형 워드프레스 사진 갤러리를 갖추면 방문자의 참여를 유도하고 브랜드의 매력을 획기적으로 높일 수 있습니다.

워드프레스의 가장 큰 장점은 서드파티 플러그인, 테마 및 도구로 구성된 생태계입니다. 사진 갤러리를 추가하려는 경우 이는 아주 좋습니다. 하지만 기본 구텐베르크(Gutenberg) 편집기에 포함된 ‘갤러리’ 블록은 매우 기본적인 수준으로 잘 알려져 있습니다. 이 플러그인은 자동 자르기에 어려움을 겪으며 종종 이미지의 가장 중요한 부분을 잘라내고, 최신 메이슨리(masonry) 레이아웃을 지원하지 않으며, 전반적으로 사진이 많은 작업에 필요한 요구 사항을 충족시키지 못합니다. 진정한 시각적 임팩트를 원한다면 워드프레스 갤러리 플러그인 대안이 필요합니다.

따라서 고급 레이아웃 옵션을 갖춘 완벽하게 사용자 정의 가능한 전문적인 사진 갤러리와 같은 기능을 원한다면 계속 읽어보시기 바랍니다. 두 가지 주요 옵션이 있습니다. 웹사이트 속도를 저하시키는 무거운 갤러리 플러그인을 설치하거나, 페이지 로드 시간과 서버 성능을 보호하는 가벼운 서버리스 위젯을 사용하는 것입니다.

Watch on youtube

How to Embed a Photo Gallery Widget in WordPress

옵션 1: 전용 워드프레스 사진 갤러리 플러그인 설치하기

보기 좋은 반응형 이미지 그리드를 얻는 표준 방법은 wp-admin 대시보드에서 서드파티 워드프레스 사진 갤러리 플러그인을 설치하는 것입니다. 그리고 효과가 있습니다! 적어도 모든 복잡한 설정을 올바르게 구성하고 웹사이트 속도가 잠재적으로 느려지는 것을 개의치 않는다면 말입니다.

워드프레스에 이미지 갤러리를 포함하기 위해 갤러리 플러그인을 꼭 설치하고 싶다면 다음과 같이 하세요.

1. 워드프레스 대시보드에 로그인하여 플러그인 섹션으로 이동한 다음, 플러그인 추가를 클릭합니다.

2. 갤러리 플러그인을 다운로드한 경우 플러그인 업로드를 클릭합니다. 그렇지 않은 경우 검색을 사용하여 필요에 맞는 갤러리 플러그인을 찾아보세요.

3. 플러그인을 설치하려면 지금 설치를 클릭한 다음, 활성화를 클릭하여 활성화합니다. 저는 Imagely의 NextGEN Gallery를 선택했습니다.
4. 온보딩 마법사, 상향 판매(upselling) 또는 다른 플러그인 설치 요구 등의 과정을 진행합니다.

5. 플러그인을 열고 첫 번째 갤러리에 추가할 사진을 업로드합니다. 정확한 제어 방법은 플러그인마다 다르지만, 전반적인 개념은 비슷할 것입니다.

6. 원하는 레이아웃을 선택합니다. 사이트와 이미지에 가장 적합한 것이 무엇인지 파악하려면 설정을 다양하게 조정해 보아야 합니다.

7. 세부 사항을 마무리하고 숏코드를 복사합니다. 사이트의 모든 포스트나 페이지에 이 코드를 붙여넣어 갤러리를 추가할 수 있습니다.

이 접근 방식에는 단점이 있습니다. 가장 큰 단점은 인기 있는 갤러리 플러그인 대부분이 무료 모델을 기반으로 한 부분 유료화로 운영된다는 것입니다. 제가 사용한 플러그인에서는 Pro로 업그레이드하지 않으면 대부분의 기능과 레이아웃을 사용할 수 없었습니다. 또한 설정 과정의 일부로 추가 플러그인을 설치하도록 강요받는 것도 마음에 들지 않았습니다.

그리고 기술적인 문제도 있습니다. 갤러리 플러그인은 웹사이트에 CSS 및 JavaScript 파일을 주입하여 특히 모바일 기기에서의 로드 속도에 영향을 미칩니다. 설계가 잘못되거나 잘못 구성된 플러그인은 코어 웹 바이탈(Core Web Vitals) 점수를 떨어뜨릴 수도 있습니다. 즉, 잘못된 갤러리는 Google 순위를 손상시키고 웹사이트 성능을 저하시켜 사진이 로드되기도 전에 잠재 고객이 이탈하게 만들 수 있습니다.

종합해 보면, 올바른 플러그인을 찾고 제대로 구성하는 데 필요한 워드프레스 경험이 없다면 서드파티 갤러리 플러그인을 사용하는 것은 권장하기 어렵습니다.

옵션 2: 무료 맞춤형 사진 갤러리 위젯 추가하기 (권장)

웹사이트 속도를 늦추거나 데이터베이스를 이미지로 복잡하게 만들지 않으면서, 연회비 없이 고급 레이아웃을 갖춘 역동적이고 완벽한 스타일의 사진 그리드를 원한다면, 가장 좋은 해결책은 Jform 사진 갤러리 위젯과 같이 신뢰할 수 있는 호스팅 임베드 서비스를 사용하는 것입니다. (네, Jform은 훌륭한 워드프레스 양식 그 이상을 제공합니다.) 고품질 이미지를 업로드하고 레이아웃을 만든 다음, 생성된 iframe 스니펫을 복사하여 웹사이트에 추가합니다. 이를 통해 무거운 포맷 작업을 완전히 서버 외부에서 처리하는 결함 없고 반응성이 뛰어난 이미지 쇼케이스를 얻을 수 있습니다. 워드프레스용 무료 메이슨리 갤러리를 원한다면 가장 먼저 시도해 보아야 할 도구입니다.

설정 방법은 다음과 같습니다.

1. Jform 사진 갤러리 위젯으로 이동하여 무료 Jform 계정에 가입합니다. (또는 이미 계정이 있는 경우 로그인합니다.)

2. 이미지 추가를 클릭하고 이미지를 업로드합니다. 이미지에 제목, 설명 또는 링크를 추가할 수 있습니다. 모바일 기기에서 갤러리를 미리 보려면 오른쪽 상단 모서리에 있는 버튼을 클릭합니다.

3. 이미지를 업로드한 후, 누군가 이미지를 클릭했을 때 일어날 작업을 선택합니다. 아무 일도 일어나지 않음, 팝업 열기 또는 링크 따라가기 중에서 선택할 수 있습니다. 그런 다음 계속을 클릭합니다.

4. 테마, 효과, 애니메이션 및 갤러리의 모양에 대한 기타 세부 정보를 선택합니다. 여기서 개인 맞춤 설정을 할 수 있습니다. 사용자 정의 글꼴과 CSS도 사용할 수 있습니다. 완료되면 계속을 클릭합니다.

5. 레이아웃과 간격을 선택합니다. 그런 다음 웹사이트에서 무료로 사용해 보기를 클릭하여 iFrame 코드를 생성합니다.

6. 코드 복사를 클릭하여 임베드 코드를 클립보드에 복사합니다.

7. 워드프레스에서 사용자 정의 HTML 블록을 만들고 임베드 코드를 붙여넣습니다. 그러면 갤러리 미리보기가 표시됩니다.

8. 포스트를 발행하고 빠르고 반응성이 뛰어난 갤러리를 즐겨보세요.

Jform 사진 갤러리 위젯의 가장 큰 장점은 프리미엄 플러그인이 필요하거나 웹사이트 성능에 영향을 주지 않으면서도 비교할 수 없는 시각적 제어 기능을 제공한다는 것입니다. 이미지를 업로드하고 갤러리의 모양과 레이아웃을 완전히 사용자 정의할 수 있습니다. 메이슨리(masonry), 그리드 및 캐러셀 레이아웃, 클릭 시 확대되는 라이트 박스, 그리고 테마에 완벽하게 어울리도록 하는 사용자 정의 CSS를 지원합니다. 게다가 이 모든 것을 무료로 제공합니다.

모든 작업이 Jform 서버에서 처리되므로 워드프레스 로딩 속도가 느려지지 않으며, 이미지가 서버의 저장 공간을 차지하지도 않습니다. 이미지를 더 많이 업로드하더라도 데이터베이스 용량이 커질까 걱정할 필요가 없습니다. 더 자세한 설명은 웹사이트에 사진 갤러리 위젯을 추가하는 방법에 대한 가이드를 확인해 보세요.

스마트 서버리스 위젯으로 워드프레스 사이트 성능 높이기

사진 갤러리뿐만 아니라 Jform 웹사이트 위젯 디렉토리에는 방문자 카운터, 날씨 위젯, Google 리뷰 위젯, Facebook 리뷰 위젯 등 150개 이상의 다양한 옵션을 포함한 무료 웹사이트 위젯이 가득합니다. 이러한 모든 위젯은 값비싼 구독 요금제가 있는 무거운 서드파티 플러그인에 의존하지 않고 워드프레스의 가장 큰 문제점 중 일부를 해결합니다. 사이트 속도를 늦추지 않고도 웹사이트에 무료로 기능을 추가할 수 있습니다.

이 위젯들은 사이트를 가볍게 유지하면서 시각적이고 신뢰성 있는 웹 존재감을 구축하고 싶을 때 유용합니다. 또한 모든 위젯이 Jform 워드프레스 연동을 지원하므로 워드프레스 사이트에 직접 임베드할 수 있습니다. (시작하는 방법에 대한 자세한 내용은 워드프레스 사용법 가이드를 참조하세요.)

콘텐츠 크리에이터이거나 성장 중인 비즈니스를 운영하는 경우, 웹사이트는 판매와 트래픽을 처리해야 하며 이미지 렌더링이나 불량 플러그인으로 인해 얽매여서는 안 됩니다. Jform 사진 갤러리 위젯과 같은 무료 오프서버 도구를 사용하여 맞춤형 워드프레스 사진 갤러리를 구축하면 서드파티 플러그인으로 인한 골치 아픈 문제 없이 즉시 배포할 수 있는 반응형 프리미엄 사진 그리드를 얻을 수 있습니다.