Creando Page Layouts desde SharePoint designer 2010 - Parte 1

Piero Marchena — Sun, 11 Mar 2012 21:02:00 GMT

Muchas veces cuando trabajamos en nuestros portales requerimos personalizar la estructura del contenido que publicamos. Esto lo podemos lograr mediante SharePoint designer, sin embargo tener que realizar este trabajo repetidas veces resulta ineficiente.

Sin embargo las personalizaciones de páginas pueden ser reutilizadas mediante el concepto de Page Layout.

A continuación se explican los pasos para habilitar esta funcionalidad:

Primero debemos habilitar en nuestro site collection la característica de Infraestructura de Publicación de SharePoint Server.

Adicionalmente debemos habilitar la característica de sitio Publicación de SharePoint Server.

Para verificar que se habilitaron de manera correcta estas características, podemos verificar en las configuraciones del sitio que se muestre en la categoría Galerías "Páginas maestras y diseños de página".

Para comenzar con la creación de nuestro page layout, debemos crear un content type del tipo Tipos de contenido de publicación y seleccionar como Tipo de contenido primario a Página. Podemos posteriormente agregar los campos que deseemos.

Ingresar desde SharePoint designer a nuestro portal y en la sección Page Layouts dar clic en New Page Layout en el ribbon. Se abrira una ventana donde debemos seleccionar el grupo Tipos de contenido personalizados y nuestro content type recientemente creado. Adicionalmente debemos especificar el nombre de la página y la url.

Posteriormente editar el Page Layout, aparecerá el siguiente mensaje:

En nuestro Page Layout entre las etiquetas <asp:Content ContentPlaceholderID="PlaceHolderMain" runat="server"> y </asp:Content>, denemos ingresar la estructura HTML de DIVs que deseemos.

Yo utilice la que se muestra en la imagen:

A continuación dentro de la estructura de DIVs debemos agregar los WebPart Zones y colocarles su nombre respectivo.

Finalmente debemos Proteger (Check in) a nuestro Page Layout.

Seleccionar Publish a major version y dar clic en OK.

En la Galería de páginas principales en nuestro site collection aprobar el Page Layout.

Seleccionar Aprobado y clic en Aceptar.

Ahora, debemos ubicar la biblioteca Páginas existente por defecto en el site collection.

Podemos observar los content types existentes, al final se muestra nuestro content type recientemente agregado.

Ordenamos para que nuestro content type se muestre primero.

En la biblioteca al podemos seleccionar nuestra plantilla.

Le ponemos el nombre a nuestra página, por defecto se encuentra seleccionada nuestra plantilla.

Podemos observar que al editar la página se muestra la estructura que definimos.

Creando Page Layouts desde SharePoint designer 2010 - Parte 2 (Agregando Ratings y Comments)

Piero Marchena — Sun, 11 Mar 2012 06:13:00 GMT

En el primer post vimos como podemos aprovechar el uso de los Page layouts en nuestros portales. en este post les mostraré algunas opciones adicionales que podemos incorporar a nuestros page layouts para obtener mayores ventajas.

Las características de Enterprise Social Networking ofrecidas en SharePoint tales como los Ratings y Comentarios pueden resultar muy útiles cuando creamos páginas tales como artículos o noticias.

Para este post me base en un artículo muy bueno que lo pueden encontrar en el siguiente link: http://weblogs.asp.net/bsimser/archive/2011/09/18/adding-ratings-and-comments-to-sharepoint-publishing-pages.aspx

Ahora a aplicar lo visto!

En la siguiente imagen podemos ver como se ha agregado un WebPart de Ratings en nuestra página basada en un page layout.

Para lograr el resultado de la imagen, previamente debemos habilitar la característica de ratings a la biblioteca de páginas.

Luego en el page layout debemos agregar primero la siguiente referencia:

<%@ Register TagPrefix="SharePointPortalControls" Namespace="Microsoft.SharePoint.Portal.WebControls"

Assembly="Microsoft.SharePoint.Portal, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

Finalmente en un DIV que debemos crear (DIV Footer) agregar lo siguiente:

<SharePointPortalControls:AverageRatingFieldControl ID="PageRatingControl"

FieldName="AverageRating" runat="server"/>

Ahora, si queremos agregar el WebPart de comentarios tal como se muestra en la imagen:

Tenemos que agregar lo siguiente:

Comment on this article:<br/> <SharePointPortalControls:SocialCommentControl ID="CommentControl" runat="server"/>

Blog de los hermanos Marchena Sekli - Tecnología Microsoft, música y mucho mas! : Page Layouts

Creando Page Layouts desde SharePoint designer 2010 - Parte 1

Creando Page Layouts desde SharePoint designer 2010 - Parte 2 (Agregando Ratings y Comments)