Introducción a las personalizaciones básicas de los sitios

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í.

Puede crear rápida y fácilmente sitios Web dinámicos y profesionales, incluidos sitios de grupo, blogs y diversos sitios de área de reuniones, mediante un amplio abanico de plantillas de sitio. Las páginas Web creadas a partir de estas plantillas funcionan de la misma manera que las creadas para numerosas organizaciones y numerosos propósitos. Sin embargo, a veces, puede que desee personalizar una página o incluso todas las páginas de un sitio. Por ejemplo, si desea usar un nuevo sitio de intranet para que el equipo de ventas de la organización conozca todos los detalles de un nuevo producto, podrá basar el sitio en la plantilla Sitio de grupo. Después, podrá agregar texto o gráficos a páginas individuales, cambiar la barra de vínculos superior, reorganizar y modificar los elementos de Inicio rápido, y cambiar las fuentes y el formato del sitio.

Microsoft Office SharePoint Designer 2007 es la herramienta por excelencia para personalizar sitios de Windows SharePoint Services 3.0 y de Microsoft Office SharePoint Server 2007. En este artículo se presentan sólo algunas de las formas básicas en las que se puede personalizar un sitio de SharePoint mediante Office SharePoint Designer 2007.

Nota: En todos los ejemplos de este artículo se usa la plantilla Sitio de grupo de SharePoint.

En este artículo

Una introducción rápida a la personalización de páginas

Agregar texto o un gráfico a una página

Personalizar la barra de vínculos superior

Personalizar el inicio rápido

Cambiar fuentes y formato

Siguientes pasos sugeridos

Introducción rápida a la personalización de páginas

Abre una página y desea empezar a personalizar, pero parece que no puede decidir lo que desea hacer y el puntero a menudo se parece al que se muestra en la siguiente ilustración.

Página con puntero que indica un área no modificable

Un puntero que se parece al que se muestra en esta ilustración indica las áreas que no se pueden modificar. Los marcadores de posición de contenido especificados en la página maestra en la que se basa una página determinan si un área es modificable o no. Por ello, para saber cómo personalizar las páginas, es preciso comprender primero las páginas maestras y los marcadores de posición de contenido.

¿De dónde proceden el contenido y el formato de la página principal?

El contenido y el formato de la página principal proceden de la página maestra predeterminada. Las páginas maestras son plantillas de página que permanecen asociadas a las páginas. Cuando cambia una página maestra, también cambian todas las páginas asociadas a ella. Las páginas maestras permiten actualizar con más facilidad un gran número de páginas en una sola operación. También permiten aplicar fácilmente una apariencia y un estilo coherentes, incluidos gráficos, fuentes y formato, a sólo algunas o todas las páginas de un sitio de SharePoint.

La página maestra predeterminada de los sitios de Windows SharePoint Services 3.0 se denomina default.master y está ubicada en la carpeta _catalogs/masterpage del sitio. Default.master controla el formato de la página principal y de todas las demás páginas predeterminadas (como formularios de lista). Para personalizar la apariencia y el estilo de la página principal, se puede agregar contenido a las áreas de la página principal designadas como modificables por la página maestra predeterminada, o bien, se puede personalizar la página maestra predeterminada del sitio.

Nota: Puede que las páginas principales de los sitios de Office SharePoint Server 2007 no las controle default.master sino otra página maestra. La página maestra a la que está asociada la página principal viene determinada por la definición de sitio a partir de la que se creó el sitio.

¿Qué son los marcadores de posición?

Cuando abra por primera vez la página principal de un sitio de SharePoint en Office SharePoint Designer 2007, verá que hay marcadores de posición en la página principal que se parecen a los que se muestran en la siguiente ilustración.

Marcador de posición en página principal

Los marcadores de posición de la página principal definen las áreas de las páginas asociadas en las que se puede agregar o modificar contenido. Los marcadores de posición también reservan zonas para funciones que ya se usan en la página o que quedan reservadas para futuro uso por otro programa, como Microsoft Office Forms Server 2007 o Microsoft Office Project Server 2007. Las páginas maestras de los sitios de Office SharePoint Server 2007 tienen más marcadores de posición obligatorios predeterminados que las páginas maestras de los sitios de Windows SharePoint Services 3.0.

En la etiqueta de área, el nombre del marcador de posición va seguido de (Maestra) o (Personalizado). Los marcadores de posición marcados con (Maestra) contienen contenido predeterminado de una página maestra del sitio, mientras que los marcadores de posición marcados con (Personalizado) contienen contenido personalizado que se ha agregado a la página actual.

