How To Change The Look And Feel Of Master Page In Sharepoint 2013

Sharepoint 2013 allows you to easily modify the master page to give your site a unique look and feel. By following these steps, you can customize the appearance of your Sharepoint site and enhance its overall visual appeal.

To begin, you need to activate the necessary publishing features in your Sharepoint site. This includes enabling the “Sharepoint Server Publishing Infrastructure” feature at the site collection level and the “Sharepoint Server Publishing” feature in the subsite. These features will provide you with the tools and options required to customize the master page.

Once the publishing features are activated, you can use the Design Manager to upload the HTML Master Page to the Master Page Gallery. This is where you can add the necessary scripts, CSS, images, and other files to create a cohesive and visually stunning master page.

After customizing the master page, you can apply it to your Sharepoint site. The Design Manager allows you to publish the HTML file as a master page with a major version, ensuring that your changes are properly implemented. You can then choose to apply the new master page based on the device channel, ensuring optimal display across different devices.

It is important to note that the methods described here are specific to classic experiences in SharePoint and may not be applicable to modern experiences or communication sites in SharePoint Online. Furthermore, SharePoint Designer or the Master Page Gallery can also be used to change the master page in SharePoint Online, providing additional flexibility and customization options.

With these steps, you can transform your Sharepoint 2013 site, giving it a personalized and visually appealing look and feel. Follow this guide and unlock the potential of your Sharepoint site today!

Activating the Publishing Features

The first step in changing the master page is to activate the publishing features in your Sharepoint site. This will enable you to customize the appearance of your site and make it more visually appealing. To activate the necessary features, follow these steps:

  1. Go to the site collection level in SharePoint Online and activate the “SharePoint Server Publishing Infrastructure” feature. This feature allows you to manage publishing at the site collection level.
  2. Once you have activated the feature at the site collection level, go to the subsite where you want to change the master page and activate the “SharePoint Server Publishing” feature. This feature enables you to manage publishing at the subsite level, giving you more control over the look and feel of your site.

By activating these features, you will have the necessary tools and options to customize the master page in Sharepoint 2013.

The Design Manager

After activating the publishing features, you can access the Design Manager in the Site Settings page. The Design Manager provides a user-friendly interface for customizing the master page. Here, you can upload the HTML Master Page to the Master Page Gallery, add scripts, CSS, images, and other files to enhance the look and functionality of your site.

Once you have made the necessary changes, you can convert the HTML file to a SharePoint master page using the Design Manager. This allows you to publish the master page with a major version in the Master Page Gallery, ensuring that your changes are visible and applied site-wide.

Finally, you can apply the new master page to your site based on the device channel. This means that your site will have a responsive design, adapting to different screen sizes and devices. To apply the master page, go to Site Settings, Design Manager, and select “Publish and Apply Design.” From there, you can assign the master page to your site and enjoy the updated look and feel.

Additional Options

It is worth noting that there are alternative methods to change the master page in SharePoint Online. You can use SharePoint Designer or the Master Page Gallery to select and apply a desired master page. However, it is important to ensure that the publishing feature is enabled and that the chosen master page is compatible with your site.

Please keep in mind that the methods described in this section are specific to classic experiences in SharePoint 2013 and may not be applicable to modern experiences or communication sites in SharePoint Online.

Steps Description
1 Activate “SharePoint Server Publishing Infrastructure” feature at the site collection level
2 Activate “SharePoint Server Publishing” feature in the subsite
3 Access Design Manager in Site Settings
4 Upload HTML Master Page to Master Page Gallery
5 Add required scripts, CSS, images, and other files
6 Convert HTML file to SharePoint master page using Design Manager
7 Publish HTML file with major version in Master Page Gallery
8 Apply new master page based on device channel in Site Settings

Customizing the Master Page

With the publishing features enabled, you can now customize the master page to match your desired look and feel. SharePoint 2013 provides a user-friendly tool called Design Manager to help you in this process. Here’s a step-by-step guide on how to customize the master page using Design Manager:

  1. Access the Design Manager by navigating to the Site Settings page of your SharePoint site.
  2. Upload the HTML Master Page to the Master Page Gallery. This can be done by selecting “Master pages” under “Look and Feel” in the Design Manager, then clicking on “Upload Design Files”.
  3. Once the HTML Master Page is uploaded, you can start customizing it. This includes adding scripts, CSS styles, images, and other files to achieve the desired design and functionality.
  4. Design Manager also provides a feature to convert an HTML file to a SharePoint master page. This is especially useful if you have an existing HTML template that you would like to use as your master page.
  5. After making all the necessary changes, you should publish the HTML file with a major version in the Master Page Gallery. This ensures that the customized master page is applied to your SharePoint site.

Once you have customized and published the master page, you can apply it to your SharePoint site. Go to Site Settings, navigate back to the Design Manager, and select “Publish and Apply Design”. From there, you can assign the newly customized master page to your site based on the device channel you want to target.

Table of Contents

Section Description
Step 1 Access the Design Manager
Step 2 Upload the HTML Master Page
Step 3 Customize the Master Page
Step 4 Convert HTML file to SharePoint master page
Step 5 Publish the customized master page
Step 6 Apply the new master page

Please note that the above-mentioned steps are specific to classic experiences in SharePoint 2013 and may not be applicable to modern experiences or communication sites in SharePoint Online. However, with the Design Manager, you have a powerful tool at your disposal to customize the master page according to your requirements and create a unique look and feel for your SharePoint site.

Applying the New Master Page

Once you have finished customizing the master page, you can apply it to your Sharepoint site using the Design Manager’s publishing and applying features. The Design Manager provides a seamless process to publish and apply your custom master page.

To begin, access the Design Manager in the Site Settings page. From there, you can upload the HTML Master Page to the Master Page Gallery. Make sure to include all necessary scripts, CSS, images, and other files to maintain the desired look and feel of your Sharepoint site.

Next, select the option to convert the uploaded HTML file into a SharePoint master page. This will generate the master page in the Master Page Gallery. To ensure version control and proper management, publish the HTML file with a major version.

Finally, it’s time to apply the new master page to your Sharepoint site. Navigate to Site Settings, then access the Design Manager. From the Design Manager, choose “Publish and Apply Design” and select the newly created master page. Assign the master page based on the device channel to ensure optimal user experience.

Remember, these steps are specific to classic experiences in SharePoint and may not be applicable to modern experiences or communication sites in SharePoint Online. If you prefer, you can also use SharePoint Designer or the Master Page Gallery to change the master page in SharePoint Online, as long as the publishing feature is enabled and the desired master page is selected.

Meet the Author

Abdul Rahim has been working in Information Technology for over two decades. Learn how Abdul got his start as a Tech Blogger , and why he decided to start this Software blog. If you want to send Abdul a quick message, then visit his contact page here.