Headers و footers

سربرگ وب‌سایت بخش بالای یک صفحه وب است و معمولاً شامل عناصری مانند لوگو، منو، نوار جستجو، دکمهٔ ورود/حساب مشتری و غیره است. پابرگ در پایین یک صفحه وب نمایش داده می‌شود و معمولاً شامل اطلاعاتی مانند جزئیات تماس، لینک‌ها، اطلاعیه‌های قانونی و سایر گزینه‌ها است.

طراحی سربرگ

برای تغییر طراحی سربرگ، روی ویرایش کلیک کنید، سپس روی سربرگ کلیک کنید. گزینه‌های زیر در بخش سربرگ تب Customize در ویرایشگر وب‌سایت در دسترس هستند:

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

  • تنظیمات پس‌زمینه را انتخاب کنید تا palette رنگ را از طریق Theme styles مختلف، گزینه‌های رنگ سفارشی و Gradient تغییر دهید.

  • هنگام افزودن یک خطی به سربرگ، اندازه، style و رنگ آن را می‌توان تعریف کرد.

  • گوشه های گرد را برای متناسب کردن طراحی تطبیق دهید.

  • یک سایه اضافه کنید و رنگ، Offset، محو و انتشار آن را تعریف کنید.

  • یک افکت اسکرول اضافه کنید. روی یک effect hover کنید تا preview شود.

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

  • عناصر مانند متن، نوار جستجو، دکمه ورود به سیستم، لینک‌های social media، دکمه تماس با ما و logo را نشان دهید یا پنهان کنید.

برای نهایی کردن تغییرات، روی ذخیره کلیک کنید.

نکته

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

محتوای سربرگ

Menus محتوای سربرگ را سازماندهی می‌کنند و به کاربران کمک می‌کنند به‌طور مؤثر در صفحات وب navigate کنند. منوهای کاربرپسند و خوب ساختاریافته همچنین نقش حیاتی در بهبود search engine rankings ایفا می‌کنند.

افزودن آیتم‌های منو

به‌طور پیش‌فرض، صفحات به‌عنوان منو items کشویی به منو اضافه می‌شوند وقتی ایجاد می‌شوند. برای افزودن یک منو item جدید، این مراحل را دنبال کنید:

  1. به وبسایت ↤ سایت ↤ ویرایشگر منو بروید.

  2. در ویرایشگر منو، روی Add Menu Item کلیک کنید.

  3. در پنجره پنجرهٔ بازشو، نام را که در منو نمایش داده شود وارد کنید.

  4. در فیلد URL or Email، / را تایپ کنید تا یک صفحه در وب‌سایت خود را جستجو کنید یا # تا یک anchor سفارشی موجود را جستجو کنید.

  5. روی تایید کلیک کنید.

  6. در صورت لزوم ساختار menu را ویرایش کنید، سپس ذخیره.

منوهای مگا

Mega menus مشابه drop-down menus هستند، اما به‌جای یک فهرست ساده از sub-menus، یک پنل تقسیم‌شده به گروه‌های گزینه‌های navigation را نمایش می‌دهند. این آن‌ها را برای وب‌سایت‌هایی با مقدار زیادی محتوا یا وب‌سایت‌های e-commerce مناسب می‌کند، زیرا می‌توانند به گنجاندن همه صفحات وب شما یا دسته‌بندی‌های e-commerce در منو کمک کنند در حالی که همه منو items را به‌طور هم‌زمان قابل مشاهده می‌کنند.

Mega منو در navigation bar.

برای ایجاد یک mega منو، به وبسایت ↤ سایت ↤ ویرایشگر منو بروید و روی Add Mega Menu Item کلیک کنید. نام mega منو را در پنجرهٔ بازشو وارد کنید، روی تایید کلیک کنید، سپس ذخیره.

برای تطبیق گزینه‌ها و محتوای mega منو، روی یک mega منو item در سربرگ کلیک کنید، سپس روی ویرایش کلیک کنید. Mega menus از building blocks تشکیل شده‌اند، که به این معنی است که می‌توانید هر component را به‌صورت فردی سفارشی کنید. به‌عنوان مثال:

  • متن را مستقیماً در building block ویرایش کنید.

  • URL یک منو item را با انتخاب منو item و کلیک روی دکمه Edit link در پنجره پنجرهٔ بازشو پیش‌نمایش کوچک ویرایش کنید. / را تایپ کنید تا یک صفحه در وب‌سایت خود را جستجو کنید، یا # تا یک anchor سفارشی موجود را جستجو کنید.

    ویرایش یک گزینه mega منو.

  • یک منو item را با کشیدن و رها کردن block مرتبط به موقعیت موردنظر در mega منو منتقل کنید.

  • یک منو item را با حذف block مرتبط حذف کنید.

برای تطبیق layout کلی mega منو، به تب Customize ویرایشگر وب‌سایت بروید، سپس، در بخش Mega Menu:

  • یک پوسته انتخاب کنید.

  • اندازه را انتخاب کنید: یا تمام عرض یا باریک.

برای نهایی کردن تغییرات، روی ذخیره کلیک کنید.

پنهان کردن یک منو item dynamic برای کاربران non-logged in

برای پنهان کردن یک منو item dynamic (یعنی، یک منو item که به‌طور خودکار توسط Odoo تولید می‌شود، به‌عنوان مثال، وقتی یک برنامه یا ماژول نصب می‌کنید، مانند Events، Courses و غیره) برای کاربران non-logged in، این مراحل را دنبال کنید:

  1. developer mode را فعال کنید.

  2. به وبسایت ↤ پیکربندی ↤ منوها بروید.

  3. در صورت نیاز فهرست menus را برای وب‌سایت مرتبط گسترش دهید، سپس روی منو item که می‌خواهید پنهان کنید کلیک کنید.

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

  5. گروه User types / Portal را جستجو کنید، آن را انتخاب کنید، سپس روی انتخاب کلیک کنید.

  6. ذخیره کنید.

نکته

برای پنهان کردن منو item Shop، دسترسی ecommerce را به کاربران logged-in محدود کنید.