امکان ساخت شورت کد در وردپرس 2.5 اضافه شد. امروزه از این امکان استفاده های بسیاری شده و می توان گفت که با استفاده از شورت کدها، می توان امکانات نامحدودی را در نوشته ها و صفحات خود داشته باشیم.

وردپرس به طور پیشفرض شورت کدهایی دارد که برخی از آنها را در زیر معرفی کرده ایم:

  • Audio: امکان درج فایل صوتی برای پخش آنلاین را فراهم کرده است.
  • Gallery: امکان درج گالری تصاویر را فراهم می کند.
  • Video: امکان درج فیلم را فراهم می کند.

شورت کدهای معرفی شده در بالا یکی از رایج ترین شورت کدهای استفاده شده در وردپرس هستند. در این آموزش مدرسه وردپرس خواهیم گفت که چگونه می توانیم شورت کد در وردپرس با عملکرد متفاوت بسازیم. نحوه ساخت شورت کد در وردپرس بسیار ساده است و با فانکشن سروکار خواهیم داشت.

نکته: قبل از شروع، یک نسخه پشتیبان از فایل functions.php پوسته خود تهیه کنید.

ساخت شورت کد – مثال ساده

برای درک راحت تر نحوه ساخت شورت کد در وردپرس ، در ابتدا با یک مثال ساده و ابتدایی شروع خواهیم کرد. به یاد داشته باشید که شورت کدها همواره برای محتویات و توابعی که استفاده بسیاری می شوند ساخته می شوند.

خب حالا شروع می کنیم.

می خواهیم یک شورت کد در وردپرس بسازیم که هنگام فراخوانی عبارت “سلام. این یک نمونه شورت کد ابتدایی می باشد” را نمایش دهد. کد زیر این امکان را فراهم می کند:

function sample_shortcode() {
    return 'سلام. این یک نمونه شورت کد ابتدایی می باشد.';
}
add_shortcode('subscribe', 'sample_shortcode');

در کد بالا ما یک فانکشن به نام sample_shortcode ساخته ایم و درون فانکشن با استفاده از تابع Return گفته ایم که عبارت داخل ‘ ‘ را چاپ کند.

با استفاده از کد add_shortcode(‘sample’, ‘sample_shortcode’); شورت کدی به نام sample ساخته ایم.

add_shortcode('نام فانکشن', 'نام شورت کد');

حال با فراخوانی شورت کد [subscribe] در هر قسمت از نوشته و یا برگه ها، عبارت “سلام. این یک نمونه شورت کد ابتدایی می باشد” نمایش داده خواهد شد.

ساخت شورت کد در وردپرس با امکانات بیشتر

این امکانات بخش شورت کد در وردپرس را گسترده و حرفه ای تر خواهد کرد.

با کد زیر خواهیم گفت که چگونه می توانید گزینه های جدیدی به شورت کدها اضافه کنید. به کد زیر توجه کنید:

function sample_shortcode( $atts ) {
    extract( shortcode_atts( array(
        'subtype' => 'Elnaz',
        'subtypeurl' => 'www.wpschool.ir',
    ), $atts, 'multilink' ) );

    return sprtinf( 'سلام این یک نمونه نقل قول نوشته شده <a href='%1$s'>توسط %2$s</a> است. ',
        esc_url( $subtypeurl ),
        esc_html( $subtype )
    );
}
add_shortcode( 'subscribe', 'sample_shortcodea' );

در کد بالا متغیر $atts به عنوان آرایه صفات نوشته شده است و این امکانات و صفات جدید در آن ذخیره خواهد شد. سپس با استفاده از تابع shortcode_atts مقادیر آرایه را وارد می کنیم.

2 امکان معرفی می کنیم:subtype و subtypeurl. داخل این مقادیر نام و لینک پیشفرض را تعیین می کنیم. این صفت ها در شورت کد نمایش داده می شوند. این مقادیر پیشفرض هنگامی نمایش داده می شود که مقداری برای این صفت ها وارد نکرده باشیم.

حال هنگام فراخوانی شورت کد [subscribe] عبارت به صورت زیر نمایش داده میشود:

سلام این یک نمونه نقل قول نوشته شده توسط Elnaz است.

همچنین می توانید برای تغییر نام و لینک پیشفرض به صورت زیر عمل کنید:

[subscribe]
[subscribe subtype=نام; subtypeurl=لینک;]

مقاله امروز ساخت شورت کد در وردپرس هم به پایان رسید. این مقاله، یک آموزش پایه و ابتدایی است. چرا که با شورت کدها امکان ساخت هرچیزی را دارید. امیدوارم این مقاله به دردتون خورده باشه. موفق باشید

