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 cree el sitio y sepa cómo editar páginas, puede usar los pasos siguientes para agregar los elementos mostrados.
Ejemplo de sitio de comunicación
| Imagen de la página principal | Instrucciones de personalización |
|---|---|
|
1. Facilitar la detección del contenido Guíe rápidamente a los visitantes con la navegación.
Obtenga más información 2. Establecer la misión Un elemento web de texto resalta la misión. Obtenga más información 3. Presentar contenido Enfatice ideas con el elemento web principal Obtenga más información 4. Mostrar noticias de actualidad Muestre las últimas noticias. Obtenga más información 5. Ofrecer vínculos importantes Muestre recursos relacionados con vínculos rápidos. Obtenga 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í, cree un sitio de comunicación. Puede seleccionar Crear sitio en la página de inicio de SharePoint (o bien, si va a asociar este sitio a un sitio del centro, vaya al sitio central y seleccione Crear sitio allí para que el sitio de comunicación se asocie automáticamente a ese sitio de concentrador).
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 del sitio y seleccione Terminar.
Para más información, consulte Crear un sitio de comunicación en SharePoint Online
Creación de 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.
Seleccione Editar a la derecha del menú superior, mantenga el puntero sobre la ubicación del menú donde desea agregar un vínculo y seleccione +. 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.
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.
Al seleccionar Editar en el menú superior, se abre una lista de esquema de tres niveles. El sitio de ejemplo utiliza solo dos de los tres niveles posibles en su megamenú: el menú principal y un submenú.
- Seleccione el control ... situado a la derecha del nombre del elemento para establecer el vínculo y el nivel de esquema del elemento.
Administre secciones y elementos web
Para empezar a editar, haga clic en Editar en la parte superior derecha de la página.
Al editar, a la izquierda, debajo del encabezado los borradores se pueden guardar para más adelante o descartarse.
El símbolo + antes o después de una sección agrega una sección mediante uno de varios diseños.
Las secciones configurarán la página y colocarán uno o varios elementos web. Al editar la página, cada sección muestra 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.
Seleccione el símbolo más 
en una sección, que puede aparecer antes o después de un elemento web en una sección, para ver los muchos tipos de elementos web disponibles. Para obtener más información sobre todos los elementos web, vea Uso de elementos web en páginas de SharePoint.
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.
Cuando las actualizaciones de la página estén listas, seleccione Publicar para que sean visibles para todos los usuarios de la organización que tengan permisos para ver el contenido.
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.
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 a la derecha de la barra de herramientas de formato, se ofrecen más opciones a la derecha del elemento web.
En este ejemplo, el elemento web está en una sección de dos columnas.
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.
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 una página principal visual completa con solo el elemento web Hero mediante Capas.
Para obtener más información sobre el uso del elemento web Hero, consulte Uso del elemento web Hero.
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
Cambiar los cambios de diseño afecta a una fuente de 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.
Use el color y los iconos con el elemento web Vínculos rápidos
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 el uso del elemento web Vínculos rápidos, consulte Uso del elemento web Vínculos rápidos.
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 llamada a acciones de alta visibilidad que guíe a los visitantes a las acciones clave de la marca.
En el ejemplo siguiente, 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, consulte Uso del elemento web Imagen.
¿Quiere más?
Inspírese con más ejemplos en el Libro de apariencias de SharePoint.