Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Themes & Composed Looks in SharePoint 2013 & O365

1,340 views

Published on

Presentation for SharePoint Saturday NYC 2015

Published in: Technology
  • ➤➤ 3 Reasons Why You Shouldn't take Pills for ED (important) ●●● http://ishbv.com/rockhardx/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Themes & Composed Looks in SharePoint 2013 & O365

  1. 1. Accessible content is available upon request. Themes & Composed Looks for SP2013 and O365 D’arce Hess SPSNYC 2015
  2. 2. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Text/Icon/Pic Text/Icon/Pic Text/Pic @darcehess https://www.linkedin.com/in/darcehess Darce.Hess@avepoint.com D’arce Hess
  3. 3. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Questions Introduction Components Tools Deployment References
  4. 4. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. INTRODUCTION
  5. 5. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Composed Looks Change the theme by going to Site Settings Change the Look
  6. 6. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. OOTB Composed Looks 18 Provided OOTB Can be modified, but Best Practice to make a copy
  7. 7. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Background Image Color Palette Font Master Page
  8. 8. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. COMPONENTS
  9. 9. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Parts of a Composed Look Master Page CSS Color Palette Font Background Image
  10. 10. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Master Pages The Seattle Master Page contains a left navigation The Olso Master Page does not contain a left navigation Seattle.master Olso.master
  11. 11. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Custom CSS (Alternate CSS) Adjust any custom CSS to allow for theming using .spcolor naming convention. Microsoft Reference: https://msdn.microsoft.com/en-us/library/office/jj945889.aspx For Custom CSS to be themable, file must be stored in “Themable” folder in the Style Library
  12. 12. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Custom CSS (Alternate CSS) Apply Alternate CSS through Master Page settings.
  13. 13. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Color Palette XML file that SharePoint reads to apply HEX colors to various items in SharePoint /sites/yoursite/_catalogs/theme/15/palette015.spcolor Where it is located: Microsoft Reference: https://msdn.microsoft.com/en-us/library/office/jj945889.aspx
  14. 14. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Font /sites/yoursite/_catalogs/theme/15/fontscheme001.spfont Where it is located: XML file that SharePoint reads to apply font changes to various items in SharePoint.
  15. 15. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Background Image Following formats are accepted: • .jpg • .bmp • .png • .gif File size restriction on the image is 150KB, so be sure to optimize your img ahead of time. Save img in Site Assets
  16. 16. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. TOOLS
  17. 17. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. SharePoint Color Palette Tool Download: CLICK HERE
  18. 18. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. DEMO
  19. 19. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. DEPLOYMENT
  20. 20. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Create .spcolor file Create .spfont file Choose Master Page Gather Background Img Load Custom CSS file Create Composed Look Composed Looks
  21. 21. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Navigate to /yoursite/_catalogs/design/AllItems.aspx New Item
  22. 22. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Fill out the required fields and press “Save” button when finished.
  23. 23. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Navigate to Site Settings and choose “Change the Look” Choose your custom Composed Look
  24. 24. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Choose “try it out” to load a preview file
  25. 25. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. If you like the preview, choose “Yes, keep it”.
  26. 26. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Voila! Your theme has been applied.
  27. 27. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. DEMO
  28. 28. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. Powershell Manual Deployment “Add-in” Model/CSOM Third-Party Solution Multiple Site Collection Deployment
  29. 29. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. REFERENCES
  30. 30. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. SharePoint Color Palette Tool https://www.microsoft.com/en- us/download/details.aspx?id=38182 Scott Hiller’s Provisioning Documentation https://github.com/ScotHillier/SPSBoston2015 Microsoft spcolor file reference https://msdn.microsoft.com/en- us/library/office/jj945889.aspx
  31. 31. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc. QUESTION & ANSWER
  32. 32. ©AvePoint, Inc. All rights reserved. Confidential and proprietary information of AvePoint, Inc. No part of this may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written consent of AvePoint, Inc.

×