Indicaciones generales

Títulos 

Es importante que los títulos de los artículos que vayan a aparecer en la portada (los marcados como destacados) no sean muy largos (tres o cuatro palabras). Si no, queda en varias líneas y rompe la estética de la portada. 

Categorías 

A fin de que queden ordenados todos los contenidos y de que funcionen bien las secciones que hay dentro de actualidad es importante que se le adjudique a cada artículo nuevo una categoría. Se puede navegar por el desplegable para ver qué categoría es la que mejor se adecua a lo que vamos a poner. 

Entradilla

La entradilla se escribe solo en los artículos destacados, es decir, los que van a aparecer en la portada. Debe ser un resumen breve y sin dar ningún formato al texto. Después de escribirla se añade un "leer mas" desde el editor de texto. El texto de la entradilla luego no va a aparecer, así que después del "leer mas" redactamos el artículo completo.  

 

Sobre las imágenes

Subir imagenes

En la nueva versión de Joomla se pueden subir las imágenes directamente al redactar el artículo. Para ello hay que pulsar en el icono inferior de la imagen y se nos ofrece la posibilidad de navegar por las carpetas internas o de añadir un nuevo archivo.

Importante: para que quede todo ordenado hay que seleccionar primero en el desplegable superior la carpeta donde queremos subir la imagen.

¡¡Muy importante sobre las imagenes!!

A fin de que todo se vea bien en todos los sistemas operativos y navegadores es importante observar estos puntos:

  • Los nombres de las imagenes deben ser cortos, sin espacios y todo en minúculas. Se pueden separar palabras con guión bajo o medio.
  • Si la estructura de carpetas es muy profunda algunos navegadores no muestran las imágenes, así que es mejor no crear nuevas subcarpetas dentro de las que ya hay ni nombres de carpeta muy largos.

Imágenes de la entradilla

Las imágenes de la entradilla (las que saldrán en la portada) deben tener el mismo tamaño para que no quede todo descuadrado. Tienen que estar recortadas a 200px x 100px (yo suelo dejar el mismo nombre a la imagen pero añadiendo _pq al final). Se ponen centradas antes del texto (es decir, es lo primero que se añade antes de escribir la entradilla).

  1. Se inserta la imagen reducida pulsando en el botón de la imagen y buscándola o subiéndola.
  2. Se centra pinchando encima de la imagen para seleccionarla y luego con el icono de centrar párrafo (como cuando centramos un texto).

Para que se añada el efecto de sombra y bordes redondeados hay que entrar en el código fuente, pero tranquilos que es muy fácil!!!!

  1. Se pulsa en "Herramientas > Código Fuente"
  2. Lo primero que sale es el código de la imagen que empieza así: <p><img style="display: block; margin-left: auto; margin-right: auto;"
  3. Se añade a continuación de img el siguiente código: class="img-shadow img-rounded"
  4. Quedará una cosa así: <p><img class="img-shadow img-rounded" style="...
  5. Se pulsa ok y listo, ya debería salir en la portada al publicar el artículo aunque en el editor no notemos nada.

Imágenes de los artículos

En el texto del artículo se añaden las imágenes del mismo modo pero teniendo en cuenta lo siguiente:

  1. Se puede redimensionar la imagen manualmente moviendo las esquinas que aparecen al pinchar sobre ella una vez insertada.
  2. Si queremos que la imagen quede a un lado y que el texto la rodee hay que asignar una "flotación" a la misma desde la ventana de "insertar imagen".
  3. Para que tenga unos márgenes iguales hay que añadir el código "margin" a la imagen. Eso se hace pulsando en la imagen con el botón derecho y seleccionando "image" en el menú que sale. En la pestaña "Avanzado" añadimos los márgenes en el campo "Estilo" copiando este texto:
    margin: 10px 10px 10px 10px; Los números se corresponden a los márgenes que queramos aplicar. El primero es el superior, el segundo el derecho, el tercero el inferior y el cuarto el izquierdo (orden de las manecillas del reloj). Si en alguno de esos lados no queremoa márgen (por ejemplo porque sale la foto arriba del todo) se pone 0px en lugar de 10px. Lo normal son los siguientes valores:
  • Alineadas a la izquierda: margin: 10px 10px 10px 0px;
  • Alineadas a la derecha: margin: 10px 0px 10px 10px;

 

Otras consideraciones

Enlaces

Es interesante que los enlaces a otras webs no saquen al visitante de la nuestra, sino que se abran en otra ventana. Para ello, al insertar un enlace desde el editor de los artículos hay que seleccionar "Nueva ventana" en el deplegable "destino".