شورت کد وردپرس (short code) مسیر میانبری است که به شما اجازه می‌دهد بدون دانش برنامه‌نویسی هم تغییرات چشمگیری در سایت خود ایجاد کنید. اگر زمان تلفن‌های سیمی را به‌خاطر بیاورید، شماره‌های ضروری را می‌شناسید. مادر و پدرها شمارهٔ خودشان را روی اعداد ۳ و ۴ ذخیره می‌کردند و ما به‌عنوان کودک با شماره‌گیری عدد ۳ می‌توانستیم با مادر تماس بگیریم. در دنیای توسعه وبسایت، کدهای کوتاه همین کار را برای کاربران غیر توسعه‌دهندهٔ CMSها انجام می‌دهند.
کافی است بدانید انواع شورت کدهای وردپرس چه هستند و چطور می‌توانید آنها را ایجاد کنید؛ که در این مقاله هر دو را تمام و کمال خواهید خواند.
با هاست وردپرس ایران‌سرور، سرعت فوق‌العاده و امنیت پولادین را تجربه کنید.
شورت کد وردپرس چیست؟
کد کوتاه در وردپرس، شامل چند کاراکتر ساده و قابل فهم است که به‌صورت خلاصه به تمام کدهایی که برای اجرای یک عملکرد خاص نیاز دارید، اشاره می‌کند. وردپرس برای اطمینان از عدم استفادهٔ کدهای مخرب در محتوا، به شما اجازه نوشتن کد PHP را نمی‌دهد. اما با استفاده از HTML می‌توانید عبارت‌های مختصری که به عنوان کد کوتاه شناخته می‌شوند و داخل کروشه قرار می‌گیرند را درج کنید و همان کاربری را بگیرید.
به‌طور مثال به‌جای تایپ کردن چندین خط کد برای نمایش گالری، می‌توانید عبارت [Gallery] را در وردپرس تایپ کنید و به سادگی یک گالری تصاویر به صفحه اضافه کنید.
آموزش افزودن کد کوتاه در وردپرس
برای ایجاد شورت کد وردپرس، چندین روش مختلف وجود دارد که می‌توانید با توجه به نیاز خود از آنٔ‌ها استفاده کنید. در ادامه، مراحل مختلف برای افزودن شورت کد به پست‌ها، صفحات، ابزارک‌های نوار کناری و فایل‌های قالب وردپرس را با جزییات خواهید دید.
بیشتر بخوانید: لیست بهترین قالب های فروشگاهی وردپرس به همراه مقایسه مزایا و معایب هریک در این مقاله جمع آوری شده است.
افزودن شورت کد در پست‌ها و صفحات وردپرس
- ویرایش پست یا صفحه: ابتدا پست یا صفحه‌ای که می‌خواهید شورت کد را در آن اضافه کنید، ویرایش کنید.
- افزودن بلاک شورت کد: روی دکمه افزودن بلاک «+» کلیک کرده و بلاک شورت کد را انتخاب کنید.
- وارد کردن شورت کد: شورت کد مورد نظر خود را در تنظیمات بلاک وارد کنید.
- ذخیره و پیش‌نمایش: پست یا صفحه را ذخیره کرده و پیش‌نمایش را ببینید تا نتیجه شورت کد را مشاهده کنید.
افزودن شورت کد در ویجت‌های سایدبار وردپرس
برای دسترسی به بخش ویجت‌ها یا همان ابزارک‌ها، در منوی سمت راست پیشخوان روی نمایش کلیک کرده و از زیر منوی آن ابزارک‌ها را انتخاب کنید.
- رفتن به صفحه ویجت‌ها: از بخش «نمایش» وارد صفحه «ویجت‌ها» یا ابزارک شوید.
- افزودن ویجت شورت کد: یک ویجت شورت کد به سایدبار اضافه کنید.
- وارد کردن شورت کد: شورت کد را در بخش متنی ویجت وارد کنید.
- ذخیره ویجت: روی دکمه «به‌روزرسانی» کلیک کنید و نتیجه را در وبسایت خود مشاهده کنید.
افزودن شورت کد در ویرایشگر کلاسیک وردپرس
- ویرایش پست یا صفحه: پست یا صفحه‌ای که می‌خواهید شورت کد را در آن اضافه کنید، ویرایش کنید.
- وارد کردن شورت کد: شورت کد را در ویرایشگر کلاسیک و در خطی جداگانه وارد کنید.
- ذخیره و پیش‌نمایش: تغییرات را ذخیره کرده و پیش‌نمایش را ببینید.
افزودن شورت کد در فایل‌های قالب وردپرس
- ویرایش فایل‌های قالب: به فایل‌های قالب خود دسترسی پیدا کرده و آنها را ویرایش کنید.
- اضافه کردن کد PHP: کد زیر را در محل مناسب فایل قالب خود اضافه کنید:
روش ایجاد شورت کد وردپرس با استفاده از افزونه
ایجاد شورت کد با استفاده از افزونه در وردپرس (افزونه وردپرس چیست؟) ساده و کارآمد است. یکی از افزونه‌های محبوب برای این کار WPCode است که به شما امکان می‌دهد به سادگی شورت کدهای سفارشی ایجاد کنید. در ادامه مراحل انجام این کار توضیح داده شده است:
1. نصب و فعال‌سازی افزونه WPCode
ابتدا افزونه WPCode را نصب و فعال کنید. برای این کار به مسیر «افزونه‌ها» » «افزودن» در داشبورد وردپرس بروید و عبارت “WPCode” را جستجو کنید. پس از پیدا کردن افزونه، روی «نصب» و سپس «فعال‌سازی» کلیک کنید.
2. ایجاد شورت کد جدید
پس از فعال‌سازی افزونه، در داشبورد وردپرس به مسیر «WPCode» » «Snippet Library» بروید. سپس روی دکمه «Add New» کلیک کنید.
3. انتخاب نوع کد
از بین گزینه‌های موجود، «Add Your Custom Code یا New Snippet» را انتخاب کنید. یک نام برای شورت کد خود وارد کرده و نوع کد را روی PHP Snippet قرار دهید.
4. وارد کردن کد PHP
در بخش کد، کد PHP مورد نظر خود را وارد کنید. مثلاً برای ایجاد یک شورت کد ساده که پیامی را نمایش می‌دهد، می‌توانید از کد زیر استفاده کنید:
| function wpb_demo |
5. ذخیره و فعال‌سازی شورت کد
پس از وارد کردن کد، روی دکمه «Save» کلیک کنید و سپس اسنیپت را فعال کنید.
6. استفاده از شورت کد
اکنون می‌توانید شورت کد ایجاد شده را در پست‌ها، صفحات و ابزارک‌های خود استفاده کنید. برای این کار کافی است شورت کد [greeting] را در هر جایی که می‌خواهید محتوا نمایش داده شود وارد کنید.
با استفاده از افزونه WPCode، می‌توانید به راحتی شورت کدهای سفارشی خود را مدیریت و ویرایش کنید و امکانات بیشتری به وبسایت خود اضافه کنید.
لیست شورت کدهای وردپرس
شورتکدهای وردپرس به سه دسته اصلی تقسیم می‌شوند: شورتکدهای پیش‌فرض، شورتکدهای افزونه‌ها و شورتکدهای سفارشی. شورتکدهای پیش‌فرض شامل ابزارهای اساسی وردپرس هستند، شورتکدهای افزونه‌ها قابلیت‌های بیشتری را از طریق افزونه‌های نصب‌شده ارائه می‌دهند، و شورتکدهای سفارشی به شما اجازه می‌دهند که قابلیت‌های دلخواه خود را با کدنویسی اضافه کنید.
شورتکدهای پیش‌فرض وردپرس
وردپرس به طور پیش‌فرض دارای شورت کدهایی است که به کاربران امکان می‌دهد تا به راحتی محتوای مختلفی را به پست‌ها و صفحات خود اضافه کنند. این شورت کدها شامل گالری تصاویر، پخش کننده صوتی و ویدئویی و موارد دیگر می‌شوند.
۱. کد کوتاه گالری
با استفاده از شورت کد [ Gallery ]، می‌توانید یک گالری از تصاویر را در سایت یا مقاله خود قرار دهید. این گالری می‌تواند شخصی‌سازی شود؛ یعنی می‌توانید برای هر قسمت ویژگی‌هایی مثل رنگ و ابعاد تعیین کنید
- پارامترها: ids (شناسه‌های تصاویر)، columns (تعداد ستون‌ها)، size (اندازه تصاویر).
- مثال:
[ gallery ids=”1,2,3″ columns=”3″ size=”medium”]
۲. کد کوتاه فایل صوتی
این شورت کد به شما اجازه می‌دهد تا یک فایل صوتی را در پست‌ها و صفحات خود پخش کنید. می‌توانید فایل صوتی را به صورت خودکار پخش یا تکرار کنید.
- پارامترها: src (لینک فایل صوتی)، loop (تکرار خودکار)، autoplay (پخش خودکار).
- مثال:
[ audio src=”path/to/audio.mp3″ loop=”true” autoplay=”true”]
۳. شورت کد ویدئو در وردپرس
شورت کد [ video ] یک پخش‌کننده ویدئویی ساده به صفحه اضافه می‌کند. یادتان باشد که این قطعه کد از پسوندهای MP4، M4V، webm، ogv، wmv و flv پشتیبانی می‌کند.
داخل ” ” در کد زیر، باید URL ویدئوی خود را وارد کنید.
شما می‌توانید ویدئوها را با پارامترهای مختلفی مانند پوستر ویدئو، تکرار خودکار و پخش خودکار سفارشی کنید.
- پارامترها: src (لینک فایل ویدئویی)، poster (لینک تصویر پیش‌نمایش)، loop (تکرار خودکار)، autoplay (پخش خودکار).
- مثال:
[ video src=”path/to/video.mp4″ poster=”path/to/poster.jpg” loop=”true” autoplay=”true”]
۴. شورتکد کپشن در وردپرس
این شورت کد برای اضافه کردن کپشن به تصاویر استفاده می‌شود. می‌توانید با استفاده از این شورت کد، توضیحات و تراز تصویر را تنظیم کنید.ID کپشن یک شناسه منحصربه‌فرد HTML است؛ یعنی قبلا در مطلبی کپشن را نوشته‌اید و حالا ID آن را اینجا وارد می‌کنید. در بخش img source هم باید آدرس عکس یا فایلی که می‌خواهید کپشن برای آن نوشته شود را وارد کنید.
-
-
-
- پارامترها: id (شناسه تصویر)، align (تراز تصویر)، width (عرض تصویر).
-
-
-
-
-
- مثال:
-
-
[ caption id=”attachment_1″ align=”aligncenter” width=”300″]این یک کپشن است.
۴. کد کوتاه لینک در وردپرس
شورت کدهای پرکاربرد افزونه‌ها
بسیاری از افزونه‌های محبوب وردپرس شورت کدهای خاص خود را دارند که امکانات متنوعی را فراهم می‌کنند. در این بخش، به برخی از این شورت کدها می‌پردازیم.
۱. شورتکد افزونه Contact Form 7
این شورت کد برای نمایش فرم‌های تماس ساخته شده با افزونه Contact Form 7 استفاده می‌شود. با استفاده از این شورت کد می‌توانید به راحتی فرم‌های تماس خود را در پست‌ها و صفحات تعبیه کنید.
- شورت کد:
[contact-form-7 id=”1234″ title=”Contact form 1″]
۲. شورتکد افزونه WPForms
افزونه WPForms نیز دارای شورت کدی است که به شما امکان می‌دهد فرم‌های ساخته شده خود را در هر نقطه از سایت نمایش دهید.
- شورت کد:
[wpforms id=”1234″]
۳. شورتکد افزونه OptinMonster
این شورت کد برای نمایش کمپین‌های ساخته شده با افزونه OptinMonster استفاده می‌شود. می‌توانید از این شورت کد برای نمایش فرم‌های ثبت‌نام و بازاریابی استفاده کنید.
- شورت کد:
[optin-monster slug=”my-campaign”]
افزودن شورت کدهای سفارشی به وردپرس
علاوه بر شورت کدهای پیش‌فرض و افزونه‌ها، می‌توانید شورت کدهای سفارشی خود را نیز ایجاد کنید. این شورت کدها به شما امکان می‌دهند تا قابلیت‌های خاصی که در ۶ دستهٔ پیش‌فرض نبودند را به وبسایت خود اضافه کنید.
۱. شورت کد نمایش پیام ساده
با استفاده از کد PHP زیر، می‌توانید یک شورت کد سفارشی برای نمایش پیام ساده ایجاد کنید.
کد PHP:
|
function wpb_demo_shortcode() { $message = ‘Hello world!’; return $message; } add_shortcode(‘greeting’, ‘wpb_demo_shortcode’ ); |
- استفاده از جایگزین شورتکد : [greeting]
۲. شورتکد نمایش تبلیغات Google AdSense
با استفاده از کد PHP زیر، می‌توانید یک شورت کد سفارشی برای نمایش تبلیغات Google AdSense ایجاد کنید.
کد PHP:
|
$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>’; return $string; } add_shortcode(‘my_ad_code’, ‘wpb_demo_shortcode_2’); |
- استفاده از شورتکد جایگزین: [my_ad_code]
استفاده از شورتکدها در هدر و فوتر وردپرس
این شورت کد می‌تواند به صورت یک CTA در فوتر سایت باشد. در ادامه به بررسی عملکرد تابع do_shortcode() می‌پردازیم.
اگر قصد استفاده از یک شورتکد را در سایت خود دارید، می‌توانید از توابع header.php و footer.php استفاده کنید.
<?php echo do_shortcode(“[name_of_your_shortcode]”); ?>
یکی از نمونه‌های استفاده توابع هدر و فوتر و استفاده از Do_shortcode را می‌گوییم.
با استفاده از این دستورالعمل، می‌توانید یک کال تو اکشن ایجاد کنید. این شورت کد را در خاطر داشته باشید. مسلماً استفاده‌های زیادی از آن خواهید کرد. استفاده از براکت را فراموش نکنید و یادتان باشد در قطعه کد بالا به جای عبارت داخل براکت، آنچه می خواهید نمایش داده شود را بنویسید.
کجا باید اسکریپت‌های شورت کد را اضافه کنیم؟
شما می‌توانید اسکریپت‌های شورت کد را به فایل function.php یا در یک افزونه اضافه کنید.
در صورت اضافه کردن تغییرات به فایل، می‌توانید تابع add_shortcode () را اجرا کنید؛ اما اگر از افزونه استفاده می‌کنید، بهتر است بعد از اجرای کامل وردپرس آن را تنظیم کنید. البته باید مطمئن شوید که از طریق تابع دیگری فراخوانی نمی‌شود. مثال زیر را ببینید:
function shortcodes_init(){
add_shortcode( ‘shortcode_name’, ‘shortcode_handler_function’ );
}
add_action(‘init’, ‘shortcodes_init’);
تابع add_action () زیر مجموعه تابع shortcodes_init قرار می‌گیرد و پس از اجرای این دستورالعمل اجرا می‌شود.
جمع‌بندی
حالا می‌دانید که شورت کد وردپرس ابزار بسیار قدرتمندی است که امکان افزودن محتوا و قابلیت‌های پویا را به سادگی فراهم می‌کند. با استفاده از شورتکدهای پیش‌فرض و سفارشی، می‌توانید تجربه کاربری بهتری برای بازدیدکنندگان وبسایت خود فراهم کنید. با یادگیری و استفاده از این شورتکدها، می‌توانید محتوای خود را به بهترین شکل ممکن به نمایش بگذارید. اگر دربارهٔ این راه میانبر عملکردها در وردپرس سوالی دارید، در بخش کامنت‌ها آماده پاسخگویی به شما هستیم.
سوالات متداول:
1. چگونه می‌توانم شورت کدهای سفارشی خود را در وردپرس ایجاد کنم؟
برای ایجاد شورت کد سفارشی، کد PHP زیر را به فایل functions.php قالب خود اضافه کنید یا از افزونه‌هایی مانند WPCode استفاده کنید. این افزونه‌ها خروجی را به شکلی که باید در وردپرس جایگذاری شوند ارائه می‌کنند.
2. آیا می‌توانم از شورت کدها در ویجت‌های نوار کناری استفاده کنم؟
بله، برای این کار به مسیر «نمایش» » «ابزارک‌ها» بروید و ویجت «Shortcode» را به نوار کناری اضافه کنید. سپس شورت کد مورد نظر را در بخش متنی ویجت وارد کرده و تغییرات را ذخیره کنید.
3. تفاوت بین شورت کدها و بلوک‌های گوتنبرگ در وردپرس چیست؟
شورت کدها متنی و داخل کروشه قرار می‌گیرند، در حالی که بلوک‌های گوتنبرگ رابط کاربری گرافیکی دارند و کاربرپسندتر هستند. بلوک‌ها برای افزودن محتوای پویا بدون نیاز به تایپ شورت کدها مناسب‌اند و استفاده از آنها برای کاربران مبتدی آسان‌تر است.
4. مزایای استفاده از شورتکد چیست؟
- شورتکدها اضافه کردن ویژگی‌های پیچیده به سایت‌های وردپرس را ساده می‌کنند.
- شورتکد به صورت خودکار گردش کار را برای پیشرفت انجام می‌دهد. به‌طور کلی روند کار بسیار راحت شده است، به‌طوری که به‌صورت اتوماتیک، اسکریپت‌های پیچیده را حذف می‌کند.
- شورتکدها کاملا User friendly هستند.
- شورتکدها چون در پلاگین‌ها قرار می‌گیرند، حتی اگر وردپرس را به‌روز کنید هم معتبر هستند و کار خود را انجام می‌دهند.
5. معایب استفاده از شورتکد چیست؟
- کاربران در زمان کار با سایت متوجه شورتکدها نمی‌شوند. اگر تعداد این قطعه کدها در هر صفحه زیاد باشد، اصلا تجربه خوشایندی ایجاد نمی‌کنند؛ یعنی استفاده از این کدها بیشتر به نفع برنامه نویس است تا کاربر.
- کدها در صورت عوض شدن موضوع از کار می‌افتند.
- به دلیل بعضی تفاوت‌ها با کدهای HTML، ممکن است سایت شما با مشکل روبه‌رو شود. استفاده از شورتکدها در قسمت جلوی سایت خوب نیست.
