ค้นหาเว็บไซต์

SharePoint Online: วิธีเพิ่มธีมที่กำหนดเองใหม่โดยใช้ PowerShell


ความต้องการ: สร้างธีมใหม่ใน SharePoint Online

จะสร้างธีมสีใหม่ใน SharePoint Online ได้อย่างไร

ธีม SharePoint Online คือคอลเลกชันของการตั้งค่าที่คุณสามารถใช้เพื่อปรับลักษณะที่ปรากฏของไซต์ของคุณได้ คุณสามารถใช้ธีมเพื่อควบคุมสี แบบอักษร และเค้าโครงของไซต์ของคุณได้ ไซต์สมัยใหม่ของ SharePoint Online (ไซต์ทีม การสื่อสาร และฮับ) มีชุดของธีมเริ่มต้น (สีน้ำเงิน สีส้ม สีแดง สีม่วง สีเขียว และสีเทา) ซึ่งคุณสามารถใช้เพื่อเปลี่ยนลักษณะที่ปรากฏหรือลักษณะที่ปรากฏของ SharePoint ของคุณได้อย่างรวดเร็ว เว็บไซต์ นอกจากนี้ คุณสามารถสร้างธีมใหม่เพื่อประสบการณ์ที่กำหนดเองมากขึ้นสำหรับผู้ใช้ของคุณ

ฉันจะแสดงวิธีใช้ PowerShell เพื่อติดตั้งธีมบน SharePoint Online นี่เป็นวิธีที่ยอดเยี่ยมสำหรับผู้ดูแลระบบหรือเจ้าของไซต์เองในการสร้างธีม SharePoint แบบกำหนดเองโดยไม่ต้องทำงานกับ CSS เลย จะเพิ่มธีมที่กำหนดเองใน SharePoint Online ได้อย่างไร การสร้างธีมแบบกำหนดเองใน SharePoint เป็นวิธีที่ง่ายและรวดเร็วในการทำให้ไซต์ของคุณมีรูปลักษณ์ที่เป็นเอกลักษณ์ ต่อไปนี้เป็นขั้นตอนในการเพิ่มธีมแบบกำหนดเองใน SharePoint Online:

ขั้นตอนที่ 1: สร้างธีมสีใหม่ใน SharePoint Online

สร้างธีมใหม่ใน SharePoint Online โดยใช้ตัวออกแบบธีม UI ของ Microsoft ได้อย่างคล่องแคล่ว: https://aka.ms/themedesigner ปรับแต่งและส่งออกเอาต์พุตธีม

ขั้นตอนที่ 2: เพิ่มธีมแบบกำหนดเองลงใน SharePoint Online โดยใช้ PowerShell

เมื่อสร้างธีมโดยใช้ตัวออกแบบธีม ให้เพิ่มสีของธีมให้กับผู้เช่า SharePoint Online โดยใช้ PowerShell เปิด SharePoint Online Management Shell หรือ PowerShell ISE ในฐานะผู้ดูแลระบบ SharePoint ตรวจสอบให้แน่ใจว่าคุณเปลี่ยน URL ของศูนย์การจัดการเป็นโดเมนของคุณ และเรียกใช้สคริปต์นี้เพื่อเพิ่มธีมของไซต์ให้กับ SharePoint Online โดยใช้ PowerShell:


#Define the color palette
$ThemePalette = @{
"themePrimary" = "#00d492";
"themeLighterAlt" = "#f3fdfa";
"themeLighter" = "#d0f8eb";
"themeLight" = "#a9f2db";
"themeTertiary" = "#5ce5b9";
"themeSecondary" = "#1ad99c";
"themeDarkAlt" = "#00be82";
"themeDark" = "#00a16e";
"themeDarker" = "#007751";
"neutralLighterAlt" = "#f8f8f8";
"neutralLighter" = "#f4f4f4";
"neutralLight" = "#eaeaea";
"neutralQuaternaryAlt" = "#dadada";
"neutralQuaternary" = "#d0d0d0";
"neutralTertiaryAlt" = "#c8c8c8";
"neutralTertiary" = "#ae9e9e";
"neutralSecondary" = "#938181";
"neutralPrimaryAlt" = "#796767";
"neutralPrimary" = "#0f0b0b";
"neutralDark" = "#443636";
"black" = "#2a2020";
"white" = "#ffffff";
}

