Adding few branding disclamers around modern vs classic

VesaJuvonen · VesaJuvonen · commit d68c2128b9fb · 2020-12-07T20:47:42.000+02:00
diff --git a/docs/general-development/develop-the-site-design-in-sharepoint.md b/docs/general-development/develop-the-site-design-in-sharepoint.md
@@ -10,8 +10,9 @@ localization_priority: Priority
 # Develop the site design in SharePoint
 Find links to information about using Design Manager and implementing a design for your SharePoint site.
 If you want your SharePoint site to represent your organization's brand and not "look like SharePoint," you can create a custom design and use Design Manager to achieve that goal. Design Manager is a feature in SharePoint that makes it easier to create a fully customized, pixel-perfect design while using the web-design tools that you're already familiar with. Design Manager is a publishing feature that is available in publishing sites in both SharePoint and Office 365. You can also use Design Manager to brand the public-facing website in Office 365.
-  
-    
+
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
     
 
 For more information about using Design Manager to customize your sites, see the following articles and their subtopics:
diff --git a/docs/general-development/how-to-add-a-web-part-zone-snippet-in-sharepoint.md b/docs/general-development/how-to-add-a-web-part-zone-snippet-in-sharepoint.md
@@ -9,6 +9,9 @@ localization_priority: Priority
 
 # Add a web part zone snippet in SharePoint
 
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 A web part zone is a snippet that you can add to a page layout so that content authors can add, edit, or delete web parts in that zone.
 
 ## Introduction to the web part zone snippet
diff --git a/docs/general-development/how-to-add-an-edit-mode-panel-snippet-in-sharepoint.md b/docs/general-development/how-to-add-an-edit-mode-panel-snippet-in-sharepoint.md
@@ -9,6 +9,9 @@ localization_priority: Normal
 
 # Add an Edit Mode Panel snippet in SharePoint
 
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 An Edit Mode Panel is a snippet that you can use to display instructions or other content to content authors, who see the contents of that panel only when they edit a page. Conversely, this snippet can also be configured to display its contents only in regular (view) mode instead of in edit mode.
 
 ## Introduction to the Edit Mode Panel
diff --git a/docs/general-development/how-to-apply-a-master-page-to-a-site-in-sharepoint.md b/docs/general-development/how-to-apply-a-master-page-to-a-site-in-sharepoint.md
@@ -8,6 +8,10 @@ localization_priority: Priority
 
 
 # Apply a master page to a site in SharePoint
+
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 Learn how to map a master page to a SharePoint site.
 ## Mapping a master page to a site
 
diff --git a/docs/general-development/how-to-brand-snippets-by-using-css-in-sharepoint.md b/docs/general-development/how-to-brand-snippets-by-using-css-in-sharepoint.md
@@ -9,6 +9,9 @@ localization_priority: Priority
 
 # Brand snippets by using CSS in SharePoint
 
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 To style a snippet, you override the default styles with custom CSS. You can use CSS IDs and element selectors to override all the default styles applied to elements, or you can use an HTML editor or a tool such as the F12 developer tools in Internet Explorer to identify and override specific default styles.
 
 ## Introduction to styling snippets with CSS
diff --git a/docs/general-development/how-to-change-the-preview-page-in-sharepoint-design-manager.md b/docs/general-development/how-to-change-the-preview-page-in-sharepoint-design-manager.md
@@ -8,6 +8,10 @@ localization_priority: Priority
 
 
 # Change the preview page in SharePoint Design Manager
+
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 Learn how to set, create, and change the preview page in Design Manager in SharePoint.
 The preview page is the page of your site that you use to see how your design looks. You can set the preview page to be either a specific page within your site or a generic preview. If you choose the generic preview, you'll see your master page with only a placeholder for content. You'll also see a message in the banner that you're currently previewing the master page without any content. If you choose a specific page, you'll see the page content rendered with the master page and the appropriate page layout.
   
