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

آیا می خواهید ابزارک های دلخواه خود را در وردپرس ایجاد کنید؟

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

اما قبل از آن ، اگر هرگز WordPress را نصب نکرده اید کشف کنید چگونه به نصب یک وبلاگ وردپرس مراحل 7 et چگونه برای پیدا کردن، نصب و فعال یک تم وردپرس در وبلاگ خود 

سپس به این دلیل که چرا ما اینجا هستیم

ابزارک وردپرس چیست؟

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

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

کشف کنید بهترین تم های برتر WordPress ما.

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

به عنوان مثال ، می توانید اضافه کنید یک فرم تماس, یک فرم ورود سفارشی یا گالری عکس در نوار کناری بدون نوشتن کد.

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

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

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

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

همچنین می توانید کد را در پرونده "function.php" موضوع وردپرس خود بچسبانید. با این وجود ، فقط در صورت فعال بودن آن موضوع خاص وردپرس در دسترس خواهد بود.

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

// ثبت و بارگیری ویجت wpb_load_widget () {Register_widget ('wpb_widget')؛ } add_action ('widget_init'، 'wpb_load_widget')؛ // ایجاد کلاس ویجت wpb_widget WP_Widget را گسترش می دهد {تابع __construct () {والد :: __ سازه (// شناسه پایه ویجت 'wpb_widget' ، // نام ویجت در UI __ ظاهر می شود ("ابزارک BPC" ، "wpb_widget_domain") ، // آرایه توضیحات ابزارک ('description' => __ ('ابزارک ساده وردپرس'، 'wpb_widget_domain')،))؛ } // ایجاد ویجت عملکرد ویجت جلویی عمومی ($ args ، $ instance) {$ title = apply_filters ('widget_title'، $ instance ['title'])؛ // قبل و بعد از آرگومان های ویجت توسط مضامین تعریف می شوند echo $ args ['before_widget']؛ if (! خالی ($ عنوان)) echo $ args ['before_title']. عنوان $ $ args ['after_title']؛ // این جایی است که کد را اجرا می کنید و خروجی echo __ را نمایش می دهید ("ابزارک ساده" ، "wpb_widget_domain")؛ echo $ args ['after_widget']؛ } // Widget Backend فرم عملکرد عمومی ($ instance) {if (Isset ($ instance ['title'])) {$ title = $ instance ['title']؛ } else {$ title = __ ("عنوان جدید" ، "wpb_widget_domain")؛ } // ابزارک فرم مدیر؟> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />

پس از افزودن کد ، باید به " ظاهر> ابزارک ها ". متوجه ویجت جدید " ویجت BPC در لیست ابزارک های موجود شما باید این ابزارک را به نوار کناری بکشید و رها کنید.

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

حال اجازه دهید نگاهی به این کد بیندازیم.

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

در آخر ، ما چگونگی رسیدگی به تغییرات ایجاد شده در ویجت را تعریف کردیم.

اکنون چند مورد وجود دارد که شاید بخواهید بدانید. به عنوان مثال ، هدف چیست wpb_text_domain "؟

وردپرس از "gettext" برای مدیریت ترجمه و بومی سازی استفاده می کند. بنابراین " wpb_text_domain و __e به gettext می گوید که چگونه می تواند یک رشته ترجمه را در صورت وجود بازیابی کند.

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

همچنین برخی از افزونه های برتر WordPress را کشف کنید  

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

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

1. تامین کننده Galaxy

Galaxy Funder یک سیستم سرمایه گذاری جمعی با ویژگی های خاص است که برای هر وب سایت WooCommerce طراحی شده است. با استفاده از پلاگین وردپرس شما می‌توانید وب‌سایت تأمین مالی جمعی خود را مدیریت کنید یا کمپین‌های جمع‌آوری سرمایه را در سربرگ فروشگاه آنلاین WooCommerce خود اضافه کنید.

همچنین می توانید از هر دروازه پرداخت پشتیبانی شده توسط WooCommerce. لطفاً توجه داشته باشید که "Galaxy Funder" مستقیماً در صفحه فروشگاه آنلاین کار می کند ، که روند مشارکت کاربر را آسان می کند.

دانلود | نسخه ی نمایشی | میزبانی وب

2. به WhatsApp Chat بروید

Le پلاگین وردپرس Premium Click to WhatsApp Chat این امکان را برای مشتریان وردپرس فراهم می کند تا با استفاده از حساب WhatsApp خود با مالک وب سایت یا پشتیبانی مشتری ارتباط برقرار کنند. 

فقط کافیست روی یک حساب WhatsApp کلیک کنید و مستقیماً با یک پیام پیش فرض به حساب WhatsApp تلفن همراه هدایت می شوید. و اگر مشتری روی دسک تاپ یا لپ تاپ باشد ، به WhatsApp Web هدایت می شود.

این افزونه به شماره و ساعت و ساعت WhatsApp نیاز دارد که مالک وب سایت یا تیم پشتیبانی از آنها برای بحث در مورد آن استفاده می کنند. دکمه چت را می توان به صفحه جزئیات محصول WooCommerce اضافه کرد، که به طور مستقیم با این محصول مرتبط است

دانلود | نسخه ی نمایشی | میزبانی وب

3. بارگیری Image Watermark

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

اینها متن می تواند یک تصویر نماد حق چاپ باشد آرم شرکت، یا بخشی از مارک تجاری به عنوان یک تصویر شفاف PNG.

دانلود | نسخه ی نمایشی | میزبانی وب

سایر منابع پیشنهادی

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

• پلاگین های WordPress 7 برای ارزیابی نظرات وبلاگ
• 5 افزونه وردپرس برای مدیریت بهتر خبرنامه خود
• پلاگین های WordPress 8 برای ایجاد یک فرم تماس
• چگونه برای باز کردن یک ویدیو یوتیوب در یک پنجره بر روی وردپرس

نتیجه

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

با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید. 

...