WordPress 사이트에 갤러리를 추가하는 방법

게시 됨: 2022-09-15

WordPress 사이트에 갤러리를 추가하면 사진과 이미지를 시각적으로 매력적으로 표시할 수 있습니다. 사용 중인 테마와 원하는 사용자 정의 수준에 따라 WordPress에 갤러리를 추가하는 몇 가지 방법이 있습니다. 대부분의 경우 WordPress에 갤러리를 추가하는 가장 쉬운 방법은 플러그인을 사용하는 것입니다. 무료 및 유료로 사용할 수 있는 훌륭한 갤러리 플러그인이 많이 있습니다. 플러그인을 설치하고 활성화하면 일반적으로 단축 코드를 삽입하여 모든 페이지나 게시물에 갤러리를 추가할 수 있습니다. 갤러리의 모양과 느낌을 더 많이 제어하려면 기본 제공 갤러리 기능을 사용하여 WordPress에 갤러리를 추가할 수도 있습니다. 이렇게 하려면 테마 코드를 편집해야 합니다. 코드를 올바르게 만드는 것이 까다로울 수 있으므로 초보자에게는 권장하지 않습니다. WordPress에 갤러리를 추가한 후 원하는 대로 사용자 정의할 수 있습니다. 여기에는 열 수, 이미지 크기 및 표시되는 순서 선택이 포함됩니다. 각 이미지에 캡션과 설명을 추가할 수도 있습니다. WordPress에 갤러리를 추가하면 사진과 이미지를 시각적으로 매력적으로 표시할 수 있습니다. 플러그인 또는 내장된 갤러리 기능을 사용하여 WordPress 사이트의 모든 페이지나 게시물에 갤러리를 쉽게 추가할 수 있습니다.

WordPress를 사용하여 블로그 게시물과 페이지에 이미지를 쉽게 추가할 수 있습니다. 이미지를 차례로 업로드하면 이미지가 서로 겹쳐지거나 고르지 않게 분할된 행에 맞는 것처럼 보일 수 있습니다. 갤러리를 설정하고 최적화할 수 있는 플러그인을 포함하여 WordPress 갤러리 관리 에 사용할 수 있는 수천 개의 플러그인이 있습니다. Envira Gallery 플러그인을 사용하면 모바일, 태블릿 및 데스크톱을 포함한 모든 플랫폼에서 볼 수 있는 완전 반응형 갤러리를 만들 수 있습니다. YouTube, Vimeo 및 Wistia 비디오를 포함하고 Instagram 및 Dropbox에서 사진을 가져오면 고품질 멀티미디어 갤러리가 생성됩니다. Angie Makes의 Source Galleries 플러그인을 사용하면 WordPress 갤러리의 기능을 확장할 수 있습니다. WordPress 플러그인 NextGen 갤러리를 사용하여 다양한 방법으로 사진을 업로드, 편집, 미리보기 및 게시할 수 있습니다. 3열, 5열, 6열 모자이크, 벽돌, 슬라이더 및 회전식 슬라이드 스타일은 모두 정보를 표시하는 데 사용할 수 있습니다. 각 옵션의 크기, 스타일, 타이밍, 전환, 컨트롤 및 라이트박스 효과를 제어하기 위한 다양한 옵션이 있습니다.

WordPress 사용자 정의 게시물 유형에 이미지 갤러리를 추가하는 방법

크레딧: Cloudways

WordPress의 사용자 정의 게시물 유형에 이미지 갤러리를 추가하는 몇 가지 방법이 있습니다. 하나는 게시물을 편집할 때 미디어 추가 섹션에서 찾을 수 있는 내장 갤러리 기능을 사용하는 것입니다. 또 다른 옵션은 NextGEN Gallery와 같은 플러그인을 설치하여 갤러리를 더 잘 제어할 수 있도록 하는 것입니다.

WordPress 갤러리 – 갤러리 사용자 정의 게시물 유형 을 만드는 방법? 이 튜토리얼에서는 WordPress에서 갤러리 사용자 정의 게시물 유형을 만드는 방법을 보여줍니다. 이 코드는 ID가 'zm_gallery'이고 이름이 'Gallery'인 사용자 정의 posttype을 추가합니다. 또한 WordPress는 갤러리 항목에 대한 게시물 페이지를 생성할 수 없습니다. 다음 코드를 사용하여 functions.php 파일에 추가하십시오. 첫 번째 기능을 사용하여 게시물의 썸네일을 얻습니다. 추천 이미지는 열 헤더 구성을 지정하는 두 번째 기능에 의해 표시됩니다. 세 번째 함수는 게시물 또는 페이지 목록을 사용할 때 WordPress 백엔드에서 호출되는 즉시 열을 만들고 각 게시물의 축소판을 로드합니다.

