Wendy O
Wendy O

Reputation: 11

PSD to SharePoint Templates

I require some help with “customized SharePoint templates”. Is there a way to convert a .PSD to a SharePoint template? I have experience with converting .PSD to Wordpress themes, but can you do the same in SharePoint? Any good tutorials online?

Upvotes: 1

Views: 2237

Answers (1)

MikeM
MikeM

Reputation: 27405

You can create a SharePoint template by customizing a MasterPage

To get started create a minimal MasterPage: How to: Create a Minimal Master Page

Slice your PSD to HTML using the minimal MasterPage.

SharePoint MasterPages have multiple PlaceHolder controls for PageLayouts to insert content in specific parts of the MasterPage.

The key PlaceHolder for page specific content is PlaceHolderMain

Other placeholders that you may utilize in PageLayouts include:

  • PlaceHolderPageTitle for the page title (text within <head><title>[Page Title]</title>...</head>)
  • PlaceHolderAdditionalPageHead for additional CSS/JavaScript includes

MasterPage:

<asp:ContentPlaceHolder id="PlaceHolderMain" runat="server" />

PageLayout:

<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">
    ... <!-- page specific content, usually involving a WebPartManager -->
</asp:Content>

Additional Reading:

Upvotes: 3

Related Questions