Personalizar la página maestra de Mi sitio

Importante:  Este artículo se ha traducido con traducción automática; vea la declinación de responsabilidades. Para su referencia, puede encontrar la versión en inglés de este artículo aquí.

Las páginas maestras proporcionan el aspecto de todas las páginas de un sitio. Cambiando los estilos o el contenido de una página maestra, puede cambiar rápidamente la apariencia de todo un sitio.

En este artículo, se muestra cómo crear y modificar una copia de la página maestra de Mi sitio existente y, a continuación, aplicar la página maestra de Mi sitio nueva o modificada a todas las páginas de su colección de sitios de Mi sitio asociadas a ella. Cuando modifique su página maestra de Mi sitio, todos los usuarios verán los cambios en su página Mi perfil.

Puede obtener más información sobre las páginas maestras en Introducción a las páginas maestras de SharePoint.

Nota: Para seguir los procedimientos de este tema, debe contar con los permisos correspondientes. De forma predeterminada, debe ser miembro del grupo de propietarios del sitio o el grupo de diseñadores, o ser administrador de la colección de sitios, para poder abrir un sitio de SharePoint Online con SharePoint Designer 2010 y personalizar las páginas maestras. Si es miembro de uno de estos grupos pero no puede ver las opciones que se mencionan en este tema, es posible que su implementación de SharePoint Online se haya personalizado para restringir los usuarios de SharePoint Designer. Consulte al administrador de su sitio para averiguarlo.

En este artículo:

Introducción: las páginas maestras definen la apariencia de las páginas

Ver la página maestra de Mi sitio

¿Personalizar o empezar desde cero?

Personalizar la página maestra de Mi sitio

Crear una copia de la página maestra de Mi sitio

Utilizar controles de marcadores de posición de contenido

Localizar y modificar un control de marcador de posición de contenido

Utilizar estilos

Las etiquetas DIV simplifican el uso de CSS

Editar estilos de la página maestra o crear un CSS personalizado

Introducción: las páginas maestras definen la apariencia de las páginas

Las páginas maestras definen la interfaz y el diseño común de las páginas de SharePoint.

La página maestra de Mi sitio muestra los elementos persistentes que aparece al navegar por las páginas en Mi sitio, como los controles en la parte superior de la página o el título del sitio.

Todos estos elementos se almacenan en la página maestra de Mi sitio.

Las páginas de Mi sitio y Mi perfil de SharePoint se administran como páginas de contenido del sitio. Cuando estas páginas se visualizan en un explorador, se combinan con la página maestra de Mi sitio para generar una sola página web continua.

La página maestra de Mi sitio muestra los elementos constantes y el diseño, mientras que las páginas de contenido incluyen la información exclusiva y específica de la página.

Ver la página maestra de Mi sitio

  1. Abra Mi sitio raíz, por ejemplo, https://SuNombreDeDominio-my.sharepoint.com, en SharePoint Designer y, a continuación, haga clic en Páginas maestras, en el panel de navegación.

  2. Haga clic en mysite.master para ver la información de resumen en la Galería de páginas maestras.

  3. Haga clic en Editar archivo, en la cinta, para abrir la página maestra.

Se abrirá la página maestra en el editor de páginas a pantalla completa de SharePoint Designer 2010.

Ahí puede editar la página en la vista de diseño, la vista en dos paneles o la vista de código. Con la compatibilidad del tiempo de diseño, puede ver el aspecto de la página maestra conforme se personaliza. También hay herramientas que puede usar para personalizar etiquetas, estilos, secuencias de comandos y áreas de contenido, como se muestra a continuación:

Al abrir la página maestra de Mi sitio, puede editar el archivo y sus propiedades.

Anúmero de características que sea más fácil crear y personalizar páginas maestras en SharePoint Designer 2010 ha sido en el pasado:

  • El menú de navegación incluye ahora una categoría de páginas maestras que le dirige directamente a la Galería de páginas maestras del sitio.

  • Al editar páginas maestras, se pueden utilizar herramientas de edición de páginas para insertar y administrar capas o colocar etiquetas DIV; también es posible localizar estas capas y otros elementos rápidamente, mediante la opción Clic con selección, que navega para usted por las capas que se superponen.

  • Cuando se crea un sitio nuevo y Páginas de elementos web, se asocian a la página maestra principal de forma automática, para que no tenga que asociarlos manualmente cada vez.

¿Personalizar o empezar desde cero?

Para usar una página maestra de Mi sitio personalizada en sus sitios de SharePoint 2010, puede:

  • Personalizar una copia de la página maestra de Mi sitio (mysite.master) o

  • Crear una nueva página maestra de Mi sitio personalizada desde cero, y hacer de ella la página maestra de Mi sitio correspondiente a su sitio.

Este artículo se centra en el primer método: personalizar una copia de la página maestra de Mi sitio.

Ambos métodos tienen ventajas y desventajas.

