SharePoint (Modern Sites) - Configure the global Theme and logo Tutorial

Learn how to customize the global theme and logo in Microsoft 365 and SharePoint. Discover how to personalize your company logo and office tenant theme to create a unique and professional look for your intranet. Take control of your branding and make your portal page stand out!

  • 2:26
  • 1280 views

Objectifs :

This document aims to guide users on how to customize the logo and theme of their Microsoft 365 tenant, specifically focusing on SharePoint integration. It outlines the steps to access the admin center, create and manage themes, and set logos and links effectively.

Chapitres :

  1. Introduction to Customizing Microsoft 365 Tenant
    In this guide, we will explore how to customize the logo and theme of your Microsoft 365 tenant. This customization allows your organization to maintain a consistent brand identity within the Microsoft 365 environment, particularly on the SharePoint intranet.
  2. Accessing the Admin Center
    To begin customizing your tenant, log into your Microsoft 365 portal. On the top left, you will notice your company logo instead of the default Microsoft logo. To access the customization options, navigate to the admin center by following these steps: 1. Click on 'Settings'. 2. Select 'All Settings' (3rd tab). 3. Look for 'Custom Themes'.
  3. Creating and Managing Themes
    Within the 'Custom Themes' section, you have several options: - **Add a New Theme**: Click to create a new theme. You will need to provide a name for it. - **Edit Existing Themes**: Use the three dots (ellipsis) next to an existing theme to edit or delete it. - **Delete Themes**: Be cautious when deleting themes, as this action cannot be undone. You can assign the new theme to up to five groups, ensuring that only selected users see the custom theme instead of the default organizational theme.
  4. Setting Logos and Links
    In the second tab of the theme customization, you can set: - **Default Logo**: Upload your company logo. - **Alternate Logo**: Optionally, upload a secondary logo. - **Onclick Link**: Paste a link that directs users to your SharePoint intranet or any other relevant link outside of Microsoft 365. This allows for seamless navigation and branding.
  5. Customizing Colors
    The third tab allows you to customize the colors of various elements: - **Navigation Bar**: Change the color of the navigation bar. - **Text and Icons**: Adjust the colors of text and icons. - **Accent Colors**: Set accent colors to enhance the visual appeal. Ensure that your color selections meet the minimum contrast ratio of 4.5:1 for accessibility. You can define specific colors using a color picker or by entering a hex code.
  6. Finalizing Your Theme
    Once you have made all your customizations, click 'Save' to apply the changes. Your new theme will now be active, and only the users in the selected groups will see it. If you need to delete the theme later, return to the three dots (ellipsis) and select 'Delete'. Remember, this action is irreversible.
  7. Conclusion
    In this guide, we have successfully created and customized a new theme for our organization within Microsoft 365. By following these steps, you can enhance your company's branding and improve user experience on your SharePoint intranet. Customizing themes not only reflects your organization's identity but also fosters a cohesive work environment.

FAQ :

How can I customize the logo in my Microsoft 365 portal?

To customize the logo, go to the admin center, navigate to settings, and find the custom themes section. Here, you can set the default logo and alternate logo, as well as the link that users will be directed to when they click on the logo.

What are custom themes in Microsoft 365?

Custom themes allow organizations to personalize the appearance of their Microsoft 365 applications, including colors and logos, to align with their branding.

Can I delete a custom theme once created?

Yes, you can delete a custom theme by going to the custom themes section in the admin center, clicking on the three ellipses next to the theme, and selecting 'Delete'. However, this action cannot be undone.

How many groups can I assign to a custom theme?

You can assign a custom theme to up to five groups within your organization.

What is the importance of color contrast in themes?

Color contrast is crucial for accessibility, ensuring that text is readable against its background. Microsoft 365 provides feedback on whether your color selections meet the minimum contrast ratio.

Quelques cas d'usages :

Branding for Internal Portals

Organizations can use custom themes to apply their branding to internal SharePoint portals, enhancing employee engagement and creating a cohesive company identity.

User Experience Enhancement

By customizing the navigation bar and colors, companies can improve user experience, making it easier for employees to navigate and find information within Microsoft 365 applications.

Targeted Communication

Custom themes can be used to target specific groups within an organization, ensuring that relevant information and branding are presented to the right audience.

Accessibility Compliance

By ensuring that color contrast ratios meet accessibility standards, organizations can create inclusive environments for all employees, including those with visual impairments.

Streamlined Onboarding

New employees can be welcomed with a customized theme that reflects the company’s branding, making the onboarding process more engaging and informative.

Glossaire :

Microsoft 365

A cloud-based suite of productivity applications and services offered by Microsoft, including tools like Word, Excel, PowerPoint, and SharePoint.

SharePoint

A web-based collaboration platform that integrates with Microsoft 365, allowing organizations to create websites, manage documents, and share information.

Office tenant

A dedicated instance of Microsoft 365 services for an organization, which includes user accounts, settings, and data.

Admin center

A web-based interface for administrators to manage Microsoft 365 settings, users, and services.

Custom themes

Personalized visual styles applied to Microsoft 365 applications, allowing organizations to reflect their branding.

Color contrast ratio

A measure of the difference in luminance between two colors, important for accessibility to ensure text is readable against its background.

Hexagon color code

A six-digit code used in web design to specify colors in the RGB color model, often prefixed with a '#' symbol.

