شورت کد وردپرس چیست؟ آموزش استفاده از کد کوتاه در وردپرس

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

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

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

آنچه در این مقاله به اختصار خواهید خواند:

  • شورت کد وردپرس چیست؟
  • آموزش استفاده از کد کوتاه در وردپرس

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

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

شورت کدها، قطعه کدهای بسیار کوتاهی هستند که در داخل براکت [] قرار می‌گیرند و برای افزودن محتوای پویا به صفحات، پست‌ها و ابزارک‌های سایت‌های وردپرسی به کار می‌رود. شخصی‌سازی سایت‌های وردپرسی با استفاده از کدهای کوتاه می‌تواند در ساخت و طراحی یک وبسایت زیبا و جذاب کمک فراوانی کند. بسیاری از افزونه‌های وردپرس برای افزودن فرم‌های تماس، نمایش گالری تصاویر، اسلایدر، نمایش پست‌های مرتبط، ویدئوها و غیره از شورت کدها استفاده می‌کنند.

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

آموزش استفاده از کد کوتاه در وردپرس

وردپرس امکان افزودن کد کوتاه را در ویرایشگرهای مختلف برای شما فراهم می‌کند، که در ادامه به بررسی هر کدام از این موارد می‌پردازیم:

  • اضافه کردن شورت کد در ویرایشگر گوتنبرگ

در ویرایشگر گوتنبرگ لازم است مطابق تصویر زیر بر روی علامت “+” در بالای صفحه کلیک کنید تا بلوک‌های موجود را مشاهده کنید، از میان گزینه‌ها، بلوک “کد” را انتخاب کنید.

انتخاب بلوک کد در گوتنبرگ
انتخاب بلوک کد در گوتنبرگ

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

  • اضافه کردن شورت کد در ویرایشگر کلاسیک

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

اضافه کردن شورت کد در ویرایشگر کلاسیک
اضافه کردن شورت کد در ویرایشگر کلاسیک

برای ذخیره‌سازی تغییرات دکمه ذخیره را انتخاب کنید.

  • اضافه کردن شورت کد در ابزارک‌­­ وردپرس

به غیر از صفحات و پست‌های وبسایت می‌توان با استفاده از ابزارک‌ها، شورت کدها را در قسمت‌های کناری سایت وردپرسی خود اضافه کرد، اما وردپرس به طور پیش‌فرض این امکان را فراهم نمی‌کند که برای رفع این مشکل می‌بایست قطعه کد زیر را به فایل functions.php اضافه کنید:

add_filter('widget_text', 'do_shortcode');

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

اضافه کردن شورت کد در ابزارک‌­­ وردپرس
اضافه کردن شورت کد در ابزارک‌­­ وردپرس

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

<?php echo do_shortcode("[Your_shortcode]"); ?>

در قسمت ” your_shortcode” کد کوتاه خود را وارد کنید.

استفاده از کد کوتاه در وردپرس

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

آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

