본문 바로가기
지속가능티끌/웹,워드프레스

워드프레스 Essential Grid 만들기.

by i.got.it 2014. 11. 11.

 

 

개요

   
 

그리드 생성 플러그인 Essential Grid를 이용하여 그리드 생성하는 방법 정리.

 

Essential Grid만드는 전체흐름.

1. Grid Content Source 선택하기.

- 포스트, 페이지, 사용자정의 포스트, 갤러리 중에서 선택한다.

- 카테고리/태그로 선택세부조정하기, 소스 순서 정하기.

2. 스킨 선택하기.

 

사전정보.

Essential Grid 기본정보 -> http://igotit.tistory.com/197

 

 

 

Essential Grid 새로 만들기.

   
 

1. Essential Grid 신규 생성하기.

워프관리자 좌측 메뉴 Ess.Grid  클릭. 아래 그림의 붉은색 박스 "Create New Ess.Grid" 버튼 클릭.


 

아래그림 - 신규 생성시 Naming부터 보인다.

Title 에 임의 이름 영문 기록. Alias 도 title과 동일이름 기록. "Save Grid" 버튼 클릭.


 

2. 그리드 소스 선택하기.

 위 그림에서 파란색박스의 Source 클릭하면 그리드 소스 선택할 수 있는 창이 보인다.아래그림.

1번박스 : 그리드로 표현할 Post Type 을 선택하고 Category 선택한다. 복수 선택가능하다.

2번박스 : 그리드로 표현할 수량제한이다. -1을 기록하면 수량제한없다.

3번박스 : 그리드에 표현할 이미지의 순서를 지정한다. 선택된 것중에 앞에 있는것을 우선적으로 보인다. 해당 이미지가 없다면 그 아래 것이 그리드에 표현된다.

4번박스 : 1에서 선택된것에 3번에 해당하는 것이 없다면 default 이미지를 표현하게 한다.

5번, 6번박스 : 클릭하여  4번까지 선택된 상황을 6번에서 미리 보기 할 수 있다.

모두 설정하고, "Svae Grid" 버튼 클릭하여 저장한다.



 

3. 스킨 선택하기.

위 그림의 상단 파란박스 "Skins" 탭을 클릭하면 아래 그림처럼 스킨을 선택할 수 있는 화면이 나온다. 각각의 스킨마다 레이아웃 및 마우스 오버시 효과들이 다르다. 원하는 것을 선택하고, "Save Grid"버튼 클릭하여 저장한다.

 

 

4. 기타옵션.

위의 과정이 가장 기본적인 설정이며, 세부 설정은 각각들 눌러보면서 어떤 결과를 주는지 습득하도록 한다.

 

본 과정에서 만들어진 Essential Grid 를 웹에표현하는 방법 보기 -> http://igotit.tistory.com/199

 

///198.

 

댓글



 

비트코인




암호화폐       외환/나스닥/골드         암호화폐/외환/나스닥/골드
     
현물 |선물 인버스 |선물 USDT       전략매니저(카피트레이딩)         프랍 트레이더 온라인 지원가능. MT4,MT5