diff --git a/docs/general-development/how-to-convert-an-html-file-into-a-master-page-in-sharepoint.md b/docs/general-development/how-to-convert-an-html-file-into-a-master-page-in-sharepoint.md
@@ -9,6 +9,9 @@ localization_priority: Priority
 
 # Convert an .html file into a master page in SharePoint
 
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 With Design Manager, you can convert an .html file into a SharePoint master page, a .master file. After the conversion, the .html file and master page are associated, so that when you edit and save the .html file, the changes are synced to the associated master page.
 
 ## Introduction to converting a master page
diff --git a/docs/general-development/how-to-create-a-master-page-preview-file-in-sharepoint.md b/docs/general-development/how-to-create-a-master-page-preview-file-in-sharepoint.md
@@ -9,6 +9,9 @@ localization_priority: Normal
 
 # Create a master page preview file in SharePoint
 
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 Learn how to create master page preview files that are used in the SharePoint theming experience to display a preview of selected theme components.
 
 The **Change the look** wizard is the entry point to the SharePoint theming experience. The design gallery is the first page in the **Change the look** wizard and shows a thumbnail view of available designs. Users select a design for their site and then continue to the next page where they can customize the design. Users can then preview the site before applying the design to their site. The master page preview file is used to generate the thumbnail and preview images. If a master page does not have a corresponding preview file, it cannot be used in the theming experience.
diff --git a/docs/general-development/how-to-create-a-minimal-master-page-in-sharepoint.md b/docs/general-development/how-to-create-a-minimal-master-page-in-sharepoint.md
@@ -9,6 +9,9 @@ localization_priority: Priority
 
 # Create a minimal master page in SharePoint
 
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 A minimal master page contains only those page elements that are required by SharePoint to render the page correctly in the browser. With Design Manager, you can quickly create a minimal master page without first having to design and convert an HTML file.
 
 ## Introduction to the minimal master page
diff --git a/docs/general-development/how-to-create-a-page-layout-in-sharepoint.md b/docs/general-development/how-to-create-a-page-layout-in-sharepoint.md
@@ -9,6 +9,9 @@ localization_priority: Priority
 
 # Create a page layout in SharePoint
 
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 When you use Design Manager to create a page layout, two files are created: an .aspx file that SharePoint uses, and an HTML version of that page layout that you can edit in your HTML editor. The HTML file and page layout are associated, so that whenever you edit and save the HTML file, your changes are synced to the associated page layout.
 
 ## Introduction to page layouts
diff --git a/docs/general-development/master-pages-the-master-page-gallery-and-page-layouts-in-sharepoint.md b/docs/general-development/master-pages-the-master-page-gallery-and-page-layouts-in-sharepoint.md
@@ -9,6 +9,10 @@ localization_priority: Priority
 
 # Master pages, the Master Page Gallery, and page layouts in SharePoint
 Find links to information about using Design Manager to work with master pages, page layouts, and display templates in publishing sites in SharePoint.
+
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 Design Manager is a feature in SharePoint that makes it easier to create a fully customized, pixel-perfect design while using the web-design tools that you're already familiar with. Design Manager is a publishing feature that is available in publishing sites in both SharePoint and Office 365. You can also use Design Manager to brand the public-facing website in Office 365.
   
     
diff --git a/docs/general-development/overview-of-design-manager-in-sharepoint.md b/docs/general-development/overview-of-design-manager-in-sharepoint.md
@@ -8,6 +8,11 @@ localization_priority: Priority
 
 
 # Overview of Design Manager in SharePoint
+
+
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 Get an overview of using Design Manager to brand your SharePoint site. Design Manager is a publishing feature that is available in publishing sites in both SharePoint and Office 365. 
 ## Introduction to Design Manager
 <a name="Introduction"> </a>
