Proceso recomendado:

1. Desde la barra gris superior, haga clic en Nuevo > Página
2. En la siguiente pantalla, asigne un título a la página. Si la página será una subpágina, en la columna derecha, vaya al título "Página principal". En el campo de entrada, escriba el nombre de la página principal y aparecerá una lista para seleccionarla. Seleccionar una página principal significa que la URL será https://yourdomain.org/parent-page/name-of-page
3. Haga clic en el botón azul que dice "Iniciar Blackbaud Builder" debajo del título de la página.
4. Una vez en el constructor, haz clic en el botón "+" en la esquina superior derecha. Ve a la pestaña "Plantillas".
5. Haz clic en una plantilla para aplicarla a la página como punto de partida. Si quieres ver el aspecto de una plantilla, coloca el cursor sobre su nombre y haz clic en el icono de la llave inglesa. Se abrirá en una nueva página para que puedas verla y editarla si es necesario. Si no estás seguro de qué plantilla aplicar, al menos elige "Página interna de inicio - Sin imagen" o "Página interna con imagen principal".
6. Ahora ve a la pestaña Guardado (junto a la pestaña Plantillas) y comprueba si hay filas o módulos guardados que se acerquen a lo que quieres incluir en la página. Puedes hacer clic en ellos, arrastrarlos a la página para ver su aspecto y luego eliminarlos.
7. Desde ahí, empieza a editar la página. Si necesitas nuevas filas y módulos, haz clic en el botón "+" y arrastra las filas y los módulos que necesites a la página.
8. Guarde o publique ocasionalmente para guardar su progreso haciendo clic en el botón azul Listo.
9. Si alguna vez necesita deshacer los cambios que ha realizado, vaya al menú superior izquierdo y haga clic en Historial.
10. Una vez que la página esté prácticamente terminada, ve al menú superior izquierdo y selecciona "Edición adaptable". Revisa el sitio en cada uno de los tamaños adaptables haciendo clic en los íconos de la parte superior. Aspectos a considerar:
    • ¿Es necesario ajustar el ancho de alguna columna para que se vea mejor? (suele ser el caso en la vista de tableta) Si es así, vaya a Configuración de columnas y ajuste el ancho.
    • ¿Alguna fuente se ve demasiado grande o pequeña? Si es así, edita el módulo y cambia la tipografía.
    • ¿Quiero ocultar o mostrar algo en el móvil? En ese caso, edita la fila o el módulo, ve a la pestaña "Avanzado" y elige el tamaño que quieres que se muestre el contenido en el menú desplegable junto a "Punto de interrupción". 
11. Publica la página cuando hayas terminado

Para ahorrar tiempo y mantener el diseño consistente, utilice Plantillas y elementos en la pestaña Guardado.

Si crea una página que cree que sería una buena plantilla, vaya al menú superior izquierdo y haga clic en "Guardar plantilla".

Si crea una fila, columna o módulo que considere un buen punto de partida para usar en otra página, haga clic en la llave inglesa para editarlo y luego en el botón "Guardar como". Asígnele un nombre y decida si debe ser global o no.

¿Global o no global?

Global significa que el elemento será el mismo en todo el sitio. Por lo tanto, si guarda una fila como global, puede colocarla en varias páginas del sitio y, al editarla, los cambios se aplicarán a todas las instancias de esa fila en todo el sitio.

"No global" significa que simplemente guarda la configuración y el estilo de ese elemento para ahorrar tiempo y mantener la coherencia. Puede guardar un botón, colocarlo en otra página y no preocuparse por editar el estilo, pero puede actualizar el texto y el enlace sin afectar a otras instancias de ese botón.

Editar una plantilla existente o un elemento guardado

Coloque el cursor sobre el elemento y haga clic en el icono de la llave inglesa. Esto abrirá la plantilla, fila o módulo en una nueva pestaña para que pueda editarlo. 

NotaEditar una plantilla no afecta a las páginas que la usaron como punto de partida anteriormente. Las plantillas son simplemente puntos de partida para ahorrar tiempo y son diferentes a las de otros sistemas de gestión de contenido. 

Información general sobre el tamaño:

Todas las imágenes deben tener 72 dpi. No es necesario especificar el ancho ni la altura exactos, pero se recomienda un ancho de entre 800 y 1600 px para evitar que las imágenes se vean pixeladas. NO UTILICE EL TAMAÑO DE IMAGEN MÁS GRANDE POSIBLE. Esto hará que tu página cargue lentamente. Puedes usar una herramienta gratuita como https://tinypng.com/ Para cambiar el tamaño de las imágenes. Las imágenes se comprimen al subirlas, pero subir una foto directamente desde una cámara o teléfono que pese más de 1 MB ralentizará el sitio web.

Imágenes destacadas de la publicación:

Estas imágenes están configuradas para recortarse en formato horizontal (6:4). No es necesario recortarlas fuera del sistema, ya que este las recorta automáticamente. Sin embargo, si no le gusta el recorte automático, puede que tenga que recortarlas fuera de WordPress. En ese caso, recorte a 1200 px x 800 px.

Accesibilidad:

NO PONGA TEXTO EN LAS IMÁGENES. Sí, incluso para eventos. No lo hagas. La información del evento ya estará en la página en texto real, así que elige una imagen atractiva que la acompañe, no un gráfico lleno de texto.

Cada imagen necesita texto alternativo. Puedes añadirlo en la columna derecha de las opciones de imagen al subirla. También puedes añadir texto alternativo desde la Biblioteca multimedia haciendo clic en la imagen y añadiéndolo en la columna derecha. 

