فرانت اند : کد نویسی(HTML) یک پنل تنظیمات

یک پلاگین وردپرسی داریم توسعه میدیم که برای عملکرد بهترش نیاز هست پنل تنظیمات داشته باشه، نیاز داریم یک فرانت اند کاری این پنل تنظیمات رو برامون طراحی و پیاده سازی کنه کل پنل باید با کدنویسی خام نوشته بشه(نه بوت استرپ نه هیچ کتابخونه دیگه استفاده نشه) ویدئو رو نگاه کنید : https://uupload.ir/view/untitled_project_ymmn.mp4/ عمده ترین موارد مورد نیاز برای پلاگین 1. تکست باکس (Text Field): برای وارد کردن مقادیر متنی کوتاه. 2. تکست اریا (Text Area): برای متنی که نیاز به فضای بزرگتر دارد. 3. دکمه (Button): برای انجام عملیات خاص مانند ذخیره یا اجرای تنظیمات. 4. چک‌باکس (Checkbox): برای انتخاب یا عدم انتخاب گزینه‌ها. 5. رادیو باتن (Radio Button): برای انتخاب تنها یک گزینه از مجموعه‌ای از گزینه‌ها. 6. انتخاب (Select Dropdown): برای انتخاب یک گزینه از یک لیست کشویی. 7. آپلود فایل (File Upload): برای بارگذاری فایل‌هایی مثل تصویر یا مستندات. 8. اسلایدر (Slider): برای تنظیم مقادیری که نیاز به یک مقدار عددی دارند. 9. تاریخ‌نگاری (Date Picker): برای انتخاب تاریخ. 10. وارد کردن رنگ (Color Picker): برای انتخاب رنگ. 11. مناوۀ چک (Toggle Switch): برای فعال یا غیرفعال کردن گزینه‌ها. 12. مقدار عددی (Number Field): برای وارد کردن مقادیر عددی. 13. ویژگی‌های گروهی (Fieldset and Legend): برای گروه‌بندی تنظیمات در بخش‌های مختلف. 14. توصیف کوتاه (Description): برای توضیح بیشتر در مورد هر فیلد. 15. نمایش پیش‌نمایش (Preview): نمایش پیش‌نمایش تغییرات به کاربر. 16. تنظیمات مبتنی بر نقش کاربر (User Role-based Settings): نمایش تنظیمات بر اساس نقش کاربر (مدیر، نویسنده و غیره). 17. ورودی‌های شرطی (Conditional Fields): فیلدهایی که تنها در صورت انتخاب گزینه خاصی نمایش داده شوند. 18. کد کوتاه (Shortcodes): امکان وارد کردن و تنظیم کدهای کوتاه. 19. نمایش هشدار یا خطا (Error/Warning Notifications): نمایش پیام‌های خطا یا هشدار در صورت بروز مشکلات. 20. لینک‌های راهنما (Help Links): اضافه کردن لینک‌هایی به صفحات راهنما یا توضیحات بیشتر. 21. اعمال تنظیمات به صورت خودکار (Auto Apply Settings): اعمال تغییرات به صورت آنی بدون نیاز به رفرش صفحه. 22. بازنشانی به تنظیمات پیش‌فرض (Reset to Defaults): گزینه‌ای برای بازگشت به تنظیمات پیش‌فرض.