diff --git a/docs/general-development/overview-of-the-sharepoint-page-model.md b/docs/general-development/overview-of-the-sharepoint-page-model.md
@@ -9,6 +9,11 @@ localization_priority: Priority
 
 # Overview of the SharePoint page model
 Learn about the revised page model—including master pages and page layouts—redesigned for SharePoint.
+
+
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 ## Introduction to the page model
 <a name="bk_Introduction"> </a>
 
diff --git a/docs/general-development/sharepoint-design-manager-branding-and-design-capabilities.md b/docs/general-development/sharepoint-design-manager-branding-and-design-capabilities.md
@@ -8,6 +8,10 @@ localization_priority: Priority
 
 
 # SharePoint Design Manager branding and design capabilities
+
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 Find links to information about using Design Manager branding and design capabilities in SharePoint.
 Design Manager in SharePoint provides a new approach for designing websites. Several new branding and design-based capabilities available in Design Manager enable you to create a compelling look, feel, and behavior for your SharePoint site. Design Manager also supports importing and exporting a visual design, and can help you ensure a consistent visual experience across all device platforms in your organization.
   
diff --git a/docs/general-development/sharepoint-design-manager-design-packages.md b/docs/general-development/sharepoint-design-manager-design-packages.md
@@ -9,6 +9,10 @@ localization_priority: Priority
 
 
 # SharePoint Design Manager design packages
+
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 Learn how to build and export the visual design of a SharePoint site collection as a package.
 ## Overview of Design Packages
 <a name="int"> </a>
diff --git a/docs/general-development/sharepoint-design-manager-device-channels.md b/docs/general-development/sharepoint-design-manager-device-channels.md
@@ -10,6 +10,10 @@ localization_priority: Priority
 
 # SharePoint Design Manager device channels
 Learn about, plan and configure a device channels experience on a SharePoint site.
+
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 ## Introduction to device channels
 <a name="Int"> </a>
 
diff --git a/docs/general-development/sharepoint-design-manager-display-templates.md b/docs/general-development/sharepoint-design-manager-display-templates.md
@@ -8,7 +8,12 @@ localization_priority: Priority
 
 
 # SharePoint Design Manager display templates
+
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 Learn about display templates, including: how they relate to Search web parts, how the templates are structured, how to map properties and use variables and jQuery, and how to create a custom display template in SharePoint.
+
 ## Introduction to display templates
 <a name="bk_introduction"> </a>
 
diff --git a/docs/general-development/sharepoint-design-manager-image-renditions.md b/docs/general-development/sharepoint-design-manager-image-renditions.md
@@ -8,6 +8,10 @@ localization_priority: Priority
 
 
 # SharePoint Design Manager image renditions
+
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 Learn how to create an image rendition, how to add it to a page, and how to crop it. An image rendition defines the dimensions that are used to display images in SharePoint publishing sites.
 Image renditions enable you to display differently sized versions of an image on different pages in a publishing site, based on the same source image. When you create an image rendition, you specify the width and/or height for all images that use that image rendition. The image renditions are available for every image that is uploaded to a library in that site collection. For example, designers can create an image rendition to display thumbnail images and another image rendition to display banner images. When an image is added to a page, the author can specify the image rendition to use on that image. Authors can also crop the image rendition to specify the portion of the image to use in the image rendition. The correct image size is displayed when the page is rendered.
   
diff --git a/docs/general-development/sharepoint-design-manager-snippets.md b/docs/general-development/sharepoint-design-manager-snippets.md
@@ -8,6 +8,10 @@ localization_priority: Priority
 
 
 # SharePoint Design Manager snippets
+
+> [!IMPORTANT] 
+> This extensibility option is **only** available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites. We do not recommend using classic experience or these branding techniques anymore.
+
 A snippet is an HTML representation of a SharePoint component or control such as a navigation bar or a web part. By using the Snippet Gallery in Design Manager, you can quickly add SharePoint functionality to your HTML master page or page layout.
 ## Introduction to snippets and the Snippet Gallery
 <a name="Introduction"> </a>
