WordPress에 인 - 포스트 이미지 갤러리를 만드는 방법

  • 워드 프레스
  • 업데이트 : 9 월 05, 2017

아름다운 WordPress 웹 사이트 구축 로켓트 과학이 아닙니다.

모든 사이트 소유자가 고유 한 목표를 갖고있는 것처럼 WordPress 사이트도 끝없이 구성 할 수 있습니다. 또한 WordPress 사용자로서 진정한 사용자 경험을 위해 플러그인, 콘텐츠 및 스타일 옵션의 완벽한 조합을 식별하는 것이 주요 목표입니다.

이 글에서는 이미지 갤러리로 게시물을 멋지게 꾸미는 가장 좋은 방법을 살펴 보겠습니다.

이동 :

크랙킹하자!

방법 #1 : FooGallery 사용

WordPress 커뮤니티에 감사해야 할 것이 있다면, 무료 플러그인 저장소 따라서 유용한 기능을 사이트에 쉽게 통합 할 수 있습니다.

FooGallery 인내 이미지 갤러리를 만드는 데 사용할 수있는 가장 인기있는 플러그인 중 하나입니다. 한 줄의 코드를 작성하지 않고도 아름답고 모바일 반응이 뛰어난 망막 갤러리를 만들 수 있습니다.

FooGallery를 설치하는 가장 빠른 방법은 WordPress 대시 보드를 이용하는 것입니다. Plugins> New Add로 이동하여 "FooGallery"를 입력하고 Install 버튼을 클릭한다.

설치 및 활성화가 완료되면 FooGallery> 갤러리 추가를 클릭하여 첫 번째 갤러리를 만들 수 있습니다.

갤러리가 무엇인지 파악하는 데 도움이되는 제목을 삽입하십시오. 이 내용은 사용자가 볼 수 없으므로 원하는 제목을 자유롭게 사용하십시오.

갤러리에 사진을 추가하려면 "갤러리 항목"에서 미디어 추가를 클릭하십시오.

이렇게하면 미디어 라이브러리에서 이미지를 선택하거나 파일 업로드 탭을 클릭하여 새 이미지를 업로드 할 수있는 친숙한 인터페이스가 나타납니다.

갤러리에 이미지를 추가 할 때 이미지 파일의 캡션과 제목에주의를 기울여 사용자가 마우스를 올려 놓았을 때 두 이미지 중 하나를 표시하도록 선택할 수 있습니다.

템플릿 선택하기

필요한 모든 이미지를 업로드했으면 원하는대로 설정을 조정하십시오. 먼저 갤러리 템플릿을 선택하십시오.

템플릿은 본질적으로 갤러리가 어떻게 나타날지를 결정합니다.

예를 들어 반응 형 이미지 갤러리 템플릿은 모든 이미지를 화면 크기에 따라 자동으로 조정되는 격자로 표시합니다.

반면 이미지 뷰어 템플릿은 사용자에게 탐색 버튼을 제공하면서 한 번에 하나의 이미지 만 표시합니다.

나머지 설정은 템플릿에 따라 다릅니다. 찾을 수있는 설정 중 일부는 갤러리의 정렬, 축소판 크기, 호버 효과, 격자 간격, 라이트 박스 플러그인 등입니다.

원하는 모양을 얻을 때까지이 설정으로 자유롭게 연주하십시오. 좋은 전략은 하나의 탭에서 갤러리를 열고 다른 탭에서 테스트 페이지를 열도록하는 것입니다.

이것은 다음 단계로 이어집니다 - 이미지 갤러리를 게시물에 추가하십시오.

글을 갤러리에 삽입하기

기본적으로 콘텐츠에 이미지 갤러리를 추가하는 두 가지 방법이 있습니다 : 단축 코드를 사용하거나 WordPress 게시물 편집기를 사용하는 것.

특정 갤러리의 단축 코드를 찾으려면 대시 보드에서 FooGallery> 갤러리로 이동하십시오. 단축키를 클릭하면 클립 보드에 자동으로 복사됩니다.

다음으로 모든 게시물이나 페이지의 컨텐트 영역에 단축 코드를 붙여 넣기 만하면됩니다. 작동하는 경우 하단에 단축 코드가 표시된 빈 갤러리 자리 표시자가 나타납니다.

실제 페이지가로드 될 때 자리 표시자가 갤러리의 모양을 나타내지는 않으므로 걱정하지 마십시오.

다른 대안은 갤러리를 포스트 또는 페이지에 곧바로 삽입하는 것입니다. WordPress 대시 보드에서 사용할 페이지 또는 게시물을 열고 편집기에서 FooGallery 추가 버튼을 클릭하십시오.

