آموزش ساخت ابزارک widgets در وردپرس – به صورت فیلم آموزشی

۱۳۹۷/۰۱/۰۵ 92 بازدید
اگر این مطالب برای شما مفید بود با دوستان خود به اشتراک بگذارید ...

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

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

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

ساخت ویجت در وردپرس

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

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

ساخت ویجت در وردپرس

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

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

آموزش ایجاد ابزارک وردپرس

ساخت ویجت در وردپرس.

یک وردپرس یک بلوک کوچک است که یک تابع خاص را اجرا می کند.
به طور معمول هر ویجت که در یک منطقه ویدئویی قرار دارد به نام نوار کناری است.
هر تم همراه با بخش ویجت است.

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

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

شروع کنید و یک ابزارک سفارشی در وردپرس ایجاد کنید.

در این آموزش قصد داریم یک ابزارک در بالای نوشته هایمان ایجاد کنیم. دقیقاً جایی که در صفحه اول یا وبلاگ نوشته های ما آغاز می شوند.

ساخت ویجت در وردپرس

بسیار خب برای شروع یکراست به سراغ فایل function.php میرویم و آنرا با ادیتور مناسبی باز کنید.

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

۱ : نامی دلخواه برای ابزارک انتخاب کنید

۲:  آیدی سایدبار رو در اینجا تعیین کنید هر اسم که دوست داشته باشید میتوانید قرار بدید

۳ : توضیحی در مورد این ناحیه ابرارک مورد نظر

۴ :  کد قبل از هر ابزارک میخواهیم content را مشخص کنیم

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

۵ :  کد بعد از هر ابزارک

۶ : قبل از عنوان ابزارک

۷ : بعد از عنوان منو

در کدهای بالا چند توضیح مهم را باید خدمت شما ارائه کنیم و آنهم اینکه:

  • در انتخاب نام و آی دی میبایست دقت کنید که با همین نام قبلا سایدبار یا ناحیه ابزارک دیگری وجود نداشته باشد
  • در ایجاد ناحیه ابزارک میتوانید از نام فارسی استفاده کنید اما در قسمت آیدی باید حتماً از کلمات انگلیسی استفاده گردد.
  • در جایی که ما از تگ headerاستفاده کردیم، باعث میشود ابزارکهایی که استفاده میکنید بصورت سطری در کنار هم قرار بگیرند.
  • ولی اگر از تگ div استفاده کنید ابزارکها زیر هم قرار خواهند گرفت.

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

ساخت ابزارک وردپرس

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

آموزش ساخت ابزارک widgets در وردپرس – به صورت فیلم آموزشی

حال نوبت به فایل header.php میرسد.
اگر قالب شما اصلا همچین فایلی ندارد کافیست یکی به همین نام ایجاد نمایید.
در غیر اینصورت یک کپی از این فایل گرفته و نام آنرا مثلا به صورت sidebar-top.php تغییر دهید.
سپس آنرا در کنار دیگر فایلهای قالب قرار دهید. همچنین این فایل جدید نیاز به ویرایش خواهد داشت.
برای انجام این کار کافیست کدهای زیر را به شکل زیر تغییر یا در آن ایجاد کنید

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

در اینجا برای تگ header میتوانید هر نامی که خواستید بعنوان آی دی استفاده کنید این نام صرفاً برای تغییر ظاهری ناحیه ابزارک استفاده میگردد که باید در فایل استایل در صورت تمایل اعمال کنید.

کلمه header_1 که در جلوی تابع dynamic_sidebar آمده همان آی دی است که در فایل functions.php تعیین کرده بودیم.

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

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

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

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

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

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

موفق باشید و همیشه سون ریپلای باشید

ارسال شده توسط:
یک برنامه نویس آزاد که علاقه زیادی به اشتراک گذاری اطلاعات خود با دیگران داردم. همیشه به وردپرس فکر می کنم و عاشق وردپرس هستم. من یک web developer هستم و هدف من آسان کردن ورود سایر دوستان به این شغل جذاب هست. زبان برنامه نویسی محبوب من PHP هست.

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

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