آموزش SharePoint 2019: سفارشی سازی با مضامین و CSS

مقدمه Introduction

• سایت های شیرپوینت منحصر به فردی ایجاد کنید Create unique SharePoint sites

• چه چیزی میخواهید بدانید What you need to know

• از این دوره حداکثر استفاده را ببرید Get the most out of this course

1. مبانی CSS برای برندسازی شیرپوینت 1. CSS Basics for Branding SharePoint

• مایکروسافت سلسله مراتب برندسازی را توصیه می کند The Microsoft recommended branding hierarchy

• چرا از CSS استفاده می کنیم؟ Why use CSS?

• یک صفحه سبک خالی CSS ایجاد و بارگذاری کنید Create and upload a blank CSS stylesheet

• برگه سبک را به سایت خود پیوند دهید Link the stylesheet to your site

• صفحه سبک را ویرایش کنید Edit the stylesheet

• چالش: صفحه سبک را به روز کنید Challenge: Update the stylesheet

• راه حل: صفحه سبک را به روز کنید Solution: Update the stylesheet

2. SharePoint را با CSS اصلاح کنید 2. Modify SharePoint with CSS

• ابزارهای برنامه نویس مرورگر Browser developer tools

• دانستن اینکه چه عناصر CSS باید تغییر کنند Knowing what CSS elements to change

• قلم ها و پس زمینه های ناوبری سایت را تغییر دهید Modify site navigation fonts and backgrounds

• عرض ناوبری سایت و منوهای کشویی را تغییر دهید Modify site navigation widths and drop-down menus

• مکان قرارگیری ناوبری سایت را تغییر دهید Modify site navigation placement

• چالش: تغییر قلم ناوبری و رنگ های پس زمینه Challenge: Modify the navigation font and background colors

• راه حل: فونت ناوبری و رنگ های پس زمینه را تغییر دهید Solution: Modify the navigation font and background colors

3. بیشتر CSS یک ظاهر طراحی شده: عناصر صفحه 3. More CSS Styling: Page Elements

• صفحات "تجربه جدید" "New experience" pages

• صفحات "تجربه کلاسیک" سبک Style "classic experience" pages

• جداول سبک Styling tables

• چالش: یک صفحه بخش کلاسیک وب را اصلاح کنید Challenge: Modify a classic Web Part page

• راه حل: صفحه کلاسیک وب قسمت را اصلاح کنید Solution: Modify a classic Web Part page

4. دریافت Fancy: عناصر CSS سفارشی 4. Get Fancy: Custom CSS Elements

• عناصر CSS سفارشی: ملاحظات اولیه Custom CSS elements: Initial considerations

• عناصر جدید را در صفحه سبک خود تعریف کنید Define new elements in your stylesheet

• برای حالتهای متغیر مجاز است Allow for variable states

• نحوه استفاده از عناصر CSS سفارشی شما How to use your custom CSS elements

• چالش: یک عنصر جدید CSS ایجاد کنید Challenge: Create a new CSS element

• راه حل: یک عنصر جدید CSS ایجاد کنید Solution: Create a new CSS element

5. ابزارهای برندینگ و مضامین سفارشی 5. Onboard Branding Tools and Custom Themes

• آرم و عنوان سایت را تغییر دهید Change site logo and title

• رنگ و مضمون سایت را تغییر دهید Change site colors and theme

• آیا اضافه کردن یک پالت سفارشی ضروری است؟ Is adding a custom palette necessary?

• یک پالت رنگ ایجاد و اصلاح کنید Create and modify a color palette

• با پالت خود یک موضوع جدید ایجاد کنید Create a new theme with your palette

• چالش: ایجاد ، اصلاح و بارگیری یک موضوع Challenge: Create, modify, and load a theme

• راه حل: ایجاد ، اصلاح و بارگیری یک موضوع Solution: Create, modify, and load a theme

6. فونت های جدید را به یک موضوع اضافه کنید 6. Add New Fonts to a Theme

• بهترین روش ها: چرا به فونت های جدید احتیاج دارید؟ Best practices: Why do you need new fonts?

• منابع قلم Sources for fonts

• قلم ها را به سایت خود بارگذاری کنید Load fonts to your site

• مجموعه های فونت تماس را در موضوع خود قرار دهید Call font sets in your theme

• چالش: یک فونت به موضوع جدید خود اضافه کنید Challenge: Add a font to your new theme

• راه حل: یک فونت به موضوع جدید خود اضافه کنید Solution: Add a font to your new theme

نتیجه Conclusion

• مراحل بعدی Next steps