Si desea personalizar el contenido de un marcador de posición, como la barra de vínculos superior o Inicio rápido, deberá desbloquear primero el marcador de posición para poder modificarlo. Para ello, haga clic en la flecha situada junto al marcador de posición y, a continuación, haga clic en Crear contenido personalizado.

Marcador de posición con menú que muestra el comando Crear contenido personalizado

Puede personalizar cada marcador de posición de una página maestra de manera independiente de los demás. Por ejemplo, puede cambiar los estilos aplicados a un marcador de posición, moverlo a otra ubicación en la página o quitarlo. Sin embargo, los marcadores de posición de contenido deben quitarse con gran cautela. Si se quita un marcador de posición de contenido de una página maestra, todas las páginas de contenido que proporcionan contenido para esa área muestran un error.

¿Qué sucede en caso de un error?

Mientras edita la página principal, los usuarios a veces más experimentados pueden cometer errores. Cuando sale mal la personalización de la página principal, puede restablecer a la página principal original mediante el uso de la definición de sitio desde el que se creó el sitio. Para obtener información sobre cómo hacerlo, vea el artículo Restablecer una página personalizada con la definición de sitio. Además, si tiene activado para una biblioteca de documentos en su sitio y la página que está editando el control de versiones está almacenada en esa biblioteca de documentos, puede siempre volver a una versión anterior de la página si se produce un problema.

¿Qué ocurre con las páginas que no son la página principal?

Al igual que la página principal, todas las páginas predeterminadas de un sitio de SharePoint las controla una página maestra. Si desea personalizar una página, inserte primero el contenido personalizado en los marcadores de posición de la página. Si hay cambios que no puede realizar mediante los marcadores de posición, modifique la página maestra que controla la página.

Cuando abre cualquier página en Office SharePoint Designer 2007, puede identificar la página maestra que controla el formato de esa página en la esquina superior derecha de la vista Página, donde se especifican la ubicación y el nombre de la página, tal y como se muestra en la siguiente ilustración.

Esquina superior derecha de la vista Página con la página maestra identificada

En este caso, la página AllItems.aspx está asociada a la página maestra predeterminada, que está ubicada en la carpeta masterpage dentro de la carpeta _catalogs del sitio y se denomina default.master. Cada vez que personalice una página, deberá decidir cuál de los dos tipos de personalización va a realizar:

  • Personalizaciones de una sola página, mediante la adición o la modificación del contenido en un marcador de posición de contenido

  • Personalizaciones de una página maestra, que se reflejarán en todas las páginas asociadas a esa página maestra

Volver al principio

Agregar texto o gráficos a una página

Tras hacer clic en un marcador de posición de contenido y convertir esa área en un área modificable haciendo clic en Crear contenido personalizado, puede hacer clic dentro del cuadro del marcador de posición y, a continuación, empezar a escribir. Asimismo, puede arrastrar imágenes que residen en el sitio desde la Lista de carpetas hasta el marcador de posición.

Volver al principio

Personalizar la barra de vínculos superior

Las fichas en la barra de vínculos superior muestran y vinculan automáticamente a la página principal. También muestran y vinculan a la página principal de cualquier subsitio de este sitio, pero sólo si se ha creado el subsitio mediante el explorador y se ha seleccionado la opción ¿Desea mostrar este sitio en la barra de vínculos superior del sitio primario?.

Barra de vínculos superior con vínculo a página principal

Puede modificar la barra de vínculos superior en el explorador (para ello, haga clic en Configuración del sitio y, a continuación, vaya a la página Barra de vínculos superior) o en Office SharePoint Designer 2007 (siguiendo los pasos que se describen a continuación). La modificación de la barra de vínculos superior en Office SharePoint Designer 2007 es una forma más visual de trabajar porque se pueden arrastrar páginas hasta la barra de vínculos. Asimismo, cuando se asigna un nombre a una página en la vista Exploración, el título de página que se muestra en la ventana de explorador cambia automáticamente al nuevo nombre.

  1. Abra el sitio para el que desee modificar la barra de vínculos superior en Office SharePoint Designer 2007.

  2. En el menú Sitio, haga clic en Exploración.

    Se abre la vista Exploración en la que se muestra una representación visual del sitio. Las barras de vínculos vienen representadas por los cuadros con símbolos de globo.

    Vista Exploración con barras de vínculos