그러면 사용할 수있는 모든 갤러리를 찾을 수있는 "갤러리 선택"창이 나타납니다. 여기에서 처음부터 새로운 갤러리를 만들 수도 있습니다.

갤러리를 추가하려면 축소판을 클릭 한 다음 갤러리 삽입 버튼을 클릭하십시오.

사용할 갤러리를 찾을 수 없으면 별도의 탭에서 방금 갤러리를 만들었을 것입니다. 어떤 경우에는 새로 고침 버튼을 클릭하여 창을 새로 고침하십시오.

FooGallery 개선하기

확장 성은 FooGallery의 가장 큰 장점 중 하나입니다. FooGallery> 설정으로 이동하면 플러그인 작동 방법의 여러 측면을 변경할 수 있습니다.

예를 들어 이미지 탭에서 갤러리의 축소판 품질을 100 최대로 조정할 수 있습니다.

마지막으로, FooGallery는 기능을 추가하는 다양한 경량 확장을 지원합니다. FooGallery> Extensions로 이동하여 확장 프로그램 스토어를 검색 할 수 있습니다.

방법 #2 : 플러그인없이 갤러리 만들기

플러그인을 모든 용도로 사용한다는 생각에 사로 잡히지 않는다면 내장 된 WordPress 기능 대신.

플러그인이없는 갤러리에서 플러그인을 만들려면 WordPress 게시물 편집기로 이동하여 미디어 추가를 클릭하십시오.

거기에서 "갤러리 만들기"옵션을 선택하고 사용할 이미지를 선택하십시오.

모든 이미지를 선택했으면 새 갤러리 만들기 버튼을 클릭하십시오.

이렇게하면 갤러리 편집 창으로 이동하여 이미지 순서, 사용할 열 수 및 갤러리 크기를 지정할 수 있습니다.

각 이미지에 적합한 캡션을 작성하여 사용자에게 약간의 컨텍스트를 제공하는 것을 잊지 마십시오. 각 이미지의 연결 동작을 수정할 수도 있습니다.

갤러리를 어떤 방식 으로든 대화식으로 만들지 않으려면이 옵션을 "없음"으로 설정하십시오.

방법 #3 : 기타 플러그인 대안

우리는 이제 WordPress 게시물에 포스트 갤러리를 추가 할 수있는 가장 인기있는 옵션 두 가지를 살펴 보았습니다.

더 많은 유연성을 제공하기 위해 FooGallery에 대한 다음과 같은 몇 가지 대안을 고려해 볼 수 있습니다.

거대한 IT의 포트폴리오 갤러리

사이트 : huge-it.com/portfolio-gallery/; 가격 : 40 사이트의 경우 무료 / $ 1

포트폴리오 갤러리는 거대한 IT WordPress 플러그인 생태계의 일부입니다. 전체 높이 블록, 내용 슬라이더, 탄성 격자 및 라이트 박스 갤러리를 포함하여 여러보기가 포함 된 대화 형 갤러리를 쉽게 만들 수있는 사용하기 쉬운 플러그인입니다.

NextGEN 갤러리

사이트 : www.imagely.com/nextgen-gallery/; 가격 : 무료 / $ 69

액티브 설치와 관련하여 넥스트 젠 갤러리는 맨 위에 1 백만 이상의 사용자를 보유하고 있습니다. FooGallery가이 포스트에 등장한 유일한 이유는 가파른 가격 정책 때문입니다. 새로운 사용자에게 다소 혼란 스러울 수있는 정교한 설정 섹션도 있습니다. 그럼에도 불구하고 아름답고 반응이 좋은 갤러리를 만드는 데 도움이되는 견고한 플러그인입니다.

Instagram 피드 WD

사이트 : web-dorado.com/wordpress-instagram-feed-wd; 가격 : 25 사이트의 경우 무료 / $ 1

Instagram Feed WD를 사용하면 Instagram 계정과 사용자 정의가 가능한 갤러리로 컨텐츠를 가져올 수 있습니다.

이것은 Instagram의 존재감이있는 사진가와 블로거에게 적합합니다.

인 - 포스트 이미지 갤러리를 만드는 방법에 필요한 모든 것을 발견 했습니까? 체크 아웃하는 것을 잊지 마세요. 필수 WordPress 플러그인 모든 사이트에 있어야합니다!

Christopher Jan Benitez에 대하여

크리스토퍼 얀 베니테즈 (Christopher Jan Benitez)는 중소기업에 잠재 고객의 관심을 끌고 전환율을 높이는 콘텐츠를 제공하는 전문 프리랜서 작가입니다. 디지털 마케팅과 관련한 고품질 기사를 찾고 있다면, 그는 당신의 녀석입니다! Facebook, Google+, Twitter에서 "hi"라고 자유롭게 말하십시오.