Imagenes en tus post

Ya hace tiempo que queria escribir un articulo de como poder poner imagenes dentro de tus posts de manera que quedasen bien integradas en la noticia y se ampliaran con un click.

Bueno he decido explicarlo en 5 pasos muy cortos y sencillos. Ahi van:

Descargar los archivos necesarios, el Plugin de LightBox, con las modificaciones de Anieto2k, y el archivo inline-uploading.php, también modificado por Anieto2k.

– Descomprimirlo y subir cada archivo a su carpeta, al directorio de /wp-content/plugins/ de vuestro hosting la carpeta y el archivo de lightbox-plugin, y a /wp-admin/ el archivo inline-uploading.php (Renombrar primero vuestro inline-uploading.php a inline-uploading2.php, por si acaso).

– Dirigiros al panel de administración de vuestro Worpress y activar el plugin en la pestaña de Plugins.

– Un poco de CSS. Bueno ahora se trata de dirigirnos al editor de temas de nuestro WordPress, que se encuentra dentro de la pestaña de Presentación y agregar el siguiente código al final del archivo style.css

.derecha{
  float: right;
  margin: 0 0 10px 10px;
  border: 1px solid #999;
  padding: 2px;
}

En la linea de border: 1px solid #999; podeis cambiar el color del recuadro exterior de la imagen al que mejor os quede en vuestro Blog, o quitarselo, poniendo 0px.

- Ahora ya podemos ir a escribir una entrada, y cuando insertemos la imagen seleccionamos el tamaño que más nos guste, antes de subir. Después solo tenemos que añadir class="derecha" a la imagen.

Y listo, podeis ver ejemplos de como queda en la mayoria de mis posts.

Actualización: Para WordPress 2.1, os tendréis que bajar las actualizaciones que aNieto2k ha hecho en estos archivos. Y para WordPress 2.2.

Planeta Motor

Planeta Motor

Javi Vicente ha creado Planeta Motor, un blog sobre el mundo del motor: coches modernos, antiguos, prototipos, noticias más relevantes, seguimientos de acontecimientos, salones…

De momento sus principales colaboradores son:

  • Actual World
  • DiarioMotor
  • Drifting.es
  • El Blog de Tunning
  • El Garaje
  • InKiLiNo
  • MotorPasión
  • TecnoCoches
  • BlogsMotor.es

Según Javi, Planeta Motor pretende ser un lugar de encuentro de las principales webs del motor, siempre en castellano, para que no haya necesidad de navegar por todas ellas para estar al día de las noticias que más nos interesan. Eso sí, los comentarios están cerrados y será necesario ir a la web original. Si te gusta el motor, esta es tu página.

Planet, Motor

Botón de Tags en nuestro editor

Al igual que hicimos con el botón de enlace de nuestro editor de texto de WordPress, hoy vamos a crear un botón para añadir Tags facilmente cada vez que escribamos un post.

Lo primero es descargar el plugin myTags y activarlo desde el panel de administración.

A continuación procedemos a dar permisos de escritura mediante ftp, o como queramos al archivo en cuestion, wp-includes/js/quicktags.js

Después dentro del panel de control de WordPress, tendremos que ir a la pestaña de Gestionar, entrar en archivos, y después escribir en la ruta del archivo, en este caso wp-includes/js/quicktags.js.

Lo primero que haremos es crear el botón de Tags, tal y como se ve en la imagen, y lo copiaremos en la parte del archivo donde estan el resto de botones, para mantener la estructura del archivo bien organizada.

Boton

A continuación copiaremos el siguiente texto antes de la última condición del if , para crear la aparición de una ventana flotante en la cual escribiremos nuestros Tags.

Ventana flotante

Y por último añadiremos la función edInsertMyTags al final del archivo.

función

Ahora solo queda guardar los cambios en el archivo y ya podemos ir a postear, y probar el resultado tan eficiente y comodo del proceso.

WordPress, Nuevo boton, Tags

Abrir enlaces en nueva ventana

Voy a explicar de forma muy sencilla como podemos hacer que los enlaces de nuestro blog se abran en una ventana diferente, siempre y cuando tengamos el editor que trae WordPress por defecto deshabilitado, sino esta explicación es inútil.

Lo primero que tenemos que hacer es dar permisos de escritura mediante ftp, o como queramos al archivo en cuestion, wp-includes/js/quicktags.js

Después dentro del panel de control de WordPress, tendremos que ir a la pestaña de Gestionar, entrar en archivos, y después escribir en la ruta del archivo, en este caso wp-includes/js/quicktags.js.

A continuación buscaremos la función edInsertLink, que estara al final del archivo o casi. Una vez la encontremos solo tendremos que añadir target=»blank» o target=»_blank»( No se la diferencia, si alguien la sabe que me lo diga), despues de "' + URL + '" , tal y como muestra la imagen.

target-blank

Ahora ya podemos ir a postear a saco y comprobar como nuestros enlaces se abren en ventanas nuevas.

Videos de Youtube, con W3C válido.

Esta mañana me he leido el mini-tutorial de Javi Vicente de como poner un boton de YouTube en el editor de texto de WordPress, y que encima despues de publicarlo pasemos exitosamente la validación de XHTML 1.0.

Solo hay un pequeño error en el mini-tutorial de Javi Vicente, y es que en la secuencia del else if … tiene que quedar de la siguiente manera:

Correccion codigo

YouTube, W3C, XHTML

Formulario de Contacto

He encontrado un plugin para WordPress, con el que podeis poner un formulario de contacto en vuestro Blog en un plis, podeis ver como queda entrando en la sección de contacto del Blog.

He hecho un par de cambios para ponerlo en español, podeis descargarlo de aqui.

Si por el contrario quereis la versión original del Author, y modificarla a vuestro gusto esta aqui.

Plugins, Worpress, Formulario, Contacto

Esta web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies.

ACEPTAR
Aviso de cookies

This function has been disabled for InKiLiNo.com.