398,499 نفر

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

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 7 ماه عضو همیار وردپرس

    سلام ببخشید اگه دقت کنید وقتی یک قالب به وردپرس اضافه میکنیم خودش یک سری برگه هایی داره و وقتی میریم برای ویرایش برگه فقط ی شرت کات یا کد کوتاه اونجا هست
    ایا راهکاری هست بتونیم خود اون برگه های از قبل تعریف شده قالب رو ویرایش کنیم؟؟
    بعضی چیزاشو کم کنیم بعضیارو زیاد؟؟
    خیلی ممنون❤

    • 4 سال عضو همیار وردپرس

      سلام
      خیر اون برگه ها قابل ویرایش نیستند! مثل برگه های مربوط به ووکامرس! البته ناگفته نمونه که با برنامه نویسی میشه تغییرات داخلش ایجاد کرد.

  2. 2 سال عضو همیار وردپرس

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

    در ارتباط با کدکوتاه سوال داشتم
    اگر بخوام آیدی پست رو توسط شورت کد تو پست بذارم امکانش هست؟
    مثلا: شورت کد {post_id} را در پست قرار بدم خودش آیدی اون پست را نمایش بده …
    ممنون

  3. 6 سال عضو همیار وردپرس

    خیلی بهتر میبود اگر بعد از زحمت ترجمه که ماشین (احتمالا گوگل) کشیده بود،یک ویرایش هم میکردید،لااقل به اندازه وسواستون برای رعایت سئو،کمی هم برای ترجمه وقت میزاشتین. حیفه ،خیلی هم حیفه .اگه همیار وردپرس کیفیتش بیاد پایین..(فراوش نکنید همین وردپرس و همیار وردپس و مدرسه بود که شما و ما رو به اینجا رسوند) پس خوبه فراموشنکنیم محتوای خوب پادشاست،ویرایش خوب محتوای خوب هم ملکه پادشاه

  4. میشه لطفا کدی رو معرفی کنید که همه پست ها رو نمایش بده. درست مثل صفحه اصلی سایت شما. یک عکس کوچک که قابل کلیک است و کمی توضیحات زیر ان دارد
    مثلا هر صفحه ده تا پست نمایش بده بقیش توی صفحات بعدی
    ممکنه چنین قابلیتی رو بشه از طریق rss هم نمایش داد ولی فقط به تعداد خبر های توی rss نمایش میده و دیگه نه صفحه بندی داره و نه بقیه پست ها رو میتونی ببینی. در ضمن وقتی اون رو از طریق rss میخونی، توی جایی که نمایشش میدی نمیشه style اون رو تغییر داد.

    ممنون از لطفتون

  5. سلام چطوری 2 یا 3 تا short میشه ساخت؟ یعنی کجا بایستی دومی رو اضافه کرد؟

  6. 6 سال عضو همیار وردپرس

    با سلام در قالب huemane
    شورت کد revulotion slider رو چطوری قرار بدم تا در بین دو ستون و در تمامی صفحات به نمایش در بیاد
    با تشکر از سایت خوبتون

    • 8 سال عضو همیار وردپرس

      سلام
      برای قرار دادن در قالب و تمامی صفحات باید از کد پی اچ پی استفاده کنید و در حلقه ی وردپرس بگذارید.

    • سلام مرسی از پاسگویتون این کد php رو از افزونه بگیرم؟کجای قالب قرار بدم تا نمایش داده بشه
      مرسی

    • 8 سال عضو همیار وردپرس

      سلام
      در قسمتی که حلقه ی قالب شماست. مثلا index.php یا single.php

    • 6 سال عضو همیار وردپرس

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

  7. سلام و عرض خسته نباشید
    اول تشکر کنم بابت سایت عالیتون
    دوم اینکه بنده در لود کردن کد کوتاه پلاگین ها در وردپرس مشکل دارم، البته در یک قالب بخصوص
    میخواستم بنده رو راهنمایی کنید که مشکل قالب کجاست که پلاگین رو لود نمیکنه؟
    باتشکر فراوان

    • 8 سال عضو همیار وردپرس

      سلام
      در تایع function.php کد زیر را وارد کنید:

      function my_shortcode_function() { $i = '

      Hello World!

      ';return $i;} add_shortcode('my-shortcode', 'my_shortcode_function');

  8. سلام
    و عرض خسته نباشید
    من پلاگین نویسی رو تقریبا بلدم ولی وردپرس رو اونقدر مسلط نیستم.من اومدم یک جدول اختصاصی طراحی کردم توی بانک اطلاعاتی وردپرسم و یک افزونه طراحی کردم که یک سری اطلاعات رو میریزه توی اون جدول.حال یک برگه طراحی کردم و اطلاعات رو بصورت لیست وار توی برگه و از جدول و با استفاده از کلاس $wpdb توی برگه نشون دادم.الان یک مشکل دارم و اون اینه که وقتی روی عنوان نوشته هام کلیک می کنم به جای اینکه بره جزییات رو به من نشون بده میره برگه مربوطه رو میاره ولی جزییات مربوط رو نشون نمیده.میخام ببینم این مشکل از کجاست.البته متذکر بشم که این راه حل رو توی php به سادگی من انجام میدم ولی توی وردپرس نمیدونم چه جوری میشه انجام داد.در ضمن باز هم یادآور میشم که اطلاعات من توی جدول wp_posts نیست و توی یه جدول دیگه وجود داره.همچنین نمی خواهم از shortcode استفاده کنم.
    ممنون میشم راهنمایی بفرمائید.

    • 8 سال عضو همیار وردپرس

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

  9. 6 سال عضو همیار وردپرس

    میشه شما استادان عزیز راهنمایی کنید واسه این چطوری شورت کد درست کنم خودم هرکاری کردم نتونستم

    ID, ‘custom_box-downloads’,true); if (!empty($post_meta)) { ?>
    ID, ‘custom_direct-music320’,true); if (!empty($post_meta)) { ?><a title="دانلود آهنگ با کیفیت 320" href="”>دانلود آهنگ با کیفیت 320

    • 8 سال عضو همیار وردپرس

      سلام
      میتونید از افزونه ی Shortcodes Anywhere or Everywhere استفاده نمایید.

    • 6 سال عضو همیار وردپرس

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

    • 8 سال عضو همیار وردپرس

      سلام
      برای شما ایمیل شد.
      موفق باشید

  10. سلام خسته نبا شید
    من نمی دونم چرا کدها کوتاه من در مگا منو ترجمه نمیشه و کد رو نشون میده
    چه جوری شورت کد رو بهش معرفی کنم؟

  11. 7 سال عضو همیار وردپرس

    با سلام
    در قالب من کدهای کوتاه اجرا نمی شود
    باید چه کار کنم؟

    • 8 سال عضو همیار وردپرس

      سلام
      از چه قالبی استفاده می کنید دوست عزیز ؟

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

  13. سوال:چطور میشه برای هر کدوم از ها یک کلید توی ویرایشگر متن بذاریم تا به جای نوشتن عبارت با زدن کلید کد اضافه بشه؟به اونم میگن shortcode؟

    • 8 سال عضو همیار وردپرس

      خیر
      بحث شما کاملاً متفاوته

      با احترام

  14. با سلام
    آقا، من یه افزونه دارم، اما این افزونه فقط از طریق ابزارک ها استفاده میشه، من میخوام اون قطعه کد فراخوانی php یا کدکوتاه واسش درست کنم، چطور میتونم اینکارو بکنم ؟

    اسم افزونه : Recent Posts Thumbnail Slider Widget

  15. مثل همیشه مختصر، مفید، و کاملا مفهوم

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

  16. سلام
    من کامله کامل متن رو نخوندم در خصوص دستور orderby=

    من در کد می خواهم بهش بگم از یکسری دسته با آِ دی مشخص نخونه و یا برعکس بگم از یکسری آی دی مربوط به دسته های خاصی مطلب رو بخونه
    فرضا 4 تا پست هم نشان بدهد

    حالا اکر اون دسته ها آی دیش 2 و 6 باشه چه جور وارد کنم اینو زدم فایده نداشت دقیقش چی میشه؟

  17. What a great way to celebrate the Christmas season with little ones. Thanks for sharing this idea.

  18. خیلی مقاله خوبی بود.

    موفق باشید.

  19. مثل همیشه عالی.
    موفق باشید

  20. خوب نبود
    عالی بود! 😀

  21. سلام
    مرسی
    آموزش کاملی بود

  22. سلام
    ممنون از آموزش عالیتون
    ولی لطفا آموزش هایی که ترجمه شدن رو بومی سازی کنین
    مثلاً گوگل ادسنس یا توئیتر شاید خیلی به درد نخورن، اما یه دکمه درست کردن یا یک باکس نقل قول یا هشدار درست کردن خیلی کاربردیه

  23. مثل همیشه عالی

  24. سلام، مطلبت عالی بود.
    خیلی به درد میخوره.
    ***تشکر!***

  25. بسیار عالی ، دستتون درد نکنه آقای حاجی محمدی عزیز …

دوره‌های آموزشی