Al personalizar una copia de mysite.master,    utiliza el aspecto existente de SharePoint, con sus características, marca y elementos de diseño, y lo personaliza para que se ajuste a sus necesidades. Aunque puede resultar difícil intentar comprender todo el funcionamiento de la página mysite.master, este método resulta útil para ocuparse de la marca y la personalización con el mínimo esfuerzo, por ejemplo, para cambiar el encabezado de las páginas de SharePoint.

Al crear una página maestra personalizada de Mi sitio en blanco o usar la página maestra básica    como base para su página, crea todo el diseño desde cero. Aunque este método puede resultar complejo porque es necesario saber cómo implementar un diseño en SharePoint, también es más flexible cuando se conoce el diseño que se está intentando crear, y se trabaja sin planes existentes ni prototipos. La página, prácticamente vacía, actúa como lienzo en el que crear el diseño por primera vez y, después, agregar los componentes de SharePoint necesarios.

Personalizar la página maestra de Mi sitio

Para personalizar páginas maestras en SharePoint Designer 2010, en primer lugar, debe abrir SharePoint Designer 2010 desde el propio sitio o desde el menú Inicio. Con el sitio abierto en SharePoint Designer 2010, haga clic en Páginas maestras en el panel de navegación.

En la mayoría de los sitios de SharePoint Online para empresas se incluyen cuatro páginas maestras, v4.master, minimal.master y default.master, en la Galería de páginas maestras, tal y como se muestra aquí. Si está habilitado Mis sitios, también debería ver la página maestra mysite.master.

Lista de páginas maestras de SharePoint 2010.

Crear una copia de la página maestra de Mi sitio

  1. Abra el sitio en SharePoint Designer y, a continuación, haga clic en Páginas maestras en el panel de navegación.

  2. Haga clic con el botón secundario en mysite.master y, a continuación, presione Ctrl+P para pegar una copia en la Galería de páginas maestras.

  3. Haga clic en mysite_copy(1).master para ver la información de resumen en la Galería de páginas maestras.

  4. Haga clic en Editar archivo, en la cinta, para visualizar la página maestra.

Con ello se abre la página maestra en el editor de páginas de pantalla completa de SharePoint Designer 2010, donde se podrá editar la página en la vista de diseño, la vista de dos paneles o la vista de código. Con la compatibilidad del tiempo de diseño, puede ver el aspecto de la página maestra conforme se personaliza. También existen herramientas disponibles para desplazarse y personalizar etiquetas, estilos, secuencias de comandos y áreas de contenido, tal y como se muestra aquí.

Utilizar controles de marcadores de posición de contenido

Las páginas maestras y de contenido funcionan de forma conjunta con el uso de regiones reemplazables o controles de marcador de contenido. Cada marcador de contenido (que aparece como ContentPlaceHolder en el código de la página) representa información que se puede cambiar en la página maestra. Cualquier página del sitio puede reemplazar cualquier contenido que se incluya en el marcador, proporcionando un control de contenido coincidente. Dicho control puede estar incluso vacío, lo cual puede eliminar el elemento completamente de la página representada.

Importante: Cuando se personalicen las páginas maestras, evite la eliminación de los marcadores de contenido, ya que con ello se puede impedir el correcto funcionamiento de algunas páginas incluso de sitios asociados a la página maestra. Se recomienda ocultar simplemente en lugar de eliminar estos controles.

La característica Administrar áreas de contenido se puede utilizar para localizar cada control de marcador de contenido de la página. El control se puede ver tanto en la vista de código como en el editor WYSIWYG (Lo que ve es lo que se muestra).

Otro marcador de contenido que resulta especialmente importante es PlaceHolderMain, ya que es lo que reemplaza cada página de contenido cuando la página se visualiza en un explorador web.

El control de PlaceHolderMain se reemplaza por cada página de contenido cuando la página maestra de Mi sitio se ve en un explorador.

El diseño del contenido de un sitio de SharePoint se puede modificar cambiando la ubicación de los controles de marcador de contenido.

Para más información sobre el uso de los marcadores de posición de contenido, consulte Uso de los controles de marcador de posición de contenido.

Un control de marcador de posición de contenido es un fragmento de código de una página maestra que funciona junto con un control de contenido de una página de contenido. El control de marcador de posición de contenido muestra el contenido predeterminado (que es posible que no equivalga a ningún contenido, si el control está vacío) correspondiente a esa área de la página. El contenido predeterminado se puede reemplazar por contenido exclusivo de un control de contenido en una página de contenido.

Localizar y modificar un control de marcador de posición de contenido