résultat(s)
00:00:00
We have deployed Microsoft 365 and
00:00:03
SharePoint in our company and I
00:00:05
just realized that when I log on
00:00:08
to my Microsoft 365 portal page,
00:00:11
I can see on the top left a logo.
00:00:14
This one is not the original Microsoft one,
00:00:17
it's my company's one and when I left
00:00:20
click on it, it directs me right
00:00:23
away to own SharePoint intranet.
00:00:25
How can you customize this logo and
00:00:27
the theme of your office tenant?
00:00:30
Let's go ahead to the admin center
00:00:33
in settings. Look for all settings.
00:00:36
3rd tab, you will find custom themes.
00:00:39
From here you can either add a new one
00:00:41
or with the three edices edit existing
00:00:44
themes or even delete the ones you created.
00:00:47
Note that you cannot
00:00:49
delete the default theme.
00:00:50
Should you wish to add a theme,
00:00:52
you will have to give it a name.
00:00:55
You can select up to five groups.
00:00:58
These groups will see this custom
00:01:00
theme instead of the organizational 1.
00:01:02
By ticking the first box, it will
00:01:05
prevent users from overriding the theme.
00:01:07
And by taking the second one,
00:01:09
it will show the user's full
00:01:11
dislay name as it is right now.
00:01:13
The second tab will allow you to set
00:01:16
the default logo, the alternate logo.
00:01:20
And most importantly,
00:01:21
the onclick link.
00:01:23
You can copy and paste a link that is either
00:01:26
a SharePoint Internet or any other link.
00:01:29
It doesn't have to be in Microsoft 365.
00:01:33
The third tab allows you to customize
00:01:35
the colors of the navigation bar text,
00:01:38
an icon and the accent colours.
00:01:42
The green text right here tell me
00:01:44
that my selection meets the minimum
00:01:46
color contrast ratio of 4.521.
00:01:48
I can next click on any of these
00:01:51
and define a specific color.
00:01:54
I could should I wish to even use a hexagon.
00:01:57
Once saved I can go back to the main page.
00:02:00
My training theme is now U and running.
00:02:03
Remember,
00:02:03
only the people in the groups you
00:02:06
have chosen and you can select up to
00:02:08
five groups are now seeing this theme.
00:02:11
Should you wish to delete it,
00:02:13
go to the three ellipses, click on Delete.
00:02:16
Careful, you can not undo this action.
00:02:19
We have just created a new theme for
00:02:23
organization and customized the colors.

No elements match your search in this video....
Do another search or back to content !

 

résultat(s)
00:00:00
Implementámos o Microsoft 365 e
00:00:03
O SharePoint na nossa empresa e eu
00:00:05
acabei de perceber que quando inicio sessão
00:00:08
para a minha página do portal Microsoft 365,
00:00:11
Posso ver no canto superior esquerdo um logótipo.
00:00:14
Este não é o original da Microsoft,
00:00:17
é a da minha empresa e quando saí
00:00:20
clique nele, ele me direciona para a direita
00:00:23
uma forma de possuir a intranet do SharePoint.
00:00:25
Como pode personalizar este logótipo e
00:00:27
o tema do inquilino do seu escritório?
00:00:30
Vamos para o centro de administração
00:00:33
em configurações. Procure todas as configurações.
00:00:36
3º separador, encontrará temas personalizados.
00:00:39
A partir daqui pode adicionar um novo
00:00:41
ou com os três editores existentes
00:00:44
temas ou mesmo apagar os que criou.
00:00:47
Note que não pode
00:00:49
eliminar o tema predefinido.
00:00:50
Se desejar adicionar um tema,
00:00:52
terá de lhe dar um nome.
00:00:55
Pode selecionar até cinco grupos.
00:00:58
Estes grupos verão este costume
00:01:00
tema em vez do organizacional 1.
00:01:02
Ao assinalar a primeira caixa, será
00:01:05
impedir que os utilizadores substituam o tema.
00:01:07
E ao tomar o segundo,
00:01:09
irá mostrar o completo do utilizador
00:01:11
exibir o nome tal como está agora.
00:01:13
O segundo separador permitir-lhe-á definir
00:01:16
o logótipo predefinido, o logótipo alternativo.
00:01:20
E o mais importante,
00:01:21
o link onclick.
00:01:23
Pode copiar e colar um link que seja
00:01:26
uma Internet do SharePoint ou qualquer outro link.
00:01:29
Não tem de estar no Microsoft 365.
00:01:33
O terceiro separador permite-lhe personalizar
00:01:35
as cores do texto da barra de navegação,
00:01:38
um ícone e as cores de destaque.
00:01:42
O texto verde aqui diz-me
00:01:44
que a minha selecção cumpra o mínimo
00:01:46
relação de contraste de cor de 4.521.
00:01:48
Em seguida, posso clicar em qualquer um destes
00:01:51
e definir uma cor específica.
00:01:54
Poderia usar um hexágono, se quisesse.
00:01:57
Depois de guardado, posso voltar à página principal.
00:02:00
O meu tema de treino agora é U e running.
00:02:03
Lembrem-se,
00:02:03
apenas as pessoas nos grupos que tu
00:02:06
ter escolhido e pode selecionar até
00:02:08
cinco grupos estão agora a ver este tema.
00:02:11
Caso deseje eliminá-lo,
00:02:13
vá para as três elipses, clique em Excluir.
00:02:16
Cuidado, não pode desfazer esta ação.
00:02:19
Acabamos de criar um novo tema para
00:02:23
organização e customização das cores.

No elements match your search in this video....
Do another search or back to content !

 

Mandarine AI: CE QUI POURRAIT VOUS INTÉRESSER

RELATED COURSES This tutorial is part of the following courses

1141 Views

Microsoft Video Training SharePoint - Managing and Configuring Microsoft SharePoint

Once my Microsoft SharePoint intranet is deployed, it is important to start configuring it. Whether you are a site member, owner, or the ...

Cours E-learning
ALL COURSES

An Error Has Occurred

Impossible de sauvegarder votre progression. Veuillez recharger la page, vous connecter, et essayer de nouveau. Si le problème persiste, merci de contacter un administrateur.

Close

Reminder

Show

/

Join Live Training Session