Book Image

SharePoint 2013 WCM Advanced Cookbook

By : JOHN CHAPMAN
Book Image

SharePoint 2013 WCM Advanced Cookbook

By: JOHN CHAPMAN

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
SharePoint 2013 WCM Advanced Cookbook
JOHN CHAPMAN
Jan, 2014 | 436 pages
No titles found
Table of Contents (19 chapters)
SharePoint 2013 WCM Advanced Cookbook
SharePoint 2013 WCM Advanced Cookbook
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Branding SharePoint with Composed Looks
Branding SharePoint with Composed Looks
Introduction
Applying a composed look
Changing the site master pages
Changing the site logo
Uploading a custom color palette
Uploading a custom font scheme
Creating a custom composed look
Using PowerShell to apply a composed look to all sites in a site collection
Using PowerShell to apply master page and logo settings to all sites in a farm
2
Branding SharePoint with Device Channels and Design Packages
Branding SharePoint with Device Channels and Design Packages
Introduction
Creating a device channel for mobile devices
Applying a master page to a device channel
Creating and exporting a design package
Importing and applying a design package
Importing a design package to all site collections with PowerShell
Listing the device channel master pages
3
Branding SharePoint with Custom Master Pages and Page Layouts
Branding SharePoint with Custom Master Pages and Page Layouts
Introduction
Editing a master page in SharePoint Designer
Changing the site master pages in SharePoint Designer
Hiding unwanted master page controls
Restoring the Navigate Up button using a master page
Adding JavaScript and cascading stylesheet references to a master page
Creating a fixed width master page
Creating an expanding width master page with content padding
Creating a minimalistic master page
Creating a responsive mobile master page
Customizing the Windows 8 Start menu tile for pinning sites using a master page
Customizing the shortcut icon (favicon) using a master page
Creating a page layout with three columns of web part zones
Creating a page layout with web parts added to the page
Creating a page layout with a picture-library-based image carousel using JavaScript
Displaying specific content only to authenticated users
Displaying specific content only to anonymous users
Displaying specific content only to site administrators
Creating a master page with editing controls only available to editors
4
Packaging Branding Elements in a SharePoint Solution with Visual Studio
Packaging Branding Elements in a SharePoint Solution with Visual Studio
Introduction
Creating a Visual Studio SharePoint solution
Including images, cascading stylesheets, and JavaScript resources in a SharePoint solution
Including master pages in a SharePoint solution
Including page layouts in a SharePoint solution
Adding localization to a SharePoint solution
Creating a site feature to apply branding
Creating the site collection feature to apply the feature to new and existing sites
Creating a timer job to ensure the site branding feature is activated
Packaging and deploying the SharePoint solution
Activating the site collection feature on all site collections with PowerShell
5
Enhancing the Content Creation Process with the SharePoint Publishing Architecture
Enhancing the Content Creation Process with the SharePoint Publishing Architecture
Introduction
Setting up a new publishing site
Enabling the publishing features on an existing site
Setting up contributor and approver access for publishing content
Configuring the versioning settings of the Pages library
Creating a publishing web part page
Checking out publishing content for editing
Checking in edited publishing content
Publishing checked-in publishing content
Approving publishing content
Reverting publishing content to a previous version
Setting up a publishing site with workflow
Creating a web part page and adding web parts with PowerShell
Identifying all checked-out publishing pages in a site with PowerShell
Creating an image rendition
Inserting an image rendition into page content
6
Centralizing and Structuring Content with Cross-site Publishing and Managed Metadata
Centralizing and Structuring Content with Cross-site Publishing and Managed Metadata
Introduction
Creating a new managed metadata service application
Creating a categories term set for product catalog navigation
Creating a product catalog authoring site collection
Configuring the products list
Creating a catalog document library
Setting up a consuming site collection and connecting to the product catalog list
Setting up a consuming site collection with separate branding
7
Customizing the SharePoint Experience with Delegate Controls
Customizing the SharePoint Experience with Delegate Controls
Introduction
Creating a Visual Studio solution for custom delegate controls
Adding JavaScript and stylesheets with an AdditionalPageHead delegate control
Customizing the suite bar branding with a SuiteBarBrandingDelegate delegate control
Customizing the suite bar links with a SuiteLinksDelegate delegate control
Adding Office 365-style drop-down menus to suite bar links
Adding promoted action links with the PromotedActions delegate control
Customizing header navigation with a TopNavigationDataSource delegate control
Customizing quick launch navigation with a QuickLaunchDataSource delegate control
Restoring the Navigate Up button with an AdditionalPageHead delegate control
Adding meta tags to pages from custom library fields with an AdditionalPageHead delegate control
Storing analytics tracking code with a site collection settings page
Adding stored analytics tracking code to pages with an AdditionalPageHead delegate control
8
Enhancing User Input with InfoPath Forms
Enhancing User Input with InfoPath Forms
Introduction
Customizing the SharePoint list entry form templates with InfoPath
Creating InfoPath forms that are submitted to the SharePoint form libraries
Creating a SharePoint list to provide a drop-down menu data to InfoPath
Adding a drop-down menu to InfoPath using SharePoint list data
Paginating InfoPath forms with views
Validating data in InfoPath forms
Calculating field values in InfoPath based on the values of other fields
Adding custom .NET code to an InfoPath form
Preparing InfoPath forms for approval by SharePoint administrators
Approving submitted InfoPath forms in SharePoint
Creating libraries using approved InfoPath forms in SharePoint
Creating a survey InfoPath form that gets locked after submission and populates the SharePoint fields
9
Configuring Search
Configuring Search
Introduction
Provisioning a search service application
Configuring a search content source
Creating a search center site
Connecting a site collection to a search center
Creating a search scope
Using a search query rule to promote an item in search results
Configuring search engine optimization settings
10
Creating Multilingual Sites with SharePoint Variations
Creating Multilingual Sites with SharePoint Variations
Introduction
Installing SharePoint language packs
Configuring SharePoint with installed language packs
Provisioning a machine translation service application
Configuring machine translation timer jobs
Configuring site collection variation settings
Creating the primary language variation label
Creating the secondary language variation labels
Checking the status of the variation hierarchy
Creating, publishing, and updating targets with a new publishing page
Creating translation packages for human translation
Uploading translation packages
Translating content with the machine translation service
11
Configuring Content Deployment
Configuring Content Deployment
Introduction
Configuring the source site collection for content deployment
Configuring the farm content deployment settings
Creating the content deployment path
Creating the content deployment job
Performing the content deployment
12
Configuring Anonymous Access
Configuring Anonymous Access
Introduction
Configuring anonymous access for web applications
Configuring anonymous access for site content
Limiting access to application pages
Identifying anonymously accessible content with PowerShell
Verifying anonymous access to content with PowerShell
Index
Index

