Skip to main content
Creating and applying a Composed Look:

1. Download SharePoint Designer 2013 and SharePoint Color Palette Tool.
2. Create your theme using the SharePoint Color Palette Tool and save it as a .spcolor file. Suggest that you sort the Color Slot Grouping by UI Groups.
3. Open SharePoint Designer 2013.
4. Click Open Site.
5. Enter the URL of your SharePoint page (Master Page).
6. Click on All Files under Navigation.
7. Click on _catalogs.
8. Click on theme.
9. Click on 15.
10. Click Import Files.
11. Select your .spcolor file and click ok. You should now see your template file in the 15 directory.




12. Click All Files.
13. Click images.
14. Click Import Files.
15. Select the image you want for your background image and click ok. You should now see your image file in the image directory.
16. Now open the master page that you want to add the theme to in SharePoint 2013.
17. Click on the settings icon and select Site Settings.
18. Under Web Designer Galleries, select Composed Looks.
19. Click + new item.
20. You should now see a list that looks like this:



21. Give the theme a title and name.
22. Enter the Master Page URL: http://www.something123.edu/_catalogs/masterpage/seattle.master or /_catalogs/masterpage/oslo.master
23. Enter the theme URL: /_catalogs/theme/15/Whatever_You_Named_It.spcolor
24. Enter the Image URL: /images/Whatever_You_Named_It.jpg
25. Enter the Font Scheme URL: /_catalogs/theme/15/fontscheme007.spfont
26. Change the Display Order to 5.
27. Click Save. You should now see your theme in the list of composed looks.
28. Click on the settings icon.
29. Click on Change the look. You should now see your template listed.



30. Select your theme.
31. Click Try it out.
32. If you like what you see, click on Yes, keep it. Your theme should now be applied to the master page and its subpages.


Special thanks to Chip Candler for testing and documenting this process. Also special thanks to Randy Drisgill, John Ross, and Paul Stubbs for their book SharepOint 2013 Branding and User Interface Design which was instrumental in helping us do this!
Labels:

Comments

Post a Comment

Popular posts from this blog

Make your SharePoint Libraries Favorites in Windows Explorer for Easier Saving

You're working furiously on a document with only a few minutes left until the doors close for the day (or your laptop battery dies, or some other emergency happens). You need to save the document to SharePoint, but you can't remember where the document library is in which you need to save the document.  If you make your frequently used Document Libraries Favorites in Windows Explorer.  That won’t be a problem again! Here's how to make it easier to save your documents to your SharePoint library: Create a Favorite in Windows Explorer.  Not in your browser (Internet Explorer, Chrome, Firefox, etc.). Let me show you what I mean: Figure 1: Windows Explorer Favorites So how did I get this screen? And how did I put the Shared Documents folder in my Favorites? This blog post will answer those questions. How to Get to the Favorites in Windows Explorer: I’m using Windows 7, so if you’re running XP, Vista, or Win8, your screen may lo...
Post a Comment
Read more

This link no longer works, because it may have been moved or deleted error when following a site from a Mysite location

This link no longer works, because it may have been moved or deleted. You can try to find it and follow it in its new location. (via www.absolute-sharepoint.com ) I had a problem at a client who had SharePoint 2013 MySites and a couple of WebApplications. Users were able to follow sites and they appeared in their mysite as usual, however when they clicked on them, they had this error: This link no longer works…
Post a Comment
Read more