WordPress
शॉर्टकोड

शोर्ट परिचय

शॉर्टकोड उपयोगी होते हैं जब आप सामान्य सामग्री संपादक में अधिक जटिल तत्वों को इनलाइन जोड़ने में सक्षम होना चाहते हैं।

इस तरह का एक शोर्ट इसके लिए सबसे सरल होगा:

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

यह "This is a 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!"] को एडिटर में करके आउटपुट देगा [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>