وباکا

آموزش تخصصی برنامه نویسی وب

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

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

شورت کد چیست؟

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

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

همانطور که گفته شد شورت کد ها داخل کروشه قرار میگیرند و از این رو شباهت زیادی به تگ ها html دارند.

نحوه ساخت شورت کد در وردپرس

برای شروع باید شورت کدی رو برای سایت تعریف کرده ، سپس در فایل function.php ثبت کنید کنید.نمونه کد زیر را مشاهده کنید:
add_shortcode('code1','code1_func');
function code1_func($atts,$content){
return $atts['var'];
}

برای استفاده از شرط کد بالا باید کد زیر رو در نوشته قرار داده و مقادیر دلخواهتان را درج کنید:

[code1 var="test text for atts"]

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

کاربرد های شورت کد در وردپرس

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

[recent-posts]

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

[recent-posts posts="5"]

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

[recent-posts posts="5"]Posts Heading[/recent-posts]

بعد از این که شورت کدتان رو ساختید،ابتدا نیاز دارید شورت کد را تست کنید.شورت کد رو داخل برگه یا نوشته قرار داده و نحوه کارکرد آن را تست کنید.

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

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

فهرست مطالب