카테고리 이미지 사용자 정의

2, 카테고리 이미지 메타박스에 이미지를 업로드할 때 이미지 업로드 버튼을 클릭합니다.
사용자 정의 게시물 유형 이미지를 사용하려면 먼저 사용자 정의 게시물 유형을 생성하고 썸네일 지원을 활성화해야 합니다.
네 번째 단계는 사용자 정의 필드 탭에 사용자 정의 카테고리 이미지 필드를 추가하는 것입니다.
필요한 정보를 입력한 후 변경 사항 저장을 클릭하여 변경 사항을 저장할 수 있습니다.

워드프레스 갤러리 플러그인

사용할 수 있는 다양한 WordPress 갤러리 플러그인이 있으며 각각 고유한 기능과 이점이 있습니다. 올바른 플러그인을 선택하는 것은 필요와 기본 설정에 따라 다릅니다. 일부 인기 있는 플러그인에는 NextGEN 갤러리, Envira 갤러리 및 WP Easy Gallery가 있습니다.

FooGallery는 오늘날 시장에서 가장 강력한 갤러리 플러그인 입니다. 배경을 변경하는 즉시 갤러리의 실시간 시각적 미리 보기를 제공합니다. 미디어 태그 또는 범주를 선택하여 갤러리에 필터를 추가하고 필터 수준으로 사용합니다. 프로 사용자는 페이지 번호까지 아래로 스크롤할 수 있지만 무료 사용자는 점만 볼 수 있습니다. FooGallery PRO는 PRO Starter, PRO Expert 및 PRO Commerce의 세 가지 버전으로 제공됩니다. 기본 반응형 레이아웃, 회전식 석조물, 정렬된 포트폴리오 및 단일 축소판을 포함하여 7가지 레이아웃 중에서 선택합니다. 갤러리 재정렬 끌어서 놓기 재정렬을 사용하여 갤러리 이미지의 순서를 쉽게 재정렬할 수 있습니다.

갤러리의 모양을 변경하여 즉시 갤러리를 미리 볼 수 있습니다. FooGallery를 사용하면 갤러리 페이지를 클릭하기만 하면 간단하게 만들 수 있습니다. 이미지 라이브러리를 만들 필요가 없기 때문에 작업할 공간이 훨씬 적습니다. 갤러리 레이아웃 은 페이지 로드 시간을 단축하고 중요한 웹 점수를 향상하도록 최적화되었습니다. 갤러리에서 지연 로드를 활성화하여 페이지 성능을 향상시키는 것이 정책입니다. 추가 보너스로 FooGallery에는 이미지를 더 쉽게 구성하고 볼 수 있는 무료 앨범 확장이 제공됩니다. FooGallery를 사용하면 이미지가 로드되는 즉시 효과를 추가할 수도 있습니다.

모든 프리미엄 플랜에는 반응형 템플릿, 벽돌 템플릿, 맞춤 템플릿, 포트폴리오, 이미지 뷰어 템플릿 및 단일 썸네일 템플릿이 포함됩니다. 또한 갤러리의 가치를 크게 높여줄 3개의 독점적인 PRO 갤러리에 액세스할 수 있습니다. 갤러리를 높이고 싶은 사진 작가는 FooGallery PRO Starter를 사용할 수 있습니다. FooGallery PRO Expert 플랜 사용자는 다단계 필터링 및 사용자 정의 캡션과 같은 전문가 수준 기능을 활용할 수 있습니다. 비디오 지원을 통해 YouTube, Vimeo, Facebook에서 비디오를 가져올 수 있으며 자신의 사이트에 업로드 및 호스팅할 수도 있습니다. FooGallery PRO Expert는 갤러리에 고급 기능을 추가하려는 사진가와 웹사이트 소유자를 위해 특별히 설계되었습니다. FooGallery PRO Commerce는 기업에서 제품과 사진을 표시하는 데 사용할 수 있는 무료 앱이며 필요에 맞는 고급 기능을 제공합니다.

