El segundo código corto que queremos tratar en esta serie de siete partes es el código corto . Puedes usarlo para aplicar una gran cantidad de texto como pie de foto a una imagen. ¿Por qué hacerlo? Para hacer que el texto del pie de foto envuelva a la imagen en lugar de mostrarse debajo.No hay necesidad de editar el archivo media.php para decirle a WordPress cómo usar el código corto. Si deseas modificarlo, encontrarás el archivo en el directorio wp-includes. En algún lugar alrededor de la línea 1430, deberías ver el código predeterminado para la entrada del código corto.
Si no lo has hecho ya, puedes leer la parte 1 y la parte 2.
Establecer las variables
Cuando crees tu código corto, habrá varias variables a considerar. Las tres primeras son opcionales; la cuarta es obligatoria:
- ID (id) – Esta variable te permite añadir un ID HTML único para identificar tu código corto dentro de tu página. No hay un ID establecido por defecto.
- class – Como la etiqueta ID, esta variable te permite establecer una clase personalizada para tu código. Una vez más, no se asigna ningún valor predeterminado.
- align – Esta variable hace justo lo que dice: determina la alineación del texto que usas para tu pie de foto. Tienes cuatro opciones:alignnone, aligncenter, alignright yalignleft. El valor predeterminado esalignnone.
- width – Esta variable no es opcional. Debes determinar lo ancha que debería ser el área del pie de foto introduciendo un valor (en píxeles) de uno o mayor. No establecer esta variable provocará que el código corto haga que tu texto pase a través de tu imagen.
Una vez que hayas establecido tus variables, puedes subir tu imagen a tu biblioteca de medios de WordPress o localizar la URL si planeas usar una imagen alojada remotamente.
Usar el código
Usar el código corto [caption] es bastante sencillo. Abre tu página o entrada para editarla y luego haz clic en la pestaña ‘Texto’ a la derecha del editor. Esto te sacará del entorno WYSIWYG y te llevará a un editor de texto plano donde deberías ver todo el código fuente de tu documento. Allí donde quieras que aparezcan la imagen y el pie de foto, introduce el siguiente código:
[caption] <img>Pie de foto
Observa un par de cosas aquí. Primero está la etiqueta de imagen. Cuando uses esta etiqueta, tienes que incluir la fuente de la imagen con ella. Si no sabes cómo formatear las etiquetas de la fuente de la imagen correctamente, no te preocupes. Usa el editor WYSIWYG para introducir tu imagen desde la biblioteca multimedia y luego vuelve al editor de texto y simplemente añade el código necesario a cada lado.
En segundo lugar, observa que estamos cerrando el código corto usando ‘/caption’. Si no cierras la etiqueta, no se mostrará correctamente. Tu código final debería tener un aspecto parecido al siguiente:
<img src="http://localhost/wp-content/uploads/mi_imagen_impresionante.jpg" alt="impresionante" title="Mira esto" width="350" height="250" class="size-mediummi_imagen" />Mira esto
Ahora lo único que te queda por hacer es introducir el texto de tu pie de foto editando el campo apropiado en la biblioteca multimedia. ¡Eso es todo!