#Set Admin Center URL
$AdminCenterURL = "https://crescent-admin.sharepoint.com"

#Connect to SharePoint Online - Prompt for credentials
Connect-SPOService -url $AdminCenterURL -Credential (Get-Credential)

#Add new SharePoint Online theme
Add-SPOTheme -Name "Crescent Green" -Palette $ThemePalette -IsInverted $False

PowerShell นี้เพิ่มธีมของไซต์ลงใน SharePoint Online หากคุณไปที่ไอคอนรูปเฟืองการตั้งค่าไซต์ >> เปลี่ยนรูปลักษณ์ คุณจะพบธีมสีใหม่ที่แสดงอยู่ภายใต้ "ธีมของบริษัท"! คุณสามารถเลือกทีมแล้วคลิกปุ่ม "นำไปใช้" เพื่อเปลี่ยนทีมสำหรับไซต์คอลเลกชัน SharePoint ของคุณ

SharePoint Online เพิ่มธีมที่กำหนดเองโดยใช้ PnP PowerShell

แม้ว่า SharePoint จะมีธีมที่สร้างไว้ล่วงหน้ามากมาย แต่คุณอาจพบว่าคุณต้องการสร้างธีมแบบกำหนดเองที่เหมาะกับความต้องการขององค์กรของคุณมากขึ้น คุณสามารถเพิ่มธีมใหม่ลงใน SharePoint Online โดยใช้ PnP PowerShell พร้อมด้วย Add-PnPTenantTheme cmdlet ต่อไปนี้เป็นวิธีสร้างธีมแบบกำหนดเองใน SharePoint Online:


#Parameter
$AdminCenterURL = "https://crescent-admin.sharepoint.com"

#Connect to Admin Center
Connect-PnPOnline -Url $AdminCenterURL -Interactive

#Define Theme
$ThemePalette = @{
    "themePrimary" = "#5fc5df";
    "themeLighterAlt" = "#f8fdfe";
    "themeLighter" = "#e3f5fa";
    "themeLight" = "#cbedf5";
    "themeTertiary" = "#9bdbeb";
    "themeSecondary" = "#71cbe2";
    "themeDarkAlt" = "#56b1c8";
    "themeDark" = "#4995a9";
    "themeDarker" = "#356e7c";
    "neutralLighterAlt" = "#f8f8f8";
    "neutralLighter" = "#f4f4f4";
    "neutralLight" = "#eaeaea";
    "neutralQuaternaryAlt" = "#dadada";
    "neutralQuaternary" = "#d0d0d0";
    "neutralTertiaryAlt" = "#c8c8c8";
    "neutralTertiary" = "#d8baba";
    "neutralSecondary" = "#b17f7f";
    "neutralPrimaryAlt" = "#8d5252";
    "neutralPrimary" = "#7e4343";
    "neutralDark" = "#5f3232";
    "black" = "#462525";
    "white" = "#ffffff";
    "primaryBackground" = "#ffffff";
    "primaryText" = "#7e4343";
    "bodyBackground" = "#ffffff";
    "bodyText" = "#7e4343";
    "disabledBackground" = "#f4f4f4";
    "disabledText" = "#c8c8c8";
}

#powershell to add custom theme in sharepoint online 
Add-PnPTenantTheme -Identity "Corporate Theme" -Palette $ThemePalette -IsInverted $False -Overwrite

ซึ่งจะสร้างธีมแบบกำหนดเองใน SharePoint Online ฉันจะเปลี่ยนธีมเริ่มต้นใน SharePoint Online ได้อย่างไร เมื่อต้องการใช้ธีมกับไซต์ SharePoint Online ให้ใช้: วิธีใช้ธีมใน SharePoint Online โดยใช้ PowerShell

บทความที่เกี่ยวข้อง