شورت کد ها در وردپرس

منتشر شده در 24 مه 2022 آخرین به روز رسانی در 24 مه 2022
مهندس محسن حسن پور
78 0
شورت کد ها در وردپرس

این پست با مسیر متخصص وردپرس مرتبط است. مشاهده مسیر (Roadmap)

پیش از انتشار CMS ها تغییر در سایت ها با کد های کوتاه یک دستاورد بزرگ به حساب می آمد. فرض کنید در سال 2001 میلادی قرار داریم و می خواستیم در یک صفحه ی استاتیک وب تغییری ایجاد کنیم. احتمالا کلی به دردسر می افتادیم. اگر کد نویسی بلد نبودیم احتمالا هزینه ی گزافی نیز باید برای همین تغییر کوچک می پرداختیم. شورت کد یا همان shortcode یک امکان بی نظیر در وردپرس است که شما را قادر می سازد با استفاده از یک متن که آن را شورتکد می نامند فرم، متن، دکمه، گالری عکس، پخش کننده ویدئو و هرچیزی که فکرش را بکنید در یک صفحه بسازیم بی آنکه چیزی از برنامه نویسی بدانیم. در ادامه با shortcode ها آشنا می شویم و سپس در انتها، کار باتابع add_shortcode برای ایجاد یک شورتکد را فرا می گیریم.

شورت کد وردپرس چیست؟

هر شورت کد متنی است که درون [] قرار می گیرد و برای اجرای یک تابع از آن استفاده می شود. مثلا به شورتکد زیر توجه کنید:

[tutsxen-download-link]

فرض کنید ما می خواهیم یک لینک دانلود در چند صفحه ی مختلف از سایتمان برای “دانلود وردپرس” ایجاد کنیم. در آن صورت باید مدام کد زیر را یا بنویسیم یا آن را کپی کرده و در صفحات مختلف past کنیم.

<div class="d-block w-100 text-center">
 <a class="text-black" href="https://fa.wordpress.org/download/" title="دانلود وردپرس">
  دانلود
  <i class="fas fa-download></i>
</div>

این کار معایب خودش را دارد:

  1. احتمال بروز خطا و کپی کردن ناقص کد ها
  2. دشواری جابجایی کد ها
  3. اتلاف وقت
  4. دشوار بودن ذخیره ی این کد برای استفاده در روز ها و دفعات دیگر

اینجاست که Shortcode وارد عمل میشه!

انواع شورت کد ها در وردپرس

وردپرس بطور کلی دو نوع Shortcode دارد.

  1. شورت کد های پیش فرض وردپرس
  2. شورت کد هایی که توسط برنامه نویس افزونه و یا قالب ثبت می شود.

شورت‌کدهای پیش‌فرض وردپرس

وردپرس بطور پیش فرض چند شورتکد دارد. این Shortcode ها عبارت است از:

  1. ویدئو
  2. صوت
  3. کپشن تصاویر
  4. گالری تصاویر
  5. embed
  6. لیست پخش

شورت‌کدهای اختصاصی (سفارشی)

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

دسته بندی دیگر shortcode ها

شورت کد ها را می توان به 2 صورت دیگر نیز دسته بندی کرد. دسته بندی اول بر حسب تگ پایانی است:

  1. شورت کد های بدون تگ بسته مثل [tutsxen-download-link]
  2. شورت کد های با تگ بسته مانند:
    [tutsxen-download-link]lorem ipsom[/tutsxen-download-link]

     

همچنین از نظر داشتن پارامتر یا به عبارتی درست تر attribute به دو دسته ی زیر تقسیم می شوند:

  1. دارای اتریبیوت
  2. فاقد اتریبیوت تقسیم

چطور شورت کد بسازیم؟

برای ایجاد shortcode ها در وردپرس باید از تابع add_shortcode استفاده کنیم. این تابع دو مقدار می گیرد مقدار اول تگ شورت کد و مقدار دوم نام تابعی که میخواهیم به هنگام فراخوانی شورتکد اجرا شود. مثال بالا را به یاد دارید؟ می خواهیم آن را پیاده سازی کنیم:

// Add Shortcode
function tutsxen_custom_shortcode( $atts , $content = null ) {

    ?>
    <div class="d-block w-100 text-center">
         <a class="text-black" href="https://fa.wordpress.org/download/" title="دانلود وردپرس"> دانلود <i class="fas fa-download></i>
        </div>
    <?php

}
add_shortcode( 'tutsxen-download-link', 'tutsxen_custom_shortcode' );

در این مثال با توجه به مقدار هایی که به تابع add_shortcode داده ایم، یک شورت کد با تگ [tutsxen-download-link] ایجاد کردیم. که به هنگام فراخوانی این شورتکد تابعی با نام tutsxen_custom_shortcode اجرا می شود.

حرف پایانی

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