Agregar a la barra de vínculos superior un vínculo a una página existente del sitio

  • En la Lista de carpetas, haga clic en la página a la que desee vincular desde la barra de vínculos superior y, a continuación, arrástrela a un lugar justo debajo del cuadro Barra de exploración superior de SharePoint. Cuando esté colocada la página, verá un conector que indique que se ha agregado a la barra de vínculos superior un vínculo a esta página.

    Nota: 

    • La página principal de las listas se denomina AllItems.aspx y se encuentra en el nombre de la lista de listas / / directory en su sitio (donde nombre de la lista es el nombre de la lista, como anuncios, calendario, vínculos, tareas o discusión de grupo). La página principal de las bibliotecas se denomina AllItems.aspx y está ubicada en el nombre de biblioteca/forms/directory en su sitio (donde nombre de la biblioteca es el nombre de la biblioteca).

    • Si no ve la Lista de carpetas, haga clic en Lista de carpetas en el menú Paneles de tareas. Si no puede leer las etiquetas de los cuadros en la vista Exploración porque el texto está recortado, sitúe el puntero sobre el cuadro. El nombre completo aparecerá en una Información en pantalla. Si no se muestra ninguna página bajo el cuadro Barra de exploración superior de SharePoint, haga clic en el signo más (+) situado en la parte inferior del cuadro para expandir la lista de páginas.

Agregar a la barra de vínculos superior un vínculo a una página nueva

  • Haga clic con el botón secundario del mouse (ratón) en la Barra de exploración superior de SharePoint, elija Nuevo y, a continuación, haga clic en Página.

    Se creará una nueva página.

    Si no ve la nueva página en la Lista de carpetas, haga doble clic en ella para abrirla y la página aparecerá.

Cambiar el nombre de un vínculo de la barra de vínculos superior

  1. Bajo el cuadro Barra de exploración superior de SharePoint, haga clic con el botón secundario en la página que desee cambiar y, a continuación, haga clic en Cambiar nombre.

  2. Escriba el nuevo nombre de la página. El vínculo en la barra de vínculos superior cambiará cuando haga clic fuera de la página.

    Este cambio afecta únicamente al vínculo en la barra de vínculos superior de SharePoint. No afecta al nombre de archivo ni al título de la página.

Eliminar un vínculo de la barra de vínculos superior

  • En la vista Exploración, bajo el cuadro Barra de exploración superior de SharePoint, haga clic con el botón secundario en la página que desee eliminar y, a continuación, haga clic en Eliminar.

    El vínculo a la página quedará eliminado de la barra de vínculos superior. No se eliminará la página.

Cambiar el orden de los vínculos en la barra de vínculos superior

  • Puede arrastrar las páginas para reorganizarlas. Por ejemplo, si una página denominada Inicio aparece primero y una página denominada Planes aparece en segundo lugar, pero desea invertir ese orden, en la vista Exploración, arrastre Inicio a la derecha de Planes.

    Nota: Asegúrese de que ambos cuadros permanecen debajo del cuadro Barra de exploración superior de SharePoint.

Volver al principio

Personalizar la barra Inicio rápido

Inicio rápido muestra automáticamente los vínculos a todas las listas y bibliotecas de SharePoint en el sitio creado en Office SharePoint Designer 2007 o en el explorador (en el explorador, debe seleccionar la opción para Mostrar esta lista [o biblioteca] en Inicio rápido). La sección Sitios proporciona automáticamente los vínculos a todos los subsitios del sitio. La sección Personas y grupos proporciona automáticamente los vínculos a una lista de todos los usuarios y grupos que tienen permisos de acceso a este sitio. A continuación se describen los pasos que se pueden seguir para personalizar las secciones de documentos, imágenes, listas, discusiones y encuestas de Inicio rápido con Office SharePoint Designer 2007.

Inicio rápido con la configuración predeterminada

  1. En Office SharePoint Designer 2007, abra el sitio para el que desee modificar Inicio rápido.

  2. En el menú Sitio, haga clic en Exploración.

    Se abre la vista Exploración en la que se muestra una representación visual del sitio. Las barras de vínculos vienen representadas por los cuadros con símbolos de globo.

    Vista Exploración con Inicio rápido expandido

Eliminar una sección de Inicio rápido