이제 WordPress 갤러리에 훨씬 더 많은 것이 있습니다. FooGallery는 WordPress 사이트에 아름다운 갤러리를 만드는 데 사용할 수 있는 사진 갤러리 플러그인입니다. 사진, 미디어 파일, 비디오까지 업로드하여 갤러리를 만들 수 있으며 이러한 리소스를 모두 사용하여 갤러리를 만들 수 있습니다. 고급 설정 및 템플릿 외에도 PRO 버전에는 다양한 기타 기능이 포함되어 있습니다. FooGallery의 기본 설정은 변경하지 않고도 아름다운 반응형 이미지 갤러리를 만드는 데 이상적입니다. 이러한 설정을 사용하여 사이트에 고유한 WordPress 사이트에 대한 사용자 지정 갤러리 스타일 을 만들 수 있습니다. 크롤링 가능한 이미지는 웹사이트 방문자 수를 늘리는 것으로 나타났으므로 이미지에는 대체 텍스트와 제목 세부정보가 있습니다.

또한 망막 지원 기능이 내장되어 있어 고해상도 장치에서도 선명하고 선명한 이미지를 볼 수 있습니다. FooGallery는 처음 만들어졌을 때 페이지 속도를 염두에 두고 설계되었습니다. 이 도구에는 지연 로딩이 내장되어 있어 Google에서 이미지를 색인화할 수 있습니다. FooGallery는 반응형이므로 사이트가 모바일 친화적입니다. SEO 개선 사항은 무료 버전을 설치한 후에도 볼 수 있습니다. FooGallery 무료 WordPress 테마에는 아름다운 사진 갤러리를 만드는 데 필요한 모든 것이 포함되어 있습니다. FooGallery에는 고품질 이미지를 표시하려는 모든 사람에게 이상적인 선택이 되는 다양한 기능이 포함되어 있습니다.

가져오기 도구를 사용하면 YouTube, Daily Motion 및 Vimeo 비디오를 간단하게 가져올 수 있습니다. FooGallery는 정기적인 플러그인 업데이트 및 프리미엄 지원을 포함하는 세 가지 가격 계획으로 제공됩니다. PRO 버전을 사용하여 YouTube, Vimeo 및 Facebook과 같은 사이트의 비디오를 갤러리로 가져올 수 있습니다. 이 기능은 프리미엄 버전에서 최고 중 하나입니다. 라이센스는 1개 또는 5개 사이트 또는 전체 25개 사이트에 대해 구입할 수 있습니다. 원하는 경우 월별, 연간 또는 일회성 평생 지불액을 지불할 수 있습니다. 30일 후에도 FooGallery가 마음에 들지 않으면 연간 또는 평생 라이선스를 취소할 수 있습니다.

워드프레스 갤러리 설정

WordPress 갤러리 설정에서 이미지 크기, 열 수 및 이미지의 링크 유형을 선택할 수 있습니다. 갤러리 설명 표시 여부와 갤러리 제목 표시 여부도 선택할 수 있습니다.

WordPress에서 스크롤 갤러리를 만드는 방법

WordPress에서 스크롤 갤러리를 만드는 방법에는 몇 가지가 있습니다. 한 가지 방법은 내장 갤러리 기능을 사용하는 것입니다. 이렇게 하려면 새 게시물이나 페이지를 만들고 미디어 추가 버튼을 클릭합니다. 여기에서 이미지를 업로드하고 원하는 갤러리 레이아웃을 선택할 수 있습니다. 갤러리를 만든 후 게시물에 삽입 버튼을 클릭합니다. 스크롤링 갤러리를 만드는 또 다른 방법은 플러그인을 사용하는 것입니다. 사용할 수 있는 몇 가지 플러그인이 있지만 Envira Gallery 플러그인을 사용하는 것이 좋습니다. 이 플러그인을 사용하면 몇 번의 클릭만으로 아름다운 갤러리를 쉽게 만들 수 있습니다. 플러그인을 설치하고 활성화하면 Envira 갤러리 » 새로 추가로 이동하여 새 갤러리 를 만들 수 있습니다.