Siga estos pasos para localizar el control de marcador de posición de contenido PlaceHolderSiteName en una página maestra de Mi sitio de SharePoint 2010.

  1. Abra su sitio en SharePoint Designer 2010 y, en el panel de navegación, haga clic en Páginas maestras.

    Nota:  Si no ve Páginas principales (o Páginas maestras) en el panel de navegación, es posible que se hayan deshabilitado en SharePoint. Póngase en contacto con el administrador de su sitio para conocer los detalles. Puede obtener más información en Administrar SharePoint Designer 2010.

  2. En la galería de páginas maestras, haga clic en mysite.master.

  3. En la página de resumen de páginas maestras, haga clic en Editar archivo.

  4. Si se le pide que desproteja el archivo, haga clic en .

  5. Si está visualizando la página en la vista de diseño, puede hacer clic en un área de la página, simplemente, para ver el control del marcador de posición de contenido que presenta ese contenido.

  6. En la lista de áreas de contenido, seleccione PlaceHolderSiteName y, a continuación, haga clic en Ir a. Después, haga clic en Cerrar. El control del marcador de posición de contenido se selecciona en la página así.

Nota:  Las propiedades de etiquetas de este marcador de posición están configuradas de forma predeterminada como Visible=False. En la vista en dos paneles, en SharePoint Designer 2010, puede seleccionar la etiqueta, hacer clic en ella con el botón secundario y elegir Propiedades de etiqueta en el menú contextual que aparece, para ver el valor.


Esta acción muestra las propiedades de etiqueta del control PlaceHolderSiteName.

  1. A partir de ahí, puede cambiar su configuración, cambiar la ubicación, aplicar diferentes estilos, etc. Cuando haya terminado, guarde la página maestra.

  2. Si se le advierte de que los cambios personalizarán la página a partir de su definición del sitio, elija .

Nota:  Las páginas de SharePoint están asociadas, de forma predeterminada, a archivos de definición de sitios. Cuando se personaliza una página maestra en SharePoint Designer 2010, deja de estar asociada a la definición del sitio. Esto puede aumentar el volumen de trabajo administrativo después de realizar actualizaciones de SharePoint en el futuro: por eso se le muestra este mensaje. Siempre puede restablecer la página maestra con su definición de sitio, si es necesario.


Los cambios que realice aparecerán en cada una de las páginas asociadas a esta página maestra, salvo que esas páginas se hayan personalizado directamente.

Utilizar estilos

La forma más fácil y rápida de cambiar los estilos en la página maestra es aplicar un tema prediseñado a la página. Puede ver y aplicar los temas disponibles haciendo clic en el vínculo Cambiar tema del sitio, debajo de Personalización, en la ficha Configuración del sitio de SharePoint Designer.

Sin embargo, si desea que coincidan los colores corporativos, las imágenes, el formato de texto u otros atributos de estilo, es probable que le venga mejor crear sus propios estilos y agregarlos a la página maestra directamente, o colocarlos en Hojas de estilo en cascada (CSS) externas, que puede asociar a la página maestra.

Las etiquetas DIV simplifican el uso de CSS

La página maestra de Mi sitio en SharePoint 2010 utiliza etiquetas DIV para definir elementos de línea de bloque y secciones de la página. Las etiquetas DIV ofrecen una serie de ventajas respecto a las etiquetas de tabla, que se utilizaban en versiones anteriores. Con las etiquetas DIV, tiene:

  • Más flexibilidad para definir el estilo de la página con CSS

  • Menos código

  • Descargas más rápidas

  • Optimización para motores de búsqueda mejorada

  • Compatibilidad con accesibilidad mejorada

  • Compatibilidad con navegadores mejorada

Las tablas HTML se siguen empleando, por ejemplo, cuando usted o sus usuarios insertan Elementos web y otro contenido de SharePoint en la página. Sin embargo, para personalizar páginas maestras, se pueden utilizar principalmente las etiquetas DIV para estructurar el contenido.

Utilizar etiquetas DIV al personalizar la página maestra de Mi sitio

Editar estilos de la página maestra o crear un CSS personalizado

Para editar estilos, haga clic en el menú Estilo y, a continuación, elija una de las opciones de la cinta para utilizar CSS como desee.

Puede crear nuevos estilos y aplicarlos, o asociar una hoja de estilos mediante los comandos de la cinta. Utilice el comando Administrar estilos para clasificar los estilos por elemento, orden o tipo; para mostrar solamente los estilos que se usan en la página o el elemento, y para obtener vistas previas de los estilos.

Nuevo cuadro de diálogo de estilos para la página maestra de Mi sitio.

Nota: Declinación de responsabilidades de traducción automática: Este artículo se ha traducido con un sistema informático sin intervención humana. Microsoft ofrece estas traducciones automáticas para que los hablantes de otros idiomas distintos del inglés puedan disfrutar del contenido sobre los productos, los servicios y las tecnologías de Microsoft. Puesto que este artículo se ha traducido con traducción automática, es posible que contenga errores de vocabulario, sintaxis o gramática.

Ampliar sus conocimientos
Explorar los cursos
Obtener nuevas características primero
Únase a los participantes de Office Insider

¿Le ha sido útil esta información?

¡Gracias por sus comentarios!

Gracias por sus comentarios. Quizá le interese ponerse en contacto con uno de nuestros agentes de soporte de Office.

×