Puede que desee eliminar una sección de Inicio rápido si no usa la característica representada por esa sección. Por ejemplo, si no usa las discusiones, podrá eliminar la sección Discusiones.

  • Haga clic con el botón secundario del mouse (ratón) en el cuadro que representa la sección que desee eliminar, como Discusiones, y, a continuación, haga clic en Eliminar en el menú contextual.

Agregar a Inicio rápido un vínculo a una página existente del sitio

  • En la Lista de carpetas, haga clic en la página a la que desee vincular desde Inicio rápido y, a continuación, arrastre la página hasta una ubicación debajo del cuadro Inicio rápido.

Nota: 

  • La página principal de las listas se denomina AllItems.aspx y se encuentra en el nombre de la lista de listas / / directory en su sitio. La página principal de las bibliotecas se denomina AllItems.aspx y está ubicada en el nombre de biblioteca/forms/directory en su sitio.

    Si desea que el vínculo aparezca en el mismo nivel que los encabezados de Inicio rápido (como Documentos, Imágenes y Listas), asegúrese de arrastrarlo directamente hasta una ubicación debajo del cuadro Inicio rápido. Si desea que el vínculo aparezca debajo de un encabezado existente, asegúrese de arrastrarlo directamente hasta un lugar debajo de ese encabezado. Se agregará a Inicio rápido un vínculo a la página.

  • Si no ve la Lista de carpetas, haga clic en Lista de carpetas en el menú Paneles de tareas. Si no puede leer las etiquetas de los cuadros en la vista Exploración porque el texto está recortado, sitúe el puntero sobre el cuadro. El nombre completo aparecerá en una Información en pantalla. Si no se muestra ninguna página bajo el cuadro Inicio rápido, haga clic en el signo más (+) situado en la parte inferior del cuadro para expandir la lista de páginas.

Agregar a Inicio rápido un vínculo a una nueva página

  • Haga clic con el botón secundario en el cuadro Inicio rápido, elija Nuevo en el menú contextual y, a continuación, haga clic en Página.

    Se creará una nueva página.

    Esta opción permite crear una nueva página y su correspondiente vínculo como un encabezado en el mismo nivel que Documentos, Imágenes y Listas. Si desea crear la nueva página en una sección existente, haga clic con el botón secundario en el cuadro correspondiente al encabezado de esa sección en vez del cuadro Inicio rápido, elija Nuevo en el menú contextual y, a continuación, haga clic en Página.

Cambiar el nombre de un vínculo de Inicio rápido

  1. Bajo el cuadro Inicio rápido, haga clic con el botón secundario en la página que desee cambiar y, a continuación, haga clic en Cambiar nombre.

  2. Escriba el nuevo nombre de la página. El vínculo en la barra de vínculos cambiará cuando haga clic fuera de la página.

    Este cambio afecta únicamente al vínculo en Inicio rápido. No afecta al nombre de archivo ni al título de la página.

Cambiar el orden de los vínculos de Inicio rápido

  • En la vista Exploración, arrastre las páginas para reorganizarlas. Por ejemplo, si desea que Listas aparezca primero y después Documentos, haga clic en Documentos y, a continuación, arrástrelo a la derecha de Listas (o bien, haga clic en Listas y, a continuación, arrástrelo a la izquierda de Documentos).

    Nota: Cuando lo haga, asegúrese de que los cuadros permanecen debajo del cuadro Inicio rápido.

Volver al principio

Cambiar fuentes y formato

Hojas de estilos en cascada (CSS) de estándar controla las fuentes y el formato de cada sitio. Para los sitios Windows SharePoint Services 3.0, las reglas CSS se especifican en un archivo denominado core.css que está ubicado en http://my_server/_layouts/language ID/estilos. (sitios deOffice SharePoint Server 2007 pueden utilizar otra hoja de estilos.) Si tiene permiso para editar el archivo core.css, puede modificarla para cambiar los colores de fuente, tamaño de fuente, espacio entre párrafos, imágenes de fondo, bordes, espaciado entre caracteres y mucho más. Cuando se modifica core.css, se creará una copia local de core.css en el sitio. El archivo core.css local reemplaza el archivo core.css del servidor cuando se asocia a una página o una página maestra. Pero si comete un error y desea volver al archivo core.css predeterminado, es fácil hacer basta con eliminar el archivo core.css copiado.

Si trabaja con la página maestra predeterminada del sitio y usa los paneles de tareas Propiedades de CSS y Administrar estilos, podrá identificar qué estilos se aplican al elemento visual que desea cambiar y después modificar esos estilos. Si desea que los cambios aparezcan en todas las páginas del sitio, asegúrese de trabajar con la página maestra predeterminada del sitio en vez de la página default.aspx.