WordPress Gutenberg Hub를 사용하여 스크롤 가능한 이미지 갤러리 블록을 만들 수 있습니다. 이 튜토리얼은 구텐베르크 스크롤 가능한 갤러리 블록을 만드는 과정을 안내합니다. WordPress용 사용자 지정 구텐베르크 블록을 만드는 방법을 배우려면 첫 번째 단계는 WordPress용 사용자 지정 구텐베르크 블록을 만드는 방법 – 초보자 가이드를 읽는 것입니다. 소품을 사용하면 미디어 자리 표시자를 더 잘 적응할 수 있습니다. 블록은 현재 미디어 갤러리의 일부 이미지를 감지하지 못합니다. 미디어 자리 표시자에서 onSelect 소품을 사용하여 이미지를 선택할 수 있습니다. 도구 모음 컨트롤을 구성하여 갤러리에서 편집을 활성화할 수 있습니다.

사용자가 이러한 저장된 이미지를 선택하자마자 블록에서 렌더링하여 선택이 성공했음을 표시해야 합니다. 프론트엔드 보기에서 우리는 블록의 정적 마크업을 생성할 것입니다. 또한 기본적으로 현재 애니메이션 방향을 제어하는 ​​data-direction="right" 속성을 주요 그림 태그에 추가했습니다(현재 정확한 방향을 말하기 어렵습니다). 이 섹션에서는 각 구성 옵션을 세 부분으로 나눕니다. 이 특정 구성을 만들려면 기본 제공 WordPressToggleControl 구성 요소를 사용해야 합니다. 또한 일반 컨트롤을 구성하기 위해 새 패널을 만들 것입니다. 프론트 엔드에서 동적 클래스를 생성할 때 이 속성을 사용해야 합니다.

워드프레스 갤러리 단축 코드

WordPress 갤러리 단축 코드 는 WordPress 사이트에 이미지를 표시하는 좋은 방법입니다. 이 단축 코드를 사용하면 게시물과 페이지에 이미지 갤러리를 쉽게 삽입할 수 있습니다. 갤러리 단축 코드를 사용하면 갤러리에 포함할 이미지와 열 및 행 수를 지정할 수 있습니다. 이미지가 표시되는 순서를 지정할 수도 있습니다.

갤러리 기능을 사용하면 단일 단축 코드를 사용하여 게시물 및 페이지에 단일 이미지 갤러리를 추가할 수 있습니다. 단축 코드에 ID를 입력할 때 반드시 게시물의 일부가 아닌 이미지를 포함할 수 있습니다. 갤러리에 명시적 ID가 없는 경우 게시물이 있는 모든 이미지가 게시물 상위로 지정됩니다.

썸네일이 있는 WordPress 이미지 갤러리 플러그인

썸네일이 있는 WordPress 이미지 갤러리 플러그인 은 웹사이트에 사진을 표시하는 좋은 방법입니다. 플러그인을 사용하면 전체 크기 이미지에 링크되는 썸네일이 있는 이미지 갤러리를 만들 수 있습니다. 각 이미지에 캡션을 추가할 수도 있습니다.

갤러리를 만들면 잠재적인 방문자의 관심을 끌 수 있는 독특한 방식으로 사진을 공유할 수 있습니다. WordPress에서 축소판 기능이 있는 이미지 갤러리를 만들려면 다음 9단계를 따르는 것이 중요합니다. 기본 Envira 갤러리를 사용하여 컴퓨터 또는 WordPress 미디어 라이브러리에서 이미지를 선택할 수 있습니다. 외부 갤러리를 사용하면 블로그 게시물이나 소셜 미디어 계정과 같은 다른 소스에서 이미지를 쉽게 가져올 수 있습니다. 이미지 갤러리 사용을 시작하기 전에 먼저 구성해야 합니다. 이 페이지로 이동하여 모바일 장치용 Lightbox 및 갤러리 축소판을 활성화할 수 있습니다. 테마에 사용자 지정 템플릿을 사용하는 경우 이 탭을 확인하는 것이 좋습니다.

팝업 메뉴를 사용하면 각 이미지에 메타 정보를 추가할 수 있습니다. 백엔드의 기타 탭에는 많은 관리 설정이 있습니다. 갤러리 제목 및 슬러그 설정에서 사용자 정의 CSS, 슬러그 및 RTL 지원을 추가할 수 있습니다. 이 탭에서 WordPress 이미지 갤러리 를 가져오고 내보낼 수 있습니다. 테마의 템플릿 파일에 이미지 갤러리를 추가한 다음 템플릿 태그를 복사하여 테마 파일에 붙여넣을 수 있습니다.