WordPress
단축 코드

단축 코드 소개

단축 코드는 일반 내용 편집기에 더 복잡한 요소를 인라인으로 추가하려는 경우에 유용합니다.

그 짧은 코드는 다음과 같이 보일 것입니다.

function my_shortcode( ){
    return "This is a shortcode";
}
add_shortcode( 'my_shortcode', 'my_shortcode' );

텍스트 "This is a shortcode" shortcode"를 출력하고 컨텐츠 편집기에 [my_shortcode]를 쓰면됩니다.

버튼 단축 코드

다음은 간단한 버튼 단축 코드의 예입니다.

<?php
function my_button_shortcode( $atts ) {

    // Parse the input attributes and assgn default values for the 
    // attributes that are not specified on the shortcode
    $a = shortcode_atts( array(
        'id' => '',
        'url' => '#',
        'class' => '',
        'text' => ''
    ), $atts );

    // Open the anchor tag and add role=button for better accessibility
    $btn_html = '<a role="button"';

    // Add the href(link) attribute
    $btn_html .= ' href="' . $a['url'] . '"';

    // Add id attribute to output if specified
    if ( !empty( $a['id'] ) ) {
        $btn_html .= ' id="' . $a['id'] . '"';
    }

    $btn_classes = 'button';


    // Add class attribute to output
    $btn_html .= ' class="button ' . ( !empty(a['class']) ? $a['class'] : '' ) . '"';

    // Close opening anchor tag
    $btn_html .= '>'.
        // Add button text
        $a['text'].
        // Add closing anchor tag
        '</a>'."\n";

    return $btn_html;
}
add_shortcode( 'button', 'my_button_shortcode' );

이 단축 코드는 [button url="/my-other-page" id="my-other-page-button" class="dark" text="Click me!"] 를 입력하여 사용할 수 있습니다. 다음 HTML :

<a role="button" href="/my-other-page" id="my-other-page-button" 
class="button dark">Click me!</a>