Uploading a custom color palette

SharePoint 2013 comes with 32 color palettes. If you are incorporating the branding of an organization you will likely need to customize the colors to match. Color palettes are simple XML files; however, they contain over 90 configured values. Identifying the appropriate values to update manually can be tedious. To simplify the process of creating new color palettes, Microsoft has made available the SharePoint Color Palette Tool for download. This tool can be downloaded from http://www.microsoft.com/en-us/download/details.aspx?id=38182.

The SharePoint Color Palette Tool provides:

  • A live preview using the same layout as the live preview when configuring and applying a composed look, which we covered previously

  • The configuration of each color element

  • The configuration of which colors to use, when displaying in the color palette's drop-down list in the web interface

  • The option to preview with a background image

  • A preview utilizing various layouts in order to ensure the color palette applies well to the various page layouts and provides proper contrast between elements

We won't go into all of the details of using the tool to create color palettes. We will, however, cover how to upload the color palettes once created by the SharePoint Color Palette Tool.

Getting ready

To complete this recipe you will need a custom color palette created and ready to upload.

How to do it...

Follow these steps to upload a custom color palette:

  1. Navigate to the site in your preferred web browser.

  2. Select Site settings from the Settings menu.

  3. Select Themes from the Web Designer Galleries section.

  4. Select the folder named 15.

  5. Select New Document to upload and save the color palette file.

    Note

    Alternatively, SharePoint 2013 also supports dragging-and-dropping files from Windows Explorer to the web interface in most browsers.

