숏코드 파라미터까지 추가하여 조금 더 편리하게 숏코드를 이용해보자.
숏코드
shortcodes.php
shortcodes.php 파일에 숏코드 함수 추가하자.
function shortcode_list1($atts, $content = null) {
extract(shortcode_atts(array(
"title1" => '챕터 이름',
"info1" => '챕터 설명',
), $atts));
return '<div class="index-list">
<div class="index-list-title">목차</div>
<div class="index-list-body">
<div class="index-list-row link-row">
<div class="index-list-cell">Chapter 1.</div>
<div class="index-list-cell">' . $title1 . '</div>
<div class="index-list-cell">' . $info1 . '</div>
</div>
</div>
</div>
'; } add_shortcode("list1", "shortcode_list1");
사용된 코드 설명
function shortcode_list1($atts, $content = null)
:
shortcode_list1 이름으로 함수 만드는 코드.
extract()
:
배열속 키 값을 변수화 해주는 코드.
shortcode_atts( array() )
:
숏코드 파라미터 설정하는 함수.
“title1” => ‘챕터 이름’
:
숏코드에 들어갈 파라미터 title1의 기본값을 ‘챕터 이름’으로 설정하는 코드.
return ”;
:
‘(작은 따옴표)사이에 있는 키 값을 출력하는 코드.
\’
:
‘(작은 따옴표)를 출력하는 코드.
add_shortcode(“list1”, “shortcode_list1”);
:
shortcode_list1라는 이름의 함수는 숏코드라는것을 선언하고 list1이라고 입력시 이 숏코드 불러오게한다.
참고
Wordpress - Codereference - add_shortcode
YHCODE - 워드프레스 숏코드의 생성과 활용(파라미터 값 추가하기)
envatotuts+ - Multiple Shortcodes With a Single Function
wplauncher - Create WordPress Shortcode
워드프레스 정보꾸러미 - 워드프레스 숏코드: 완벽 가이드
관련 포스트
숏코드 제작 – 1편 - 숏코드 등록하기
숏코드 제작 - 2편 - 숏코드와 함께 내용을 입력하기
숏코드 제작 – 3편 - 숏코드 파라미터 등록하기 - 현재글
숏코드 제작 – 4편 - 숏코드 위젯에서 사용하기
공부 목적 블로그