Tutorial guiado: Crear un sitio de comunicación para su organización

En este artículo, le mostramos los elementos de un sitio de comunicación para inspirarle y ayudarle a aprender a crear sitios similares para su propia organización. En este ejemplo, el sitio está optimizado para comunicar su estrategia y guiar a los empleados sobre cómo expresar su marca en su trabajo.

En primer lugar, si aún no ha creado un sitio de comunicación, vea la sección Cree su sitio de este artículo.

Una vez que haya creado el sitio y sepa cómo editar páginas, puede usar los pasos siguientes para agregar los elementos que se muestran.

Ejemplo de sitio de comunicación

Imagen de la página principal Instrucciones de personalización
Imagen de la página de aterrizaje del sitio de comunicación 1. Facilitar la detección del contenido Guíe rápidamente a los visitantes con la navegación. Más información

2. Establecer la misión Un elemento web de texto resalta la misión. Más información

3. Presentar contenido Enfatice ideas con el elemento web principal. Más información

4. Mostrar noticias de actualidad Muestre las últimas noticias. Más información

5. Ofrecer vínculos importantes Muestre recursos relacionados con vínculos rápidos. Más información

6. Llamada a la acción Combine elementos web para aumentar el impacto. Más información

Cree su sitio

Para crear un sitio como el que se muestra aquí, debe crear un Sitio de comunicación. Para ello, haga clic en Crear sitio desde la página de inicio de SharePoint (o, si va a asociar este sitio con un sitio central, navegue hasta el sitio central y haga clic en Crear sitio para que el sitio de comunicación se asocie automáticamente con ese sitio central).

Imagen del icono de la herramienta de creación de sitios

Después, elija el Sitio de comunicación y a continuación el diseño Tema. Rellene el nombre, la descripción y otra información de su sitio y haga clic en Finalizar.

Imagen del panel del sitio de comunicación

Para obtener más información, vea Crear un sitio de comunicación en SharePoint Online.

Volver al principio

Crear una navegación clara y útil

Fases de la administración de cambios:

Haga que su sitio sea fácil de recorrer para que los usuarios puedan encontrar lo que buscan o para ayudarles a descubrir más contenido.

Imagen de la página de navegación

Haga clic en Editar a la derecha del menú superior, pase el ratón por encima de la ubicación del menú en la que desea agregar un vínculo y haga clic en +. A continuación, agregue el tipo de vínculo, su vínculo y un nombre para que aparezca en la barra de navegación en el cuadro de diálogo Agregar un vínculo. ¿Desea cambiar el orden de los vínculos de navegación? Tan solo tiene que arrastrarlos a la posición que quiera. Obtenga más información sobre cómo personalizar la navegación en su sitio de SharePoint.

Imagen de adición de vínculo

Megamenú

Cuando un sitio de comunicación se asocia a un sitio central, los propietarios del sitio pueden personalizar rápida y fácilmente la organización y navegación de un sitio de SharePoint. Obtenga información sobre los megamenús en Crear un megamenú en sitios centrales.

Imagen del megamenú

Al hacer clic en Editar en el menú superior, se abre una lista de tres niveles a la izquierda. El sitio de ejemplo utiliza solo dos de los tres niveles posibles en su megamenú: el menú principal y un submenú.

  • Haga clic en el control ... situado a la derecha del nombre del elemento para establecer el nivel de esquema y vínculo del elemento.

Volver al principio

Administre secciones y elementos web

Para empezar a editar, haga clic en Editar en la parte superior derecha de la página.

Imagen de la opción Editar

Durante la edición, a la izquierda, debajo del encabezado, sus borradores se pueden guardar para más tarde o descartarlos.

Imagen de la barra de herramientas de la sección

Con el símbolo + antes o después de una sección, puede agregar una sección con uno de varios diseños.

Imagen de la opción de diseño de la sección

Las secciones configurarán la página y colocarán uno o varios elementos web. Al editar la página, cada sección mostrará los controles para editar el diseño, mover o eliminar las secciones. Para descubrir cómo trabajar con secciones, vea Agregar o quitar secciones y columnas en una página.

Imagen del icono Agregar sección

Haga clic en el símbolo más Imagen del modelo de diseño del sitio de transformación del lugar de trabajo en una sección, que puede aparecer antes o después de un elemento web en una sección, para ver los múltiples tipos de elementos web disponibles. Para obtener más información sobre todos los elementos web, consulte Usar elementos web en las páginas de SharePoint.

Imagen de la opción Agregar elemento web

Los elementos web se pueden editar, mover o eliminar dentro de las secciones. El icono Editar elemento web abre controles detallados exclusivos de cada tipo de elemento web.

Imagen de la opción Editar elemento web

