Tutorial guiado: crear un sitio de comunicación para la organización

En este artículo, le mostraremos elementos de un sitio de comunicación para informarle y le ayudarán 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 en la forma de expresar su marca en su trabajo.

En primer lugar, si todavía no ha creado un sitio de comunicación, consulte la sección crear su sitio en este artículo. 

Una vez que haya creado su sitio y sepa cómo editar páginas, puede seguir los pasos que se indican a continuación para agregar los elementos que se muestran.

Sitio de marca moderna de ejemplo en SharePoint Online
  1.   Simplificar la detección de contenido 

    Guiar rápidamente a los visitantes con la navegación. Obtener más información

  2. Establecer la misión

    Un elemento Web de texto resalta la misión. Obtener más información

  3. Contenido de la característica

    Enfatizar ideas con el elemento Web de la imagen. Obtener más información

  4. Mostrar noticias temáticas

    Mostrar las últimas noticias. Obtener más información

  5. Ofrecer vínculos importantes

    Mostrar recursos relacionados con vínculos rápidos. Obtener más información

  6. Llamar a la acción

    Combine elementos Web para aumentar el impacto. Obtener más información

Crear un sitio

Para crear un sitio como el que se muestra aquí, deberá crear un sitio de comunicación. Para ello, haga clic en crear sitio desde la página de inicio de SharePoint (o bien, si va a asociar este sitio con un sitio de concentrador, vaya al sitio concentrador y haga clic en crear sitio allí para que el sitio de comunicación se asocie automáticamente con ese sitio concentrador).

Comando Crear sitio

A continuación, elija sitio de comunicacióny luego el diseño del tema . Rellene el nombre del sitio, la descripción y otra información, y haga clic en Finalizar.

Crear un sitio de comunicación de SharePoint

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

Volver al principio

Crear una navegación clara y útil

Haga que su sitio sea fácil de ver para que los usuarios encuentren lo que buscan, o para ayudar a los usuarios a descubrir más contenido.

Barra de navegación

Haga clic en Editar a la derecha del menú superior, mantenga el mouse sobre la ubicación en el menú donde desea agregar un vínculo y haga clic en +. Después, agregue el tipo de vínculo, el vínculo y un nombre para que se muestren en la barra de navegación del cuadro de diálogo Agregar un vínculo . ¿Quiere reordenar los vínculos de navegación? Solo tiene que arrastrarlas a la posición que desee. Obtenga más información sobre cómo personalizar la navegación en su sitio de SharePoint.

Agregar un vínculo URL a la navegación izquierda de un sitio de grupo de SharePoint

Menú de megapíxeles

Cuando un sitio de comunicación está asociado con un sitio del concentrador, los propietarios pueden personalizar rápida y fácilmente la organización y la navegación de un sitio SharePoint. Obtenga información sobre lo que necesita saber sobre los menús de mega en el menú crear un mega de los sitios de concentrador.

Ejemplo de navegación de MegaMenu para un sitio de marca moderna en SharePoint Online

Al hacer clic en Editar en el menú superior, se abre una lista de esquema de tres niveles en la parte izquierda. El sitio de ejemplo solo usa dos de tres niveles posibles en el menú mega: el menú principal y un submenú.

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

Volver al principio

Administrar secciones y elementos Web

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

Botón Editar en la barra superior de la página

Mientras edita, a la izquierda, debajo del encabezado se pueden guardar los borradores para más tarde o descartar.

Barra superior de una página

El símbolo + antes o después de una sección agregará una sección con uno de varios diseños.

Diseños de sección

Las secciones conforman la página y se colocan uno o más elementos Web. Mientras edita la página, cada sección mostrará controles para editar el diseño, mover o eliminar las secciones. Para obtener información sobre cómo trabajar con secciones, vea Agregar o quitar secciones y columnas en una página.

Control para agregar una sección.

Haga clic en el símbolo más SPO Signo más en una sección, que puede aparecer antes o después de un elemento Web en una sección, para ver los distintos tipos de elementos Web disponibles. Para obtener más información sobre todos los elementos Web, vea usar elementos Web en páginas de SharePoint.

Cuadro de herramientas del elemento Web

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

Herramientas de elementos Web.

Cuando las actualizaciones de la página estén listas, haga clic en publicar para que estén visibles para todos los usuarios de su organización que tengan permisos para ver el contenido.