Consejos:

Usa el módulo Imagen siempre que sea posible. No te limites a colocar imágenes dentro del módulo Editor de texto. El módulo Imagen te da mucho más control sobre el recorte, el tamaño y el estilo.

Hay configuraciones tipográficas predeterminadas que recomendamos no cambiar a menos que tenga un buen motivo. Las razones para editar la tipografía podrían ser:

• Necesidad de cambiar el tamaño de fuente para evitar saltos de línea incómodos
• Necesitas que algo sea llamativo para que destaque entre otras cosas. (La negrita es la opción predeterminada para los titulares).
• Un evento o campaña que requiere una fuente diferente

Valores predeterminados:

Todo el texto está configurado en azul grisáceo oscuro - #2d3349

Texto del párrafo:

La fuente del párrafo es Brother 1816. El tamaño de fuente está configurado en 20 o 21. 

Encabezados:

Todos los encabezados son Barlow Condensado. H1 y H2 deben conservarse en su peso normal. H3 suele estar en negrita. H4-H6 pueden estar en negrita si es necesario.

H1 está configurado a 85 px en el escritorio.

H2 está configurado a 58 px en el escritorio.

H3 está configurado a 40 px en el escritorio. H3 se puede configurar en negrita.

H4 está configurado a 32 px en el escritorio.

H5 está configurado a 26px en el escritorio.

H6 está configurado a 20 px en el escritorio.

Solo los colores de la guía de estilo de ALS y de als.org se incluyen en sus opciones de color. Si necesita un nuevo color, póngase en contacto con Blackbaud para que lo agreguemos.

No cambie el texto ni los colores del título a menos que haya una MUY buena razón.

Los colores de fondo aprobados para las filas son el blanco, el gris muy claro, el azul turquesa, comúnmente usado para botones y llamadas a la acción, y el azul marino. El rojo no debe usarse para fondos grandes y recargados, sino para elementos más pequeños.

Consulte las notas sobre accesibilidad para obtener consejos sobre cómo elegir colores.

Hay varias cosas que puedes controlar con respecto a la accesibilidad:

1. Asegúrese de que cada imagen tenga texto alternativo.
   Puede hacer esto de forma masiva yendo a la Biblioteca de medios, haciendo clic en una imagen, agregando texto alternativo en la barra lateral derecha y luego haciendo clic en las flechas en la esquina superior derecha para ir a la siguiente imagen. 
2. Asegúrese de que los colores del texto y los fondos tengan suficiente contraste.
   Existe una relación mínima de contraste que el texto debe tener para cumplir con la ADA. Puede comprobar el contraste con esta herramienta en línea: https://webaim.org/resources/contrastchecker/ 
   Por ejemplo, el azul principal presente en la guía de estilo de ALS (#159FDA) con texto blanco, o viceversa, no supera la relación de contraste. El azul que als.org y nosotros usamos para enlaces y botones (#007a93) sí supera la relación de contraste.
3. No ponga texto en las imágenes.
   Todo el texto debe ser real y legible para lectores de pantalla, no oculto entre imágenes. Puedes colocar texto real sobre una imagen de fondo con las herramientas del creador de páginas; solo asegúrate de que haya suficiente contraste entre el texto y el fondo para que sea legible.

En cada página de su sitio, haga clic en "Editar página" desde la barra gris superior o vaya a Páginas desde el menú Panel de control, pase el cursor sobre la página y haga clic en el enlace "Editar".

La pantalla Editar página contiene el título del sitio y las opciones de SEO. Por defecto, el título de SEO es Título de la página | Título del sitio y se intenta usar el primer fragmento de texto de la página como descripción. Esto no siempre es lo que se desea.

1. Agregue un título de página SEO más personalizado.
   Por ejemplo, lo que antes era "Qué hacemos | Capítulo ## de la Asociación de ELA" podría reescribirse como "Qué hace el Capítulo ## de la Asociación de ELA para ayudar a las personas con ELA". Observe que omití "Asociación" para ahorrar caracteres, ya que los títulos solo pueden tener 60 caracteres. Lo importante es tener un título que capte la atención del usuario, no asegurarse de que cada uno sea coherente y siempre tenga el nombre completo. Google prefiere ver títulos únicos y no el mismo formato con el nombre del sitio una y otra vez.
2. Añade una descripción personalizada.
   Rara vez el primer texto que encuentra automáticamente es el adecuado. Siguiendo con la página Qué Hacemos como ejemplo, el resultado predeterminado es: «La Asociación de ELA simboliza la esperanza de personas de todo el mundo de que la Esclerosis Lateral Amiotrófica algún día sea una enfermedad del pasado, superada gracias a la dedicación de miles de personas que han trabajado para…». 
   Sería mejor algo como: "Ofrecemos servicios de atención a personas con ELA que viven en *Ubicación*. También promovemos y financiamos la investigación sobre la ELA para encontrar mejores tratamientos y una cura". Asegúrate de incluir tu ubicación cuando puedas; esto te ayudará a destacar entre als.org y las demás filiales.
3. Añade una frase clave de enfoque.
   Añade el tema principal sobre el que escribes. Piensa en qué cadena de búsqueda podría inspirar a los usuarios a llegar a esta página. Puedes encontrar más información sobre frases clave aquí: https://aioseo.com/docs/using-the-focus-keyphrase-to-analyze-your-content/?utm_source=WordPress&utm_campaign=proplugin&utm_medium=documentation&utm_content=useKeyphrasesTooltip

Asegúrate de publicar tus cambios cuando hayas terminado de editar la página.