Cuadro de diálogo Modificar estilo que se abre desde Propiedades de CSS

Por ejemplo, si desea cambiar el color de fondo de la página, deberá buscar primero los estilos en los que se define el color de fondo y luego cambiarlos para que se aplique el color de fondo que desee.

Normalmente, es una buena idea crear una copia de Default.master en lugar de modificar esta página directamente. Sin embargo, si realiza cambios en Default.master y no está satisfecho con los cambios que haya realizado, siempre puede restablecer Default.master con la definición del sitio. Para obtener más información, vea el artículo Restablecer una página personalizada con la definición de sitio.

  1. Para crear una copia de Default.master, en la Lista de carpetas, haga clic con el botón secundario del mouse (ratón) en Default.master y, a continuación, haga clic en Copiar.

  2. Haga clic con el botón secundario en la carpeta masterpage y, a continuación, haga clic en Pegar.

    Copia de la página maestra predeterminada en la Lista de carpetas

  3. Haga doble clic en default_copy(1).master para abrir y modificar la página.

  4. En la vista Diseño, haga clic en el archivo default_copy(1).master en el que desee modificar el estilo.

    Nota: Algunas áreas de contenido que aparecen en la vista Diseño no tienen aplicado ningún estilo y, por lo tanto, no aparece el estilo correspondiente en el panel de tareas Aplicar estilos. Por ejemplo, si selecciona un marcador de posición de contenido, no aparece ningún estilo en el panel de tareas Aplicar estilos. Sin embargo, los marcadores de posición de contenido sí aparecen dentro de los elementos HTML como la etiqueta <td>.

  5. Si el panel de tareas Aplicar estilos no está visible, en el menú Paneles de tareas, haga clic en Aplicar estilos.

  6. En el panel de tareas Aplicar estilos, haga clic en Opciones y, después, en Mostrar estilos utilizados en la selección.

    Cada estilo aplicado al área donde se encuentra el cursor se destaca en azul y dentro del contorno se muestra una vista previa del estilo.

    En la ilustración siguiente, div.ms-titleareaframe se selecciona en la vista Diseño. En el panel de tareas Aplicar estilos, aparecen tres estilos que se aplican a div.ms-titleareaframe. El estilo superior, Div.ms-titleareaframe, define el color de fondo.

    Nota: Puesto que en los estilos se diferencian mayúsculas y minúsculas, Div.ms-titleareaframe con mayúscula es diferente de div.ms-titleareaframe con minúscula.

    Div.ms-titleareaframe seleccionado en la vista Diseño muestra el estilo correspondiente en el panel de tareas Aplicar estilos

    1. Div.ms-titleareaframe se selecciona en la vista Diseño.

    2. Los tres estilos aplicados a div.mstitleareaframe aparecen en el panel de tareas Aplicar estilos.

  7. Haga clic en el estilo que desea modificar y, a continuación, haga clic en Seleccionar todas las instancias de X, donde X es el número de instancias en que se aplica el estilo en la página.

    En este ejemplo, haga clic con el botón secundario en el estilo superior, Div.ms-titleareaframe.

  8. Después de seleccionar todas las apariciones del estilo, vuelva a hacer clic con el botón secundario del mouse en el estilo y haga clic en Modificar estilo.

  9. En el cuadro de diálogo Modificar estilo, haga los cambios que desee y haga clic en Aceptar.

    Para seguir el ejemplo, en el cuadro de diálogo Modificar estilo, en categoría, haga clic en fondo. En la lista color de fondo, haga clic en rojo Rojo y, a continuación, haga clic en Aceptar.

El nuevo estilo se aplica a la página.

Estilo modificado en la vista Diseño

Siga modificando los estilos hasta que la página maestra tenga la apariencia que desee.

Si en cualquier momento decide que no está satisfecho con los cambios realizados en la página maestra, puede restablecer la definición del sitio. Para obtener más información, vea el artículo Restablecer una página personalizada con la definición de sitio.

Volver al principio

Pasos siguientes sugeridos

Las personalizaciones básicas son un buen punto de partida, pero para realizar personalizaciones amplias que se aplican a todo el sitio, primero deberá obtener más información sobre las páginas maestras y las hojas de estilos. Para obtener más información, vea los siguientes artículos:

Volver al principio

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.

×