Botón publicar en la barra superior de la página

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 cómo usar el elemento Web texto, vea Agregar texto y tablas a una página con el elemento Web texto

Mejorar el mensaje

El sitio de ejemplo crea un equilibrio de texto e imágenes con varios elementos Web diferentes. En su núcleo, el sitio está diseñado para inspirar a los visitantes a adoptar pautas de personalización de marca y proporcionar las herramientas necesarias para seguir.

Cuestiones de diseño

En la primera sección de la página se usan las herramientas de diseño de sección con un elemento Web de texto para crear impacto aplicando espacio en blanco a la derecha de la declaración de objetivos.

Tipografía fina

El elemento Web texto se basa en el estilo de la plantilla de sitio integrada. El elemento Web de texto usa el estilo de texto normal . Al hacer clic en el control ... situado en el extremo derecho de la barra de herramientas 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.

Entrada de elemento Web de texto de ejemplo para un sitio de marca moderna en SharePoint Online

Volver al principio

Centrarse en las prioridades con el elemento Web de Hero

Permita que su equipo sepa qué es más importante con las imágenes principales de alto impacto, la marca de la compañía y las novedades. El impacto inicial de la Página principal del sitio se crea con grandes imágenes atractivas y atractivas del elemento Web de la imagen. En la página se usa el elemento Web Hero en la opción capas .
 

Diseño de héroe

Al editar el elemento Web se muestran las opciones de diseño. La opción capas , como la que se muestra anteriormente, establece cada imagen como una capa con la imagen junto al título. Hasta cinco capas son posibles, de modo que puede usar el elemento Web para rellenar toda la página.

En este ejemplo, el elemento Web de Hero usa un nivel y está en una sección de ancho completo.

Elemento Web de imagen de ejemplo en el sitio de marca moderna de SharePoint Online

Personalizar cada capa

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

Es posible crear una página de inicio visual completa con solo el elemento Web de Heroes mediante capas.

Para obtener más información sobre cómo usar el elemento Web de Hero, consulte usar el elemento Web de Hero.

Volver al principio

Agregar noticias importantes con el elemento Web noticias

Recopilar automáticamente noticias y contenido oportuno

El elemento Web noticias proporciona controles para elegir la fuente y el diseñode noticias, y para organizar y filtrar el contenido para mantener el contenido en un sitio.

Para obtener más información sobre cómo usar el elemento Web noticias, consulte usar el elemento Web noticias en una página de SharePoint.

Refinar impacto con diseños de noticias

Si cambia el diseño, cambiará el efecto de la actualización de noticias. En diseño, hay cinco opciones para ajustar la presentación de los elementos de la noticia. En este ejemplo, las historias de noticias usan el diseño de noticias de Hub . Las historias se presentan en paralelo con tres imágenes de igual tamaño, ya que solo se publican tres historias de noticias en el sitio.

En este ejemplo, el elemento Web está en una sección de una columna.

Elemento Web noticias en un sitio de marca moderna de ejemplo en SharePoint Online

Volver al principio

Usar el color y los iconos con el elemento Web vínculos rápidos

El elemento Web vínculos rápidos proporciona docenas de estilos profesionales para vínculos creados a partir de algunas opciones fáciles de usar.

Comience con los seis diseños básicos y, a continuación, ajuste el color y la alineación. De manera opcional, 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 de botón.

Para obtener más información sobre el uso del elemento Web vínculos rápidos, consulte usar el elemento Web vínculos rápidos.

Ejemplo de entrada de elementos Web de vínculos rápidos para el sitio de marca moderna en SharePoint Online

Volver al principio

Crear elementos de llamada a 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 de vínculos de texto y vínculos rápidos para crear un menú de acciones de llamada y de alta visibilidad que guía a los visitantes a las acciones clave de personalización de 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 cómo usar el elemento Web imagen, consulte usar el elemento Web imagen.

Entrada de elemento Web imagen de ejemplo para un sitio de marca moderna en SharePoint Online

Volver al principio

¿Quiere más?

Familiarizarse con más ejemplos en el libro de vista de SharePoint.

Nota:  Esta página se ha traducido mediante un sistema automático y es posible que contenga imprecisiones o errores gramaticales. Nuestro objetivo es que este contenido le resulte útil. ¿Podría decirnos si la información le resultó útil? Aquí puede consultar el artículo en inglés.

Manténgase un paso por delante con Microsoft 365

¿Necesita más ayuda?

Ampliar sus conocimientos de Office
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.

×