Tutorial guiado: crear un sitio de Giving para su organización

Tutorial guiado: crear un sitio de Giving para su organización

En este artículo, le mostramos elementos de un ejemplo en el que el sitio le inspira y le ayuda a crear sitios similares para su propia organización. En este ejemplo, el sitio de Giving ofrece un ejemplo de cómo una página con diseño y mensajería meditada puede inspirar a su organización. Esta página de ejemplo también se implementa como parte de un sitio del concentrador de recursos humanos.

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.

Ejemplo de asignación de un sitio

Sitio moderno de ejemplo de Giving en SharePoint Online

Número 1 facilitar el acceso a su sitio

Personalizar la navegación para que sea más fácil para los usuarios descubrir contenido importante en su sitio. Obtener más información

Número 2 inspirarse con las imágenes y la información

Use imágenes atractivas y atractivas que se vinculen al contenido de la parte superior de la página. Obtener más información

Número 3 hacer una afirmación

Crear texto coherente y profesional con varias opciones de formato. Obtener más información

Número 4 la llamada a la acción

Facilita que las personas tomen medidas de inmediato. Obtener más información

Número 5 difundir las noticias

Comparte ideas e historias que mejoren tu mensaje. Obtener más información

Número 6 obtener eventos en el calendario

Agregue un calendario de eventos para mantener las personas al día en los eventos relacionados.  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 existente, 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. A continuación, obtendrá una plantilla con el mismo tipo de diseño que el ejemplo de este artículo.

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

Haga que su sitio sea fácil de superar

Puede personalizar de forma rápida y sencilla la organización y la navegación de su sitio SharePoint para que sus visitantes puedan navegar fácilmente por el sitio y encontrar la información que necesitan.

Opción de edición en la parte superior de una página moderna de SharePoint cuando se trabaja en un sitio

  • Agregar y editar el menú principal  Edite fácilmente el menú superior para vincular la página a otras páginas SharePoint o a Internet.

  • Menús de megapíxeles  Cuando se implementa un sitio como parte de un sitio concentrador, puede crear menús de gran capacidad.

Para obtener información más detallada sobre cómo trabajar con la navegación, vea personalizar la navegación en un sitio de SharePoint.

Volver al principio

Inspirarse con las imágenes y la información

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 es creado por grandes imágenes atractivas y atractivas del elemento Web de la imagen. El diseño usado en este ejemplo es de cuatro mosaicos.
 

Diseño de héroe

Al editar el elemento Web se muestran las opciones de diseño. La opción mosaicos , como la que se muestra anteriormente, presenta diseños de entre uno y cinco mosaicos. La opción capas 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 está en una sección de ancho completo.

Use el botón mover elemento Botón mover elemento Web a la izquierda para reorganizar los mosaicos dentro del elemento Web de la imagen.

Las opciones de diseño para el elemento Web de Hero mientras edita una página moderna en SharePoint

Personalizar cada mosaico

Al hacer clic en un mosaico, verá una barra de herramientas en la parte inferior del mosaico donde puede hacer clic en editar detalles , donde puede cambiar el vínculo y la imagen que se usan. Con el mosaico más grande, también puede establecer la llamada al texto de acción y vincular. En la misma barra de herramientas, puede establecer el punto focal para la animación de Hover, además de acercar o alejar la imagen.

El panel de Heroes mientras edita una página moderna en SharePoint

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

Llamada a la acción

En este ejemplo, el sitio de Giving tiene una sección que usa un diseño de tres columnas con imágenes y vínculos dentro de la sección.

Panel diseño de sección en ejemplo de sitio moderno en SharePoint Online

Aquí, el elemento Web imagen se empareja con un elemento Web de texto para crear una llamada a la acción.

Entrada de elemento Web imagen de ejemplo para el sitio actual de Giving en SharePoint Online

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

Trabajar con secciones

Para crear secciones, comience a editar haciendo clic en Editar en la parte superior derecha de la página.

Botón Editar en la barra superior de la 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.

Trabajar con elementos Web

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.

Las herramientas de edición de elementos Web al editar una página moderna en SharePoint

Cuando las actualizaciones de la página estén listas, haga clic en publicar para hacerlas visibles a su público.

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

Repartir las noticias con el elemento Web noticias

El elemento Web noticias proporciona controles para elegir la fuente de noticias y el diseño, así como para organizar y filtrar el contenido. 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 sitio como origen y el diseño de la historia superior . Las historias se presentan en paralelo con una imagen grande y dos imágenes pequeñas, 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.

El panel noticias al editar el elemento Web noticias en una página moderna de SharePoint

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.

Volver al principio

Crear una instrucción con el elemento Web texto

La tipografía uniforme y profesional es una característica de este sitio, y el elemento Web de texto proporciona herramientas para refinar el impacto del texto que se usa en varias ubicaciones de esta página. En este ejemplo, el elemento Web de texto usa el estilo de texto normal . Al hacer clic en los puntos suspensivos (...) en el extremo derecho de la barra de herramientas formato, se ofrecen opciones adicionales.

En este ejemplo de sitio que se muestra a continuación, el elemento Web está en una sección de una columna.

Opciones de formato para el elemento Web texto mientras edita una página moderna en SharePoint

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

Volver al principio

Agregar un calendario de eventos con el elemento Web eventos

El elemento Web eventos le permite mostrar fácilmente los próximos eventos en la página de Giving. Puede usar este elemento Web para llamar la atención sobre eventos relacionados con la concesión, desde las sesiones de planeación hasta los eventos reales, y los visores pueden hacer clic en el evento fácilmente para agregarlos a sus calendarios.

En este ejemplo de ofrecer sitio, este elemento Web usa el diseño de tira de película.

Entrada de elemento Web eventos de ejemplo para el sitio actual de Giving en SharePoint Online

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

Volver al principio

¿Quiere más información?

Obtenga una inspiración con más ejemplos y la posibilidad de agregar un ejemplo que ofrezca un sitio con el libro de mirar de SharePoint.

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.

×