آموزش ساخت شورت کد اختصاصی در وردپرس

    در صورتی که با شورت کد ها آشنایی ندارید میتوانید مقاله “شورت کد یا shortcode چیست ؟” را مطالعه کنید همچنین در مقاله “قرار دادن شوردکد در وردپرس” میتوانید نحوه قرار دادن شورد کد ها را در وردپرس یاد بگیرید.

    خب در این آموزش هم میخوایم یاد بگیریم که چطور یه شورت کد اختصاصی توی قالب یا افزونه ودپرس بنویسیم و برای این مورد نیاز داریم که در حد متوسط php و با ساختار وردپرس آشنایی داشته باشیم ولی تا حد ممکن آموزش را به زبان ساده بیان میکنم.

    WordPress do shortcode

    برای شروع ما باید یک فانکشن ایجاد کنید و محتوای نمایشی شورد کد رو طبق مثال زیر در فانکشن قرار دهید و در آخر تابع فراخوانی شورت کد را قرار دهید.

    این کد فانکشن را شما میتوانید در فایل function.php قالب وردپرس خود یا هر فایل دیگری در قالب یا افزونه قرار دهید.

    // فانکشن شورت کد
    function tmt_shortcode_name() { 
     
        // متن پیغام تست برای نمایش شورت کد
        $message = 'سلام، من یک شورت کد هستم'; 
         
        // چاپ شورت کد
        return $message;
    }
    
    // تابع اضافه کرد شورت کد
    // در مقدار اول نام شورد کد برای قرار دادن را مینویسیم و در مقدار دوم نام فانکشن شورد کد را مینویسیم
    add_shortcode('my_tmt_shortcode', 'tmt_shortcode_name');

    بعد از ثبت فانکشن شورد کد شما میتوانید با متن تعیین شده در تابعد فراخونی شورت کد آن را به نمایش قرار بدید و در مثال بالا به شکل زیر خواهد شد:

    [my_tmt_shortcode]

    خب حالا تا اینجای کار رو یاد گرفتیم حالا اگه بخوایم یکم کد رو پیشرفته کنیم و برای مثلا یه دکمه ای طراحی کنیم که توی اون سه تا مقدار برای مثال متن دکمه و لینک دکمه رو توی شورد کد دریافت کنیم و اون دکمه رو بسازیم و فانکش ما برای این مورد به صورت زیر خواهد شد.

    // فانکشن شورت کد
    function tmt_shortcode_btn($attr) {
    
        // مقادیر شورد کد را در این بخش وارد میکنیم
        // در مقدار اول ای دی شورد کد و در مقدار دوم محتوای پیشفرض دکمه که در صورت خالی بودن ان بود مینویسیم
        $args = shortcode_atts( array(
         
            'url' => '#',
            'text' => 'دکمه تست',
    
        ), $attr );
    
    
        // محتوای شورد کد و چاپ مقادیر آن
        $output = '<a href="'.$args['url'].'">'.$args['text'].'</a>';
    
    
        // چاپ شورت کد
        return $output;
    }
    
    // تابع اضافه کرد شورت کد
    // در مقدار اول نام شورد کد برای قرار دادن را مینویسیم و در مقدار دوم نام فانکشن شورد کد را مینویسیم
    add_shortcode('btn-shortcode', 'tmt_shortcode_btn');

    البته کد بالا به شکل زیر و خوانا تر هم قابل نوشتن است و هر دو کد خروجی یکسانی خواهند داشت.

    // فانکشن شورت کد
    function tmt_shortcode_btn($attr) {
    
        // مقادیر شورد کد را در این بخش وارد میکنیم
        // در مقدار اول ای دی شورد کد و در مقدار دوم محتوای پیشفرض دکمه که در صورت خالی بودن ان بود مینویسیم
        extract( shortcode_atts( array(
    
            'url' => '#',
            'text' => 'دکمه تست',
    
        ), $attr, 'btn' ) );
    
    
        // محتوای شورد کد و چاپ مقادیر آن
        $output = "<a href="$url">$text</a>";
    
    
        // چاپ شورت کد
        return $output;
    }
    
    // تابع اضافه کرد شورت کد
    // در مقدار اول نام شورد کد برای قرار دادن را مینویسیم و در مقدار دوم نام فانکشن شورد کد را مینویسیم
    add_shortcode('btn-shortcode', 'tmt_shortcode_btn');

    بعد از ثبت فانکشن شورد کد شما میتوانید با متن تعیین شده در تابعد فراخونی شورت کد آن را به نمایش قرار بدید و در مثال بالا به شکل زیر خواهد شد:

    [btn-shortcode url="https://www.themento.net/" text="وب سایت تیم تمنتو"]
    
    علی امینی

    علی امینی

    بیش از 8 سال هست که در حوزه وردپرس به صورت تخصصی فعالیت میکنم و همیشه علاقمند به یادگیری مباحث جدید در زمینه های وب هستم و در تلاشم با تولید آموزش های گوناگون در زمینه وردپرس، سهمی در توسعه وردپرس فارسی داشته باشم.
    ارسال نظر

    آدرس ایمیل شما منتشر نخواهد شد.