Navigatie overslaan en direct naar de pagina gaan
inloggen | helpdesk | Zoeken
Home > Hoe maak ik een Minimal Masterpage

Hoe maak ik een Minimal Masterpage

In ons Computron Software weblog houden wij u op de hoogte van nieuws op het gebied van Software Engineering.

Weblog

 

Waarom gebruiken we Masterpages?
Wanneer je een site hebt wil je dat de site een consistente look en feel heeft. Graag zul je ook willen zien dat op elke pagina bijvoorbeeld het logo van het bedrijf zichtbaar is.
Nu kun je uiteraard elke pagina gaan bewerken en overal het logo handmatig plaatsen maar met behulp van masterpages kan dat veel makkelijker.
 
Eén enkele masterpage kan de look and feel van ontelbare pagina’s beïnvloeden. Het is als het ware een sjabloon waar alle pagina’s die daaraan gekoppeld zijn naar luisteren. Je kunt alle onderdelen van Sharepoint verplaatsen, denk hierbij aan bijvoorbeeld het navigatie gedeelte. Maar je kunt ook nieuwe onderdelen toevoegen, zoals een bedrijfslogo dat altijd rechts onderin zichtbaar moet zijn.
 
Minimal Masterpage
Sharepoint komt standaard met een aantal masterpages. Deze zijn echter in veel gevallen niet helemaal naar wens. Daarom kunnen we met behulp van ‘Microsoft Office Sharepoint Designer 2007’ zelf onze eigen masterpage maken. In dit artikel laten we zien hoe je een masterpage kan maken met de minimaal benodigde onderdelen zonder enige opmaak.
 
Voordat we beginnen is het belangrijk om te weten dat een masterpage bestaat uit diverse Placeholders. Dit zijn aangegeven regio’s op een pagina waar content en controls op geplaatst kunnen worden. Op een masterpage staan een hele set van deze placeholders die allemaal verplicht zijn. Wanneer er één mist zal de pagina een foutmelding geven.
 
Microsoft heeft op de MSDN site een stuk code aangeboden waarin alle verplichten onderdelen opgenomen zijn.
           
  1. Open Sharepoint Designer.
  2. Ga naar File -> New -> kies hier ‘Master Page’.
  3. Kies onderin het scherm voor code, selecteer alles wat er staat en vervang dit door onderstaande code.
<%-- Identifies this page as a .master page written in C# and registers tag prefixes, namespaces, assemblies, and controls. --%>
<%@ Master language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ Import Namespace="Microsoft.SharePoint" %>
<%@ Register Tagprefix="SPSWC" Namespace="Microsoft.SharePoint.Portal.WebControls" Assembly="Microsoft.SharePoint.Portal, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="PublishingWebControls" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="PublishingNavigation" Namespace="Microsoft.SharePoint.Publishing.Navigation" Assembly="Microsoft.SharePoint.Publishing, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="wssuc" TagName="Welcome" src="~/_controltemplates/Welcome.ascx" %>
<%@ Register TagPrefix="wssuc" TagName="DesignModeConsole" src="~/_controltemplates/DesignModeConsole.ascx" %>
<%@ Register TagPrefix="PublishingVariations" TagName="VariationsLabelMenu" src="~/_controltemplates/VariationsLabelMenu.ascx" %>
<%@ Register Tagprefix="PublishingConsole" TagName="Console" src="~/_controltemplates/PublishingConsole.ascx" %>
<%@ Register TagPrefix="PublishingSiteAction" TagName="SiteActionMenu" src="~/_controltemplates/PublishingActionMenu.ascx" %>
<%-- Uses the Microsoft Office namespace and schema. --%>
<html>
  <WebPartPages:SPWebPartManager runat="server"/>
  <SharePoint:RobotsMetaTag runat="server"/>
  <%-- The head section includes a content placeholder for the page title and links to CSS and JavaScript files that run on the server. --%>
  <head runat="server">
    <asp:ContentPlaceHolder runat="server" id="head">
      <title>
        <asp:ContentPlaceHolder id="PlaceHolderPageTitle" runat="server" />
      </title>
    </asp:ContentPlaceHolder>
    <Sharepoint:CssLink runat="server"/>
    <asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server" />
  </head>
 
  <%-- When loading the body of the .master page, MOSS 2007 also loads the SpBodyOnLoadWrapper class. This class handles .js calls for the master page. --%>
  <body onload="BLOCKED SCRIPT_spBodyOnLoadWrapper();">
    <%-- The SPWebPartManager manages all of the Web part controls, functionality, and events that occur on a Web page. --%>
    <form runat="server" onsubmit="return _spFormOnSubmitWrapper();">
      <wssuc:Welcome id="explitLogout" runat="server"/>
      <PublishingSiteAction:SiteActionMenu runat="server"/> 
      <PublishingWebControls:AuthoringContainer id="authoringcontrols" runat="server">
        <PublishingConsole:Console runat="server" />
      </PublishingWebControls:AuthoringContainer>
      <%-- The PlaceHolderMain content placeholder defines where the page content should go for all the content from the page layout. The page layout can overwrite any content placeholder from the master page. Example: The PlaceHolderLeftNavBar can overwrite the left navigation bar. --%>
      <asp:ContentPlaceHolder id="PlaceHolderMain" runat="server" />
        <asp:Panel visible="false" runat="server">
        <%-- These ContentPlaceHolders are only necessary to ensure all out of the box MOSS 2007 pages render with this master page. If the system master page is set to any default master page, the only content placeholders required are those that are overridden by your page layouts. --%>
<asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server"/>
<asp:ContentPlaceHolder id="PlaceHolderTitleBreadcrumb" runat="server"/>
<asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea"  runat="server"/>
<asp:ContentPlaceHolder id="PlaceHolderLeftNavBar" runat="server"/>
<asp:ContentPlaceHolder ID="PlaceHolderPageImage" runat="server"/>
<asp:ContentPlaceHolder ID="PlaceHolderBodyLeftBorder" runat="server"/>
<asp:ContentPlaceHolder ID="PlaceHolderNavSpacer" runat="server"/>
<asp:ContentPlaceHolder ID="PlaceHolderTitleLeftBorder" runat="server"/>
<asp:ContentPlaceHolder ID="PlaceHolderTitleAreaSeparator" runat="server"/>
<asp:ContentPlaceHolder ID="PlaceHolderMiniConsole" runat="server"/>
<asp:ContentPlaceHolder id="PlaceHolderCalendarNavigator" runat ="server" />
<asp:ContentPlaceHolder id="PlaceHolderLeftActions" runat ="server"/>
<asp:ContentPlaceHolder id="PlaceHolderPageDescription" runat ="server"/>
<asp:ContentPlaceHolder id="PlaceHolderBodyAreaClass" runat ="server"/>
<asp:ContentPlaceHolder id="PlaceHolderTitleAreaClass" runat ="server"/>
</asp:Panel>
    </form>
  </body>
</html>
4.     Kies nu File -> Save as -> Geef een naam op met de .master  extensie. Sla hem op in de masterpage gallery. (/_catalogs/masterpage)

De minimal masterpage is nu aangemaakt en is klaar om bewerkt te worden.

Bekijk ook de andere onderwerpen