숏코드 플러그인 Shortcodes Ultimate 사용하기 예제-2

이전 포스팅)

숏코드 플러그인 Shortcodes Ultimate 사용하기 예제-1

Post

포스트는 글목록을 보여주는 기능을 하는 숏코드입니다. 제목과 미리보기 정도가 리스트업 됩니다.

포스트 숏코드 옵션 박스에서 Template 옵션으로 포스트 리스트를 보여주는 방식을 다음과 선택할 수 있습니다.

Template 입력창에 아래 코드를 입력하면 포스트 목록의 보기방식이 결정됩니다.

templates/default-loop.php : 전체글 목록을 보여줍니다. 

templates/teaser-loop.php : 썸네일 이미지와 제목을 보여줍니다.

templates/single-post.php : 단 한개의 글만 보여줍니다.

templates/list-post.php : 글의 제목만 리스트로 보여줍니다.

숏코드는 [su_posts]를 사용합니다.

결과 화면)

Template 옵션에서 default-loop.php를 입력하면 아래와 같이 포스트 리스트가 제목과 미리보기로 리스트업 됩니다.

Table

테이블 숏코드를 사용해서 테이블을 만들 수 있습니다. 빌더 기능을 가지고 테이블을 그릴 수 있는 기능까지는 아니고 HTML 소스코드를 입력하거나 파일을 업로드해서 테이블을 구현하는 숏코드입니다. Table 을 클릭합니다.

테이블 숏코드 옵션 박스에서는 엑셀 업로드 기능을 지원합니다.

테이블을 만들 때 편리한 방법중의 하나는 MS 엑셀을 활용하는 것입니다. 일반적으로 사람들은 업무나 과제를 수행하면서 엑셀을 다루는데 익숙한 경우가 많습니다. 따라서 복잡한 테이블은 엑셀로 만든 뒤 csv 확장자로 저장해서 업로드하면 편리하게 테이블을 만들 수 있습니다.

테이블을 만드는 방법은 아래처럼 CSV file 업로드 기능을 이용하거나 Content 항목의 HTML 테이블 코드를 바로 입력하는 것입니다.

테이블 숏코드는 [su_table] 입니다.

결과 화면)

Service

서비스 숏코드는 해당 사이트에서 제공하는 서비스를 표현하기에 적합한 숏코드입니다.

서비스 제목과 설명으로 구성됩니다. 제품이나 서비스에 대한 소개 뿐아니라 고객센터나 전화상담 등 어떤 내용을 간락하게 설명하기에 적합한 양식의 숏코드입니다.

서비스의 숏코드는 [su_service] 입니다.

결과 화면)

Box

박스는 글과 제목을 적을 수 있는 콘텐츠 박스입니다.

숏코드는 [su_box]를 사용합니다.

결과 화면)

Note

노트는 콘텐츠를 강조하거나 구분지어 사용할 때 편리한 숏코드 기능입니다. 노트의 색상을 변경해서 포스트잇 느낌을 살려서 사용해도 좋습니다.

노트 숏코드는 [su_note]를 사용합니다.

결과 화면)

Expand

익스펜드는 텍스트 블록을 more text와 less text로 보여줄 수 있습니다.

옵션 박스에서 보여주기 원하는 텍스트를 입력합니다.

숏코드는 [su_expand]를 사용합니다.

결과 화면)

Tooltip

마우스가 오버되었을 때 동작하는 툽팁을 위한 숏코드 입니다.

숏코드는 [su_tooltip]을 사용합니다.

결과 화면)

마우스오버를 하면 아래와 같이 툴팁 박스가 생성됩니다.

YouTube

콘텐츠 본문에 유튜브를 연동해서 사용할 수 있는 숏코드입니다.

옵션 박스에서 유튜브의 URL 경로를 입력합니다.

숏코드는 [su_youtube]를 사용합니다.

Permalink

고유주소인 퍼마링크를 만드는 숏코드입니다.

태그는 [su_permalink]를 사용합니다.

결과 화면)

Member

멤버 기능은 로그인한 사용자에게만 보여주는 콘텐츠를 만드는 기능입니다.

옵션 박스에서 로그인 페이지의 URL 링크를 입력하는 곳에 워드프레스 로그인 페이지인 wp-login.php 을 입력해야합니다.

숏코드는 [su_members]를 사용합니다.

결과 화면)

로그인한 사용자에게 입력한 콘텐츠가 보입니다.

Guest

게스트만을 위한 콘텐츠를 제작할 때 사용하는 숏코드입니다.

숏코드 태그는 [su_guests]를 사용합니다.

RSS Feed

RSS Feed 기능을 구현합니다. RSS 기능은 일종의 온라인 신문 구독시스템으로 이해하면 됩니다.

RSS를 통해서 원하는 온라인 콘텐츠를 구독하는 기능입니다.

옵션 박스에스 구독할 RSS URL을 입력합니다. 여기에서는 블로터의 RSS 피드를 입력하였습니다.

숏코드는 [su_feed]를 사용합니다.

결과 화면)

블로터의 기사 피드가 화면에 디스플레이 됩니다.

Gmap

본문 콘텐츠 내에 구글 지도를 구현할 수 있는 숏코드입니다.

옵션 박스에서 구글 지도에서 검색할 지역 이름을 입력합니다

숏코드는 [su_gmap]을 사용합니다.

결과 화면)