Cuando las actualizaciones de su página estén listas, haga clic en Publicar para que sean visibles para todas las personas de su organización que tengan permisos para ver el contenido.

Imagen de la opción Publicar

Sugerencia

Para administrar todas las páginas del sitio, haga clic en Páginas en el menú superior.

Para obtener más información sobre el uso de páginas, vea Crear y usar páginas modernas en un sitio de SharePoint.

Volver al principio

Agregar texto con formato con el elemento web Texto

Para obtener más información sobre el uso del elemento web Texto, vea Agregar texto y tablas a la página con el elemento web Texto.

Mejore el mensaje

El sitio de ejemplo crea un equilibrio entre el texto y las imágenes utilizando varios elementos web diferentes. En esencia, el sitio está diseñado para inspirar a los visitantes a adoptar directrices de marca y proporcionar las herramientas necesarias para seguirlas.

El diseño importa

La primera sección de la página utiliza las herramientas de diseño de sección con un elemento web de texto para crear un impacto al reforzar el espacio en blanco a la derecha de la instrucción de misión.

Tipografía refinada

El elemento web de texto se basa en el estilo de la plantilla de sitio incorporada. El elemento web Texto está utilizando el estilo de texto Normal. Al hacer clic en el control ... situado en el extremo derecho de la barra de herramientas de formato, se ofrecen opciones adicionales a la derecha del elemento web.

En este ejemplo, el elemento web está en una sección de dos columnas. Imagen de la sección de dos columnas

Volver al principio

Céntrese en las prioridades con el elemento web del Elemento principal

Haga saber a su equipo qué es lo más importante con imágenes de alto impacto visual de elemento principal, personalización de marca de la empresa y noticias importantes. El impacto inicial de la página principal del sitio se crea con imágenes grandes y llamativas del elemento web del elemento principal. La página usa elemento web del Elemento principal en su opción Capas.

Diseño del Elemento principal

La edición del elemento web presenta opciones de diseño. La opción Capas, como la que se mostró anteriormente, establece cada imagen como una capa con la imagen junto al título. Se pueden usar hasta cinco capas, por lo que puede usar el elemento web para rellenar toda la página.

En este ejemplo, el elemento web del Elemento principal usa una capa y está en una sección de ancho completo.

Imagen del diseño del Elemento principal

Personalizar cada capa

Las opciones para agregar un título y una llamada a la acción vinculada permiten que cada capa sea el punto de partida de un mensaje más profundo.

Es posible crear toda una página principal visual con solo el Elemento web del Elemento principal usando Capas.

Para obtener más información sobre cómo usar el elemento web del Elemento principal, consulte Usar el elemento web del Elemento principal.

Volver al principio

Dé a conocer novedades importantes con el elemento web Noticias

Recopilar automáticamente noticias y contenido puntuales

El elemento web Noticias proporciona controles para elegir el Origen de las noticias y Diseño, y para Organizar y Filtrar contenido con el fin de mantener el contenido actualizado.

Para obtener más información sobre el uso del elemento web Noticias, vea Usar el elemento web Noticias en una página de SharePoint.

Refinar el impacto con los diseños de las noticias

Si se cambia el diseño, cambiará el impacto de las noticias. En Diseño, hay cinco opciones para ajustar cómo se presentan los elementos de noticias. En este ejemplo, las noticias usan el diseño de sitio central de Noticias. Las historias se presentan una al lado de la otra con tres imágenes de igual tamaño porque solo se publican tres noticias en el sitio.

En este ejemplo, el elemento web se encuentra en una sección de una columna.

Imagen de la sección de una columna

Volver al principio

El elemento web de vínculos rápidos ofrece docenas de estilos profesionales para los vínculos creados a partir de unas pocas opciones fáciles de usar.

Comience con los seis diseños de base, y luego ajuste por color y alineación. Opcionalmente, puede agregar iconos o descripciones de texto para aumentar el impacto del menú. En este ejemplo de sitio, este elemento web usa el diseño Botón.

Para obtener más información sobre cómo usar el elemento Vínculos rápidos, vea Usar el elemento web Vínculos rápidos.

Imagen del elemento web Vínculos rápidos

Volver al principio

Crear elementos de llamada a la acción

El sitio de ejemplo usa imágenes para mejorar el aspecto de la página. Combina el elemento web Imagen con los elementos web Texto y Vínculos rápidos para crear un menú de alta visibilidad que llame a la acción y que guíe a los visitantes a acciones clave de la marca.

En el ejemplo que se muestra a continuación, los elementos web se encuentran en la segunda columna de una sección de tres columnas. Para obtener más información sobre el uso del elemento web Imagen, vea Usar el elemento web Imagen.

Imagen del elemento web Imagen

Volver al principio

¿Quiere más?

Inspírese con más ejemplos en el Libro de aspectos de SharePoint