그리드 (The Grid) 사용법

그리드 는 올리는 글의 목록을 정돈하는 플러그인입니다.

지금 보시는 메뉴얼의 목록처럼 목록을 보기좋게 보여줄 수 있게 할 수 있습니다.

방문자가 한눈에 포스팅의 제목을 볼 수 있게 해서 사이트가 정돈되어 보이는데 도움을 줄 수 있습니다.

그리드를 사용해서 목록을 만드는 방법은 다른 포스팅에 설명했습니다.

여기서는 그리드의 설정에 대해 설명하겠습니다.


1. 그리드 새로 만들기

그리드
클릭해서 확대
  • The Grid 플러그인은 유료 플러그인입니다.
    하지만 저희가 무료로 사용하실 수 있게 설치를 해서 드리고 있습니 다.
  • 워드프레스 왼쪽 메뉴에서 [The Grid]를 클릭합니다.
  • [Create a Grid]를 클릭해서 새 그리드를 생성합니다.
    : [Import Demo]를 클릭하면 완성된 그리드 템플릿이 설치됩니다.

2. 기본 설정

클릭해서 확대
  • [ Name ] : 그리드의 이름을 입력합니다.
  • [ Shortcode ](쇼트코드) : 여기서 만든 그리드를 페이지에 적용을 할 때 사용하는 코드입니다.
    : 사용법은 여기에서 확인할 수 있습니다.

3. Source 설정

클릭해서 확대
  • 세번째 [Category/Taxonomy terms]만 설정을 하셔도 됩니다.
    : 그리드를 적용할 글의 카테고리를 선택하면 됩니다. 모든 글에 적용을 할 경우 설정을 하지 않으면 됩니다.

4. The Grid 설정

클릭해서 확대
  • [ Type ] : 그리드의 배열 모양을 선택합니다.
  • [ Item Ratio ] : 각 그리드의 모양 비율을 설정합니다. → 예) 1:1, 4:3, 16:9
  • [ Responsive Setting ] : 기기의 종류에 따라 한줄에 보여줄 그리드의 갯수를 설정합니다.

5. Layout 설정

The Grid
클릭해서 확대
  • [ Grid Composer ] : 검색, 필터 등의 원하는 기능을 그리드 위아래에 드래드해서 추가할 수 있습니다.
  • 화면 아래쪽의 다른 세팅 기능으로 그리드의 간격 등을 조절할 수 있습니다.

6. Skin 설정

The Grid
클릭해서 확대
  • 각 그리드의 스킨을 설정합니다. 어떤 스킨인지 확인을 하려면 스킨 위에 마우스를 올리면 볼 수 있습니다.

7. 그리드 주요 기능

그리드는 여러가지 기능으로 다양하게 활용을 할 수 있습니다.

  • 단축 코드와 함께 작동
  • 모든 게시물 유형에서 작동
  • WordPress 미디어 라이브러리 지원
  • Instagram 사용자는 그리드당 최대 12개의 게시물을 게시합니다.
  • 공개 YouTube 스트림(채널, 재생 목록, 동영상)
  • 공개 Vimeo 스트림(사용자, 앨범, 그룹, 채널)
  • Facebook 스트림(공개 페이지, 그룹 페이지, 앨범)
  • Twitter 스트림(사용자 타임라인, 검색별 트윗, 사용자 즐겨찾기, 사용자 목록)
  • 공개 Flickr 스트림(공개 사진, Photoset, 갤러리, 그룹 사진)
  • 모바일 친화적
  • SEO 최적화
  • 100% 반응형
  • 최대 12개 열
  • 30개 이상의 아이템 스킨
  • 13개 이상의 프리로더 애니메이션
  • 40개 이상의 애니메이션 스타일

You May Also Like