How it works...

The SharePoint color palettes are simply stored as files in a folder in a document library found at /_catalogs/theme/15. In this recipe, we uploaded our custom color palette to this document library and made it available for use when applying composed looks. The following screenshot shows our custom color palette in the folder named 15 which is inside the Theme Gallery library:

There's more...

A color palette may also be uploaded with SharePoint Designer 2013, PowerShell, or code using the server-side object model.

Uploading a custom color palette using SharePoint Designer

SharePoint Designer 2013 can be used to browse and manage document libraries in SharePoint 2013. Follow these steps to upload a custom color palette using SharePoint Designer 2013:

  1. Open the site in SharePoint Designer.

  2. In the Site Objects pane on the left-hand side, select All Files.

  3. In the All Files list, navigate to _catalogs | theme | 15.

  4. In the ribbon, click on Import Files.

  5. Select Add File to browse and select the color palette file.

  6. Click on OK to import the color palette file.

Uploading a custom color palette using PowerShell

Follow these steps required to upload a custom color palette using PowerShell:

  1. Get the site using the Get-SPWeb Cmdlet:

    $web = Get-SPWeb http://sharepoint/site

  2. Assign the path of the color palette file to a variable:

    $filePath = "C:\mypalette.spcolor"

  3. Get the /_catalogs/theme/15 folder from the SPWeb object:

    $themeFolder = $web.Folders["_catalogs"].Subfolders["theme"].Subfolders["15"]

  4. Get the filename from the file path using the GetFileName method of the System.IO.Path class:

    $fileName = [System.IO.Path]::GetFileName($filePath)

  5. Get the contents of the file using the OpenRead method of the System.IO.File class:

    $fileStream = [System.IO.File]::OpenRead($filePath)

  6. Add the file to the Files collection of the folder using the name of the file and file contents. We are setting the third parameter to true to specify that this should override an existing file if it already exists by the same name:

    $themeFolder.Files.Add($fileName, $fileStream, $true)

  7. Call the Update method on the folder to update the Files collection:

    $themeFolder.Update()

  8. Use the Dispose method to discard the SPWeb object:

    $web.Dispose()

Uploading a custom color palette with code using the server-side object model

Follow these steps to upload a custom color palette with code using the server-side object model:

  1. Open the site collection containing the site in a using statement:

    using (var site = new SPSite("http://sharepoint/site"))

  2. Open the site in a using statement:

    using (var web = site.OpenWeb())

  3. Assign the path of the color palette file to a variable:

    var filePath = "C:\mypalette.spcolor";

  4. Get the /_catalogs/theme/15 folder from the SPWeb object:

    var themeFolder = web.Folders["_catalogs"].SubFolders["theme"].SubFolders["15"];

  5. Get the filename using the GetFileName method of the System.IO.Path class:

    var fileName = Path.GetFileName(filePath);

  6. Get the contents of the file using the OpenRead method of the System.IO.File class:

    var fileStream = File.OpenRead(filePath);

  7. Add the file to the Files collection of the folder using the name of the file and file contents. We are setting the third parameter to true to specify that this should override an existing file if it already exists by the same name:

    themeFolder.Files.Add(fileName, fileStream, true);

  8. Call the Update method on the folder to update the Files collection:

    themeFolder.Update();

See also

Previous Section
End of Section 6
Next Section