آموزش اضافه کردن شورت کد در وردپرس

آیا می‌خواهید به وردپرس، شورت کد (Shortcode یا کد کوتاه) اضافه کنید اما نمی‌دانید چگونه؟

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

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

فهرست:

• شورت کد چیست؟
• اضافه کردن شورت کد در پست ‌های وردپرس
• اضافه کردن شورت کد در ویجت های نوار کناری وردپرس
• اضافه کردن یک کد کوتاه در ویرایشگر کلاسیک وردپرس
• نحوه اضافه کردن شورت کد به فایل های قالب وردپرس
• نحوه ایجاد شورت کد سفارشی در وردپرس
• تفاوت شورت کد با بلوک های گوتنبرگ

شورت کد چیست؟

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

[myshortcode]

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

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

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

اینجاست که Shortcode API وارد عمل می‌شود.

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

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

بیایید ببینیم چگونه به راحتی شورت کد مربوط به پست‌ها و صفحه‌‌های وردپرس خود را اضافه کنیم.

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

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

پس از آن، باید روی دکمه add block (افزودن بلوک) کلیک کنید تا یک بلوک shortcode (کد کوتاه) باز شود.

پس از افزودن بلوک shortcode (کد کوتاه)، به سادگی می‌توانید شورت کد خود را در تنظیمات بلوک وارد کنید.

شورت کد توسط افزونه‌های مختلف وردپرس ارائه می‌شود مانند WPForms برای ایجاد انواع فرم‌ها برای ارتباط با مخاطب ،OptinMonster برای فرم‌های ایمیل مارکتیتگ، WP Call برای درج دکمه‌ی کلیک‌ برای تماس و…

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

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

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

شما می‌توانید از شورت کدها در ویجت (ابزارک) های نوار کناری وردپرس استفاده کنید.

 ابندا به « Appearance (نمایش)  » و سپس به « Widgets (ابزارک‌ها) » بروید و یک بلوک ویجت « Shortcode (شورت کد یا کد کوتاه) » را به نوار کناری اضافه کنید.

اکنون می توانید شورت کد مورد نظرخود را در قسمت متن ویجت قرار دهید.

فراموش نکنید که برای ذخیره تنظیمات ویجت خود، روی دکمه « Update (به روزرسانی) » کلیک کنید.

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

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

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

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

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

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

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

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

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

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

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

نحوه ایجاد شورت کد سفارشی در وردپرس

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

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

در این کد ابتدا تابعی ایجاد کردیم که مقداری کد را اجرا می‌کند و خروجی را برمی‌گرداند. پس از آن، ما یک شورت کد جدید به نام « greeting » ایجاد کردیم و به وردپرس گفتیم که تابعی را که ایجاد کردیم اجرا کند.

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

[greeting]

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

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

اغلب کاربران در مورد تفاوت‌های میان شورت کد و بلوک‌های گوتنبرگ از ما می‌پرسند.

بلوک‌ها به شما این امکان را می‌دهند که کارهایی مشابه شورت کدها، انجام دهید، اما به روشی کاربرپسندتر.

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

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

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

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

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