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

شورت کد در وردپرس

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

شورت کد یا کد کوتاه یک قطعه کدی است که که با علامت [ شروع و با علامت ] پایان می‌یابد.

با شورت کد می‌توانید یک سری دستورات و توابع را در سایت خود اجرا کنید. کد کوتاه یک راه آسان برای اضافه کردن محتوای پویا (داینامیک) به پست ها، صفحات و سایدبار وردپرس شما است.

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

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

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

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

برای درک بهتر شورت کد، اول به دلیل به وجود آمدن آنها نگاهی می‌اندازیم.

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

اما اگر بخواهید مقداری کد سفارشی در سایت خود برای نمایش فرم‌های تماس، گالری‌ها و… استفاده کنید چه؟

اینجاست که شورت کد یا کد کوتاه وارد می‌شود!

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

بنابراین کاربران می‌توانند به راحتی و بدون داشتن دانش کدنویسی از آن استفاده کنند.

اضافه کردن کد کوتاه در نوشته ها و برگه ها (ویرایشگر گوتنبرگ)

ابتدا نوشته یا برگه‌ای را که می‌خواهید شورت کد به آن اضافه کنید را باز نمایید. سپس روی دکمه افزودن کردن بلاک (علامت به علاوه) کلیک کرده و کد کوتاه را جستجو نمایید.

وارد کردن شورت کد وردپرس با گوتنبرگ

بعد از اضافه کردن بلاک کد کوتاه، می‌توانید به راحتی شورت کد خود را درون فیلد وارد کنید.

بسیاری از افزونه‌ها مانند فرم تماس 7، اسلایدر رولوشن، Staff List، گالری تصاویر FooGallery و… از شورت کد پشتیبانی می‌کنند.

ما در اینجا شورت کد افزونه فرم تماس 7 را وارد کردیم:

شورت کد در گوتنبرگ

سپس می‌توانید صفحه خود را ذخیره کرده و نتیجه را مشاهده نمایید.

نمایش فرم در سایت

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

برای اضافه کردن شورت کد به ابزارک‌های سایدبار کافی است به قسمت نمایش > ابزارک‌ها بروید و ابزارک متن را به سایدبار خود اضافه نمایید.

حالا می‌توانید شورت کد خود را وارد فیلد متن کنید.

اضافه کردن شورت کد در سایدبار

بعد از ذخیره، به سایت خود رفته و نتیجه را مشاهده نمایید.

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

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

اضافه کردن کد کوتاه در ویرایشگر کلاسیک

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

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

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

کافی است فایل موردنظر خود را باز کرده و کد زیر را به آن اضافه کنید:

 

*به جای your_shortcode، شورت کد خود را بنویسید.

ساخت کد کوتاه سفارشی خود

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

در اینجا یک نمونه کد php وجود دارد که می‌توانید از آن به عنوان الگو استفاده کنید:

در این کد ما تابعی (function) را ایجاد کردیم که مقداری کد را اجرا می‌کند و خروجی را بر می‌گرداند. پس از آن، یک کد کوتاه جدید به نام “greeting” ایجاد کرده و به وردپرس گفتیم که تابعی را که ایجاد کردیم را اجرا کنید.

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

[greeting]

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

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

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

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

 

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

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

 

موفق باشید.

برچسب ها:

پاسخی بگذارید

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