استفاده از شورت کد وردپرس یا کد کوتاه وردپرس راهی آسان برای افزودن محتوای پویا به پست ها و صفحات در وردپرس می باشد. بسیاری از افزونه های وردپرس و قالب های وردپرس از shortcode برای افزودن محتوای تخصصی مانند فرم های تماس، گالری های تصویر، اسلایدر و موارد دیگر استفاده می کنند. در این مقاله ، ما به شما نشان خواهیم داد که چگونه به راحتی کد کوتاه خود را در وردپرس اضافه کنید و نشان خواهیم داد که چگونه شورت کد سفارشی شده خود را در وردپرس ایجاد کنید.
شورت کد وردپرس (shortcode) چیست؟
کد کوتاه در وردپرس، قطعه کدی ساده است که به شما اجازه می‌دهد محتوای پویا و کاربردی را به راحتی در نوشته‌ها، برگه‌ها و ابزارک‌های سایت خود اضافه کنید. این کدها داخل براکت‌های مربعی [ ] نوشته می‌شوند و باعث می‌شوند بخش‌های مختلفی مانند فرم تماس، گالری تصاویر، تبلیغات بنری و پست‌های مرتبط به صورت خودکار نمایش داده شوند، بدون نیاز به نوشتن کدنویسی پیچیده. وردپرس برای جلوگیری از ورود کدهای مخرب، اجازه اجرای مستقیم کد PHP در مطالب را نمی‌دهد؛ اما با استفاده از API کد کوتاه، توسعه‌دهندگان می‌توانند توابع مخصوص خود را تعریف کنند و آنها را به صورت کد کوتاه در اختیار کاربران قرار دهند. به این ترتیب، کاربران بدون دانش فنی می‌توانند به آسانی این امکانات را در سایت خود استفاده کنند. در این مقاله، به شما آموزش می‌دهیم چطور به سادگی کدهای کوتاه را در پست‌ها و صفحات وردپرس اضافه و اجرا کنید تا سایتتان حرفه‌ای‌تر و جذاب‌تر شود.
چگونه شورت کد را به وردپرس اضافه کنیم؟
برای اضافه کردن شورت‌کد در وردپرس، ابتدا پست یا صفحه موردنظر خود را ویرایش کنید و با استفاده از بلوک «کد کوتاه» در ویرایشگر گوتنبرگ، کد موردنظر را وارد کنید. همچنین می‌توانید شورت‌کدها را در ابزارک‌های نوار کناری با افزودن ابزارک «متن» قرار داده و کد را در آن وارد کنید. اگر از ویرایشگر کلاسیک استفاده می‌کنید، کافیست شورت‌کد را در محل دلخواه صفحه یا نوشته وارد کرده و ذخیره کنید. برای استفاده پیشرفته‌تر، می‌توانید شورت‌کدها را مستقیماً در فایل‌های قالب وردپرس با تابع do_shortcode() قرار دهید تا خروجی آن در سایت نمایش داده شود. این روش‌ها به شما امکان می‌دهند بدون نیاز به دانش برنامه‌نویسی، قابلیت‌های پویا و متنوع را به سایت وردپرسی خود اضافه کنید.
- افزودن شورت‌کد با ویرایشگر گوتنبرگ
- استفاده از ابزارک‌های نوار کناری
- افزودن شورت‌کد با ویرایشگر کلاسیک
- افزودن شورت‌کد در فایل‌های قالب وردپرس
1. افزودن شورت‌کد با ویرایشگر گوتنبرگ
ابتدا باید پست (نوشته) و صفحه ای (برگه وردپرس) را که می خواهید شورت کد وردپرس را به آن اضافه کنید ویرایش کنید. پس از آن ، باید روی دکمه “افزودن بلوک” کلیک کنید و کد کوتاه را انتخاب کنید تا یک بلوک کد کوتاه وارد کنید.
پس از افزودن بلوک کد کوتاه، می توانید shortcode وردپرس خود را در تنظیمات بلوک وارد کنید. کد های کوتاه توسط افزونه های مختلف وردپرس ارائه می شود که می توانید از آن ها استفاده کنید. به عنوان مثال افزونه گرویتی فرمز برای فرم های تماس و غیره از جمله افزونه هایی هستند که می توانند به شما کمک کنند. پس از وارد کردن کد می توانید پست یا صفحه خود را ذخیره کرده و تغییرات خود را پیش نمایش کنید و کد کوتاه را مشاهده کنید.
2. افزودن shortcode وردپرس در ابزارک های نوار کناری
شما همچنین می توانید از شورت کد وردپرس در نوار کناری وردپرس استفاده کنید. به قسمت “نمایش” و گزینه “ابزارک” را انتخاب کرده و ابزارک “متن” را به نوار کناری اضافه کنید.
اکنون می توانید کد کوتاه خود را در داخل متن ویجت قرار دهید. فراموش نکنید که برای ذخیره تنظیمات بر روی دکمه “ذخیره” کلیک کنید. پس از آن ، می توانید به وب سایت خود مراجعه کنید تا پیش نمایش زنده کد کوتاه را در ابزارک نوار کناری مشاهده کنید.
3. افزودن کد کوتاه در ویرایشگر کلاسیک وردپرس
اگر هنوز از ویرایشگر کلاسیک قدیمی در وردپرس استفاده می کنید، در اینجا نحوه ایجاد شورت کد وردپرس به پست ها و صفحات وردپرس خود آورده شده است. با استفاده از این ابزار می توانید به سادگی پست و صفحه ای را که می خواهید کد کوتاه وردپرس را به آن اضافه کنید را ویرایش کنید. همچنین می توانید کد کوتاه را در هر جایی از وب سایت خود که می خواهید نمایش داده شود ، جایگذاری کنید. فراموش نکنید که تغییرات خود را ذخیره کنید و پس از آن می توانید پست و صفحه خود را مشاهده کنید.
شورت کد وردپرس در پرونده های قالب وردپرس چگونه وارد کنیم؟
گاهی اوقات ممکن است بخواهید از یک کد کوتاه در داخل فایل قالب وردپرس استفاده کنید. وردپرس انجام این کار را برای شما آسان کرده است و شما به راحتی میی توانید فایل های قالب وردپرس خود را ویرایش کنید. شما می توانید با اضافه کردن کد زیر، به فایل هر قالب در وردپرس کد کوتاه را اضافه کنید.
[code language=”php”] php echo do_shortcode(“[your_shortcode]”); ?> ?>[/code]
با اضافه کردن این کد، وردپرس به دنبال کد کوتاه می رود و خروجی آن را در قالب شما نمایش می دهد.
چگونه کد کوتاه سفارشی شده خود را در وردپرس ایجاد کنیم؟
وقتی می خواهید محتوای پویا و یا کد سفارشی را در داخل پست ها و صفحات اضافه کنید، شورت کد وردپرس می تواند بسیار مفید باشد. با این حال، اگر می خواهید یک کد کوتاه سفارشی شده ایجاد کنید باید چند خط کد را وارد فایل های خود کنید. در اینجا یک کد نمونه آورده شده است که می توانید به عنوان الگو استفاده کنید.
[code language=”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’);
[/code]
در این کد، ابتدا تابعی ایجاد کردیم که برخی از کدها را اجرا می کند و خروجی را برمی گرداند. پس از آن ، ما کد کوتاه جدیدی به نام “خوش آمد گویی” ایجاد کردیم و به وردپرس دستور دادیم عملکردی را که ایجاد کردیم را اجرا کند.
اکنون می توانید این کد کوتاه را به پست ها ، صفحات و ابزارک های خود اضافه کنید. حال بیایید نگاهی به کاربرد عملی تر کد کوتاه بیندازیم. در این مثال، ما یک بنر Google AdSense را در داخل کد کوتاه نمایش خواهیم داد.
[code language=”php”]
// 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’);
[/code]
فراموش نکنید که کد تبلیغات را با کد موردنظر خود جایگزین کنید. اکنون می توانید کد کوتاه [my_ad_code] را در داخل پست های وردپرس ، صفحات و ابزارک های نوار کناری خود استفاده کنید. وردپرس به طور خودکار عملکرد مرتبط با شورت کد وردپرس را اجرا کرده و کد تبلیغات را نمایش می دهد.
شورت کد ووکامرس چیست و چه کاربردی دارد؟
شورت‌کدهای ووکامرس نمونه‌ای از کدهای کوتاه وردپرس هستند که به شما امکان می‌دهند بخش‌های مختلف فروشگاه آنلاین خود را بدون نیاز به دانش برنامه‌نویسی به راحتی مدیریت و سفارشی کنید. این کدها، که معمولاً در قالب براکت‌های کوتاه قرار می‌گیرند، عملکردهای متنوعی مانند نمایش محصولات، سبد خرید، پروفایل کاربری و رهگیری سفارش را به وب‌سایت شما اضافه می‌کنند. استفاده از این شورت‌کدها باعث می‌شود بتوانید استراتژی‌های مختلف فروش و نمایش محصولات را آزمایش کرده و به سرعت سایت خود را متناسب با نیازهای مشتریان بهینه کنید.
همچنین، شورت‌کدهای ووکامرس به شما این امکان را می‌دهند تا طراحی صفحات فروشگاه را به صورت سفارشی و منحصر به فرد تنظیم کنید و بخش‌هایی از سایت را که معمولاً دسترسی به آنها دشوار است، مانند هدر یا سایدبار، با محتوای دلخواه پر کنید. این قابلیت‌ها باعث بهبود کارایی سایت، افزایش انعطاف‌پذیری و ارائه تجربه کاربری بهتر می‌شود و توسعه‌دهندگان می‌توانند طرح‌بندی‌های پیچیده و منحصربه‌فردی را بدون محدودیت‌های قالب‌های استاندارد وردپرس ایجاد کنند. مزایای استفاده از شورت‌کدهای ووکامرس:
- بهبود کارایی: اجرای سریع‌تر عملکردهای فروشگاهی بدون نیاز به کدنویسی پیچیده
- امکان سفارشی‌سازی گسترده: قابلیت تنظیم دقیق نمایش محصولات و صفحات فروشگاه بر اساس نیازهای خاص
- دسترسی به محتوای غیرقابل دسترس: افزودن محتوای سفارشی در بخش‌هایی مانند هدر، سایدبار و دیگر مناطق غیرقابل ویرایش قالب
- طرح‌بندی‌های منحصر به فرد: ایجاد صفحات فروشگاه با ساختارهای خاص و پیشرفته فراتر از قالب‌های استاندارد وردپرس
نکاتی که هنگام استفاده از شورت کد ووکامرس باید رعایت کنید
همانطور که می دانید، کدهای کوتاه وردپرس و ووکامرس مسلما یکی از ساده ترین راه ها برای قرار دادن محتوای پویا در سایت شما هستند. با این حال، در حین استفاده از کدهای کوتاه، باید به نکات زیر دقت کنید:
به کدهای کوتاه وابسته نباشید
استفاده از کدهای کوتاه برای مبتدیان وردپرس قطعا آسان است. با این حال، کارشناسان توصیه می کنند که بیش از حد لازم از آن ها استفاده نکنید. اگر از کدهای کوتاه مخصوص یک قالب برای ترکیب عناصر بصری استفاده می کنید، به یاد داشته باشید که از آن ها در همه پست های خود اضافه نکنید. زیرا، اگر قالب را تغییر دهید، پس از حذف آن تمام کدهای کوتاه بی‌فایده خواهند بود. در چنین مواقعی، ممکن است مجبور شوید کدهای کوتاه را به صورت دستی از همه پست ها حذف کنید.
کدهای کوتاه را از سایت خود پنهان کنید
در صورتی که در تعداد زیادی از پست‌ها از یک کد کوتاه خاص استفاده کرده باشید و قالب را تغییر دهید، متن کد کوتاه نمایش داده می‌شود. این ممکن است در ظاهر سایت شما بسیار عجیب به نظر برسد. از دو طریق می توانید از این مشکل جلوگیری کنید. می توانید کد کوتاه را به صورت دستی از همه پست هایی که اضافه کرده اید حذف کنید، و یا می توانید از کد رو به رو در فایل functions.php قالب خود استفاده کنید: [code language=”php”]add_shortcode( ‘yourshortcode’, ‘__return_false’ );[/code]
هنگامی که از این کد استفاده کنید، هیچ خروجی از کد کوتاه در سایت خود وجود نخواهد داشت و متن کد کوتاه در سایت شما نمایش داده نمی شود.
کدهای کوتاه را با دقت نامگذاری کنید
اگر در حال ایجاد کدهای کوتاه خود هستید، نام آن ها را با دقت انتخاب کنید. این کار از هرگونه تضاد با کدهای کوتاه سایر افزونه‌هایی که نام مشابهی دارند، جلوگیری می کند. همچنین به وضوح آن ها را برای مراجعات بعدی خود داکیومنت کنید. اگر از کدهای کوتاه موجود با قالب و یا افزونه استفاده می کنید، قبل از استفاده از آن ها، مستندات را به دقت بخوانید. قبل از افزودن کد کوتاه در پست ها یا صفحات خود، باید درک روشنی از آن ها داشته باشید.
برخی از کد های کوتاه ووکامرس
همانطور که گفته شد، یکی از مزایای ووکامرس قابلیت استفاده از شورت‌کد ها در وب سایت است. شما می توانید از آن ها برای قرار دادن محتوا در پست ها و صفحات مختلف استفاده کنید. در ادامه برخی از پر کاربرد ترین شورت‌کد های ووکامرس را معرفی خواهیم کرد:
کدهای کوتاه برای نمایش محصولات
- نمایش دسته‌بندی محصولات: [product_category category=”wear” per_page=”12″ columns=”4″ orderby=”default” order=”asc”]
- نمایش محصولات ویژه: [featured_products per_page=”6″ columns=”3″ orderby=”date” order=”DESC”]
- نمایش محصولات پرفروش: [sale_products per_page=”6″ columns=”3″ orderby=”date” order=”DESC”]
- نمایش محصولات برتر با رتبه‌بندی: [top_rated_products per_page=”6″ columns=”3″ orderby=”date” order=”ASC”]
- نمایش محصولات مرتبط: [related_products per_page=”3″]
کدهای کوتاه برای صفحات مختلف ووکامرس
- نمایش سبد خرید: [woocommerce_cart]
- نمایش صفحه پرداخت: [woocommerce_checkout]
- نمایش صفحه پیگیری سفارش: [woocommerce_order_tracking]
- نمایش صفحه حساب من: [woocommerce_my_account]
کد کوتاه افزودن به سبد خرید
- [add_to_cart id=”99″ style=”border:4px solid #ccc; padding:12px;” class=”CSS-CLASS”]
کدهای کوتاه جستجو و فیلتر محصولات
- نمایش کادر جستجوی محصولات: [woocommerce_product_search]
- فیلتر بر اساس نام محصول: [woocommerce_product_filter]
- فیلتر بر اساس ویژگی محصول: [woocommerce_product_filter_attribute]
- فیلتر بر اساس دسته‌بندی محصولات: [woocommerce_product_filter_category]
- فیلتر بر اساس قیمت محصول: [woocommerce_product_filter_price]
جمع‌بندی شورت کد وردپرس و ووکامرس
شورت‌کدهای وردپرس و ووکامرس ابزاری فوق‌العاده برای افزودن محتوای پویا و ویژگی‌های پیشرفته به سایت شما بدون نیاز به دانش برنامه‌نویسی هستند. با این کدهای کوتاه می‌توانید به راحتی بخش‌هایی مانند فرم‌های تماس، گالری‌ها، محصولات فروشگاه، سبد خرید و حتی طرح‌بندی‌های سفارشی را در هر نقطه از وب‌سایت خود قرار دهید. علاوه بر این، ووکامرس مجموعه‌ای از شورت‌کدهای اختصاصی برای مدیریت و نمایش عناصر فروشگاهی ارائه می‌دهد که انعطاف‌پذیری طراحی و کنترل عملکرد فروشگاه را چند برابر می‌کند.
نید
سوالات متداول
شورت‌کد وردپرس چه تفاوتی با بلوک‌های گوتنبرگ دارد؟
آیا می‌توان شورت‌کد اختصاصی بدون افزونه ساخت؟
شورت‌کدها در سئو سایت چه نقشی دارند؟
نویسنده شقایق گیگلو
سایر مقالات نویسنده
مطالب مشابه
