چگونه کد کوتاه را در وردپرس اضافه کنیم؟ (راهنمای مبتدیان)

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

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

در این مقاله ، ما به شما نشان خواهیم داد که چگونه به راحتی کد کوتاه را در وردپرس اضافه کنید. ما همچنین به شما نشان خواهیم داد که چگونه کد کوتاه سفارشی خود را در وردپرس ایجاد کنید.

addshortcodeinwp

کد کوتاه چیست؟

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

[myshortcode]

برای درک بهتر کد کوتاه ، بیایید نگاهی به پیشینه دلیل اضافه شدن کد کوتاه بیندازیم.

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

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

اینجاست که Shortcode API وارد می شود.

اصولاً به توسعه دهندگان این امکان را می دهد که کد خود را در داخل یک تابع اضافه کنند و سپس آن عملکرد را با وردپرس به عنوان کد کوتاه ثبت کنند ، بنابراین کاربران می توانند بدون داشتن دانش کدگذاری به راحتی از آن استفاده کنند.

هنگامی که وردپرس کد کوتاه را پیدا می کند ، کد مربوط به آن را به طور خودکار اجرا می کند.

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

افزودن کد کوتاه در پست ها و صفحات وردپرس

ابتدا باید پست و صفحه ای را که می خواهید کد کوتاه به آن اضافه کنید ویرایش کنید. پس از آن ، باید روی دکمه add block کلیک کنید تا یک بلوک کد کوتاه وارد کنید.

addingshortcodeblock

پس از افزودن بلوک کد کوتاه ، می توانید کد کوتاه خود را در تنظیمات بلوک وارد کنید. کد کوتاه توسط افزونه های مختلف وردپرس که ممکن است از آنها استفاده کنید مانند WPForms برای فرم های تماس ، OptinMonster برای فرم های بازاریابی از طریق ایمیل ، دکمه WP Call برای درج دکمه کلیک برای تماس و غیره ارائه می شود.

shortcodeinsert

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

اکنون می توانید پست یا صفحه خود را ذخیره کرده و تغییرات خود را پیش نمایش کنید تا کد کوتاه را در عمل مشاهده کنید.

افزودن کد کوتاه در ابزارک های نوار کناری وردپرس

شما همچنین می توانید از کد کوتاه در وردپرس نوار کناری استفاده ویدجت . کافی است از صفحه Appearance »Widgets بازدید کرده و ابزارک ‘Text’ را به یک نوار کناری اضافه کنید.

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

shortcode in widget

فراموش نکنید که برای ذخیره تنظیمات ابزارک خود بر روی دکمه “ذخیره” کلیک کنید.

پس از آن ، می توانید به وب سایت وردپرس خود مراجعه کنید تا پیش نمایش زنده کد کوتاه را در ابزارک نوار کناری مشاهده کنید.

افزودن کد کوتاه در Old WordPress Classic Editor

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

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

shortcode classic editor

فراموش نکنید که تغییرات خود را ذخیره کنید. پس از آن می توانید پست و صفحه خود را پیش نمایش کنید تا کد کوتاه را در عمل مشاهده کنید.

نحوه افزودن کد کوتاه در پرونده های قالب وردپرس

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

وردپرس انجام این کار را آسان می کند ، اما شما باید فایل های قالب وردپرس خود را ویرایش کنید. اگر قبلاً این کار را انجام نداده اید ، راهنمای ما در مورد نحوه کپی و جایگذاری کد در وردپرس را ببینید .

همچنین بخوانید:   نحوه کدگذاری وب سایت (راهنمای کامل مبتدیان)

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

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

 

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

چگونه کد کوتاه سفارشی خود را در وردپرس ایجاد کنیم

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

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

// function that runs when shortcode is called
function wpb_demo_shortcode() {


// Things that you want to do.
$message = 'Hello world!';


// Output needs to be return
return $message;
}
// register shortcode
add_shortcode('greeting', 'wpb_demo_shortcode');

 

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

اکنون می توانید با استفاده از کد زیر از این کد کوتاه به پست ها ، صفحات و ابزارک های خود استفاده کنید:

[تبریک]

این عملکردی را که ایجاد کرده اید اجرا کرده و خروجی مورد نظر را نشان می دهد.

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

// The shortcode function
function wpb_demo_shortcode_2() {


// Advertisement code pasted inside a variable
$string .= '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-format="fluid"
     data-ad-layout="in-article"
     data-ad-client="ca-pub-0123456789101112"
     data-ad-slot="9876543210"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>';


// Ad code returned
return $string;


}
// Register shortcode
add_shortcode('my_ad_code', 'wpb_demo_shortcode_2');

 

فراموش نکنید که کد تبلیغات را با کد تبلیغات خود جایگزین کنید.

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

کد کوتاه در مقابل بلوک های گوتنبرگ

کاربران اغلب از ما در مورد تفاوت میان کد کوتاه در مقابل بلوک های جدید گوتنبرگ سوال می کنند.

اساساً اگر کد کوتاه را مفید می دانید ، بلوک های ویرایشگر وردپرس را دوست خواهید داشت. بلوک ها به شما امکان می دهند همان کار را انجام دهید اما به روشی کاربرپسندتر.

بلاک ها به جای اینکه از کاربران بخواهند برای نمایش محتوای پویا کد کوتاه اضافه کنند ، به کاربران اجازه می دهند محتوای پویا را در داخل پست ها / صفحات با رابط کاربری بصری تری اضافه کنند. بسیاری از افزونه های محبوب وردپرس به دلیل دوستانه تر بودن برای مبتدیان ، به جای استفاده از کد کوتاه به استفاده از بلوک های Gutenberg روی آورده اند.

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

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

امیدواریم این مقاله به شما کمک کند یاد بگیرید چگونه می توانید کد کوتاه را در وردپرس اضافه کنید

اگر این مقاله را دوست داشتید ، لطفاً برای آموزش های ویدئویی وردپرس در کانال YouTube ما مشترک شوید . همچنین می توانید ما را در توییتر و فیس بوک پیدا کنید .

منابع:

How to Add a Shortcode in WordPress? (Beginner’s Guide)

 

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

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

دنبال چی میگردی؟

اگر چیزی پیدا نکردی به پشتیبانی پیام بده