La pantalla de edición

Cómo llegar hasta ella

Una vez asimilados los conceptos del capítulo anterior, lo que vamos a hacer es es ponerlos en práctica sobre la pantalla de edición de Wordpress.

Lo que deberías hacer a continuación es entrar en tu Panel de administración poniendo la URL www.dominiodelblog.com/wp-admin (www.javalotodo.com/wp-admin sería para el caso de este blog)

Pincha en el enlace Nueva entrada (desde la versión Wordpress 2.6+ está arriba a la derecha)

Enlace para nueva entrada

y observa en la página de edición algunos de los elementos ya comentados: el título y el permalink.

Título, permalink y barra de herramientas

El título y el permalink

Desplazando la vista de arriba a abajo tendríamos en primer lugar el título. Más abajo está el permalink, del cual podemos editar la parte final. La primera vez que guardemos el artículo Wordpress lo extrae del título que hubiera en ese momento, por lo que únicamente habrá que ajustarlo siguiendo las recomendaciones del artículo anterior.

La barra de herramientas

La barra de herramientas es un conjunto de botones y desplegables al estilo de un procesador de textos, que nos permiten diversas funcionalidades.

Si tenemos la categoría adecuada, justo encima de la barra de herramientas veremos unos enlaces para subir o insertar imágenes, vídeos, música y objetos Flash. La funionalidad que más utilizaremos será la de subir imágenes.

Después tenemos la barra de herramientas, similar al Word. En ella tenemos botones para realizar las más diversas tareas. Pueden variar pero aproximadamente, siguiendo un orden izquierda - derecha y arriba - abajo tenemos botones para:

• 1ª fila
  • formato básico al texto, listas, alineación párrafo
  • insertar o quitar un enlace
  • insertar la etiqueta Más o la de paginación
  • reemplazar, corrector ortográfico, buscar
  • pantalla ompleta
  • mostrar/ocultar 2ªfila
  • etc.
• 2ª fila
  • estilos de texto
  • copiar y pegar desde otros programas (quita formato), eliminar o copiar formato
  • insertar carácter especial
  • imprimir
  • cambiar color
  • emoticonos
  • deshacer y rehacer
  • ayuda
  • etc.

Los botones que utilizaremos son los típicos para centrar texto, cambiar estilo, negrita, itálica, colores, etc. Hay otros botones (arriba a la derecha) que sirven para otras cosas que de momento no comentaremos.

La barra de herramientas tiene dos filas de botones. La segunda fila puede que esté oculta en cuyo caso se puede visualizar pulsando uno de los botones más a la derecha que dice Mostrar/Ocultar barra avanzada (Alt+Shift+Z)

Dónde darle formato

En el mundo de las páginas web el contenido siempre es al final convertido en código HTML. Por otro lado, el formato homogéneo de un sitio web se consigue mediante las llamadas hojas de estilo. Estas hojas de estilo lo que hacen es dictar la apariencia de cada etiqueta HTML por lo que, un Título 3, o un texto en negrita, siempre tendrá un formato homogéneo en todas las páginas.

El problema viene al copiar y pegar de programas externos, ya que cada programa (Word, Dreamweaver, Wordpres, etc.) genera código HTML distinto a partir del mismo contenido. Por ejemplo, copiar texto de Word y pegarlo en Wordpress producirá todo tipo de efectos indeseados, ya que Word genera un código HTML altamente complejo y enrevesado que la hoja de estilos no entiende.

Por eso, a la hora de escribir nuestros artículos, se recomienda:

• Desde la pantalla de edición de Wordpress. Es lento, pero tiene autoguardado. Usar la pestaña Visual siempre que sea posible.
• Con el bloc de notas: no introduce ningún formato que luego de problemas al copiar y pegar
• Con cualquier otro editor, aunque al copiar y pegar pasar el contenido por el bloc de notas (eliminará el formato) y re-formatearlo en Wordpress

Darle formato desde Wordpress

Reglas y trucos básicos que tenemos que seguir a la hora de dar formato al artículo desde la pantalla de edición:

• Texto: en general, salvo palabras o frases a destacar, debe ir todo en formato Párrafo (formato básico, o sin-formato). En la segunda fila, a la derecha del desplegable de estilos hay un botón con una goma de borrar que permite dar este formato básico (o eliminar otros formatos) al texto seleccionado.
• División entre párrafos: mira que la división del párrafo esté hecha por un solo retorno de carro (desde vista Visual) o dos retornos de carro (en vista HTML).
• Subítulos: para capítulos y apartados dentro del artículo utilizar los estilos Titulo 3, 4, 5. No usar Titulo 1 y 2.
• Listas: no olvidemos darle formato a las listas, ya sea numerada o sin numerar
• Imágenes: deben quedar alineadas, normalmente, a la derecha