23 دیدگاه برای “ساخت شورت کد در وردپرس

  • سالار
    - ۲۰ فروردین , ۱۳۹۳

    ممنون از آموزش مفیدتون.
    چجوری میشه برای افزونه هایی که به صورت پیشفرض شورت کد ندارند و از ابزارک پشتیبانی میکنند شورت کد ساخت؟

    • الناز
      - ۲۱ فروردین , ۱۳۹۳

      سلام دوست عزیز. برای اینکار کافیست از تابع add_shortcode استفاده کنید
      add_shortcode( ‘نام شورت کد’, ‘نام فانکشن’ );

  • آیلین
    - ۳۰ فروردین , ۱۳۹۳

    واقعا دستتون درد نکنه عالی بود

  • احسان
    - ۱۲ خرداد , ۱۳۹۳

    سلام مرسی میشه شورت کد ساخت تب هم آموزش بدید؟

    • الناز بیک زاده
      - ۱۲ خرداد , ۱۳۹۳

      سلام احسان جان. به زودی مقاله ای در این خصوص آماده خواهم کرد

  • هادی
    - ۶ شهریور , ۱۳۹۳

    ممنون از آموزش خوبتون
    حالا اگر بخوام شورت کد رو داخل پلاگین استفاده کنیم
    چجوریه؟

  • ArYanPour
    - ۲۱ مهر , ۱۳۹۳

    ممنون جالب بود : )

  • جواد
    - ۲۲ اسفند , ۱۳۹۳

    سلام الناز جان
    کد فکر کنم مشکل داره من استفاده کردم صفحه سفید میاره!

    • الناز بیک زاده
      - ۲۵ اسفند , ۱۳۹۳

      سلام دوست عزیز. این آموزش تست شده هستش و مشکلی نداره

  • رضا
    - ۶ فروردین , ۱۳۹۴

    سلام ممنون از آموزش خوبتون چطور می تونیم از css هم برای شورت کد استفاده کنیم ؟
    مثلا می خواهیم یک صفت انتخاب کنیم به عنوان رنگ پس زمینه .

    • الناز بیک زاده
      - ۱۲ فروردین , ۱۳۹۴

      سلام دوست من. کلاس رو به شورت کد اضافه کنید و استایلشو بدید

  • علی
    - ۱۱ اردیبهشت , ۱۳۹۴

    ممنون از زحمات شما
    خسته نباشید

  • ssobhan
    - ۱۲ اسفند , ۱۳۹۴

    سلام چطوری ۲ یا ۳ تا short ئمیشه ساخت؟ یعنی کجا بایستی دومی رو اضافه کرد؟

    • الناز
      - ۲۱ فروردین , ۱۳۹۵

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

  • حميد
    - ۱۳ اردیبهشت , ۱۳۹۵

    سلام به نظر میرسه کد آخری اشتباه داره

    • الناز
      - ۲۰ اردیبهشت , ۱۳۹۵

      سلام دوست عزیز. چرا این رو میگید؟ مشکلی نداره

  • علی
    - ۱۷ خرداد , ۱۳۹۵

    با سلام
    میخاهم برای یک افزونه شرت کد درست کنم
    میشه راهنماییم کنید
    اطلاعات برنامه نویسیم ضعیفه
    تشکر

    • الناز
      - ۲۲ خرداد , ۱۳۹۵

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

  • پویا
    - ۲ مرداد , ۱۳۹۷

    سلام
    این قسمت از کد رو خطا میگیره!
    return sprtinf( ‘سلام این یک نمونه نقل قول نوشته شده توسط %۲$s است. ‘,
    میشه راهنمایی کنید

    • سیروس
      - ۳ مرداد , ۱۳۹۷

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

  • رضا
    - ۱۰ تیر , ۱۳۹۸

    سلام من شورت کد باکس دانلود ساختم و بخوبی کار میکنه ولی وقتی تو مطلبی در ادیتور وردپرس میزارم میره اول مطلب
    چه مشکلی داره ؟؟

  • سینا
    - ۲ اسفند , ۱۳۹۸

    کلا بخش دوم کدتون مشکل داره بهتره پاکش کنید تا آماتورا مشکل پیدا نکنند
    یا حداقل کامل توضیح بدید چکار کنند و کجا بذارن تا سایتشون بهم نریزه
    لطفاً اگر دانش کافی در این خصوص ندارید کسی ازتون توقوع نداره مطلب بی کیفیت و آشغال بگذارید

    • الناز
      - ۱۰ فروردین , ۱۳۹۹

      دوست عزیز این کد برای ۶ سال پیش هستش و از اون موقع تا الان وردپرس کلی تغییر کرده ، بنده هم فرصت بروزرسانی مطالب رو ندارم.
      موفق باشید

دیدگاه خود را بیان کنید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

-- بارگیری کد امنیتی --