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

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

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

شورت کد وردپرس چیست؟ کد کوتاه در وردپرس یک نوع کد میانبر است که به شما برای ساخت محتوای پویا در پست ها ، صفحات و ابزارک های نوار کناری کمک می کند. برای کسب اطلاعات بیشتر مقاله (شورت کد در وردپرس چیست را مطالعه کنید) شورت کدها در وردپرس در داخل براکت ها  همانند کد زیر نمایش داده می شوند:

[myshortcode]

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

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

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

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

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

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

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

اضافه کردن کد کوتاه در پست ها و صفحات وردپرس | افزودن شورت کد به وردپرس
افزودن شورت کد به وردپرس

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

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

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

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

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

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

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

افزودن شورت کد در ویرایشگر کلاسیک (قدیمی) وردپرس

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

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

افزودن شورت کد در ویرایشگر کلاسیک (قدیمی) وردپرس
افزودن شورت کد در ویرایشگر کلاسیک (قدیمی) وردپرس

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

آموزش ساخت شورت کد در قالب وردپرس

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

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

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

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

آموزش ایجاد و ساخت شورت کد شخصی خود در وردپرس

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

اگر با زبان برنامه نویسی PHP آشنا هستید، در زیر یک نمونه کد برای ایجاد شورت کد در وردپرس قرار دادیم که می توانید به عنوان نمونه (الگو) از آن استفاده کنید. همچنین می توانید از مقاله Function Reference/add shortcode یا Shortcode API کدکس وردپرس استفاده کنید.

// 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');

در این کد ، ابتدا تابعی را ایجاد کردیم که مقداری کد را اجرا می کند و خروجی را برمی گرداند. پس از آن ، سپس یک کد کوتاه جدید به نام  ‘greeting’  ایجاد کردیم و به وردپرس گفتیم که عملکردی (تابعی) را که ایجاد کردیم را اجرا کند.

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

[greeting]

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

حال اجازه دهید یک مثال کاربردی تر از یک کد کوتاه در وردپرس داشته باشیم. در این مثال ، یک بنر 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] در پست ها ، صفحات و ابزارک های نوار کناری (سایدبار) وردپرس خود استفاده کنید. وردپرس به طور خودکار تابع مرتبط با شورت کد را اجرا کرده و کد تبلیغ را نمایش می دهد.

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

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

هرگونه سوال یا مشکلی در رابطه با ساخت و ایجاد شورت کد در وردپرس دارید در قسمت نظرات سایت با ما در میان بگذارید تا در سریع ترین زمان پاسخگوی شما عزیزان باشیم. ممنون از همراهیتون 😉

منبع : wpbeginner

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *