Plugin: Beato 0.1

Written by

in

http://karlankas.top/wp-images/beato.jpgAcabo de terminar mi tercer plugin. Como veis suelo poner una imagen en la esquina superior izquierda de cada post. El poner el código de cada imagen cada vez que hacía un post nuevo se volvía algo pesado y aburrido. Para evitarlo hice este plugin.

El plugin toma un directorio (normalmente el wp-images) y lista los archivos de imágenes que contiene de menos de un tamaño determinado (en principio 10.000 Bytes). Al elegir uno de esos archivos se muestra en una vista previa que se coloca debajo de la lista de categorías. Si la imagen que muestra te convence le das al botón de insertar y aparecerá el código para insertar dicha imagen en el comienzo del post. Da igual que hayas ya escrito. Respetará el texto. Si pasado el rato te arrepientes y quieres cambiarlo, no tienes más que seleccionar otra y darle a insertar. Automáticamente cambiará la imagen que tiene por la recientemente seleccionada.

Si le das a editar un post que consta de una imagen, automáticamente la vista previa mostrará la imagen que tiene dicho post. Para, si procede cambiarla.

Yo lo encuentro muy útil, pero allá cada uno.

Aún tengo que crear una página donde configurar todo: el directorio de imágenes, el tamaño máximo… incluso un cargador de imágenes al servidor con función de redimensión de la imagen. Todo se andará. Pero por ahora, en el archivo beato.php se puede configurar el plugin para que funcione a las mil maravillas.

Para descargarlo y curiosear pincha aquí. Descomprímelo y mételo todo (respetando la estructura) en el directorio de plugins, edita el archivo beato.php y… a disfrutar!

Configuración:

Pon <?php mostrar_lista(); ?> donde quieras que esté el select. Esto es necesario porque esta instrucción: add_action(‘edit_page_form’,’mostrar_lista’); no funciona.

En $imagenPorDefecto debes poner la imagen que quieras mostrar cuando no haya ninguna seleccionada (la ruta completa desde la raiz del blog).

En $directorioImagenes debe constar la ruta relativa desde el directorio del blog al directorio donde están las imágenes.

En $tamanioMaximo se indica el tamaño en bits máximo para las imágenes.

Comments

29 responses to “Plugin: Beato 0.1”

  1. coffelius Avatar

    Beato Plugin: DOWNLOAD HERE
    el plugin es muy util. ahorra un trabajo monotono y en el que se pueden cometer errores fruto de la distraccion, impaciencia y el tedio. bloguear con wordpress y con ayuda de unas cuantas docenas de plugins hacen la vida mucho mas facil. 😀

  2. KarlanKas Avatar
    KarlanKas

    Tienes razón!

    Debería traducirlo…

    Por cierto! Estoy completamente de acuerdo con tu comentario! 😉

    La de cosas que inventa uno por pura vaguería, eh? 🙄

  3. bisley Avatar
    bisley

    Hola karlankas, gracias por este plugin, a ver si lo pruebo luego 😉 otra cosa, el enlace esta mal, sale como enlace http://www.karlankas.net/blog/%5Cblog%5Cbeato.zip en vez de http://www.karlankas.net/blog/beato.zip

    Un Saludo.

  4. KarlanKas Avatar
    KarlanKas

    Muchas gracias, bisley, por el aviso! Ahora mismo lo corrijo!

    Por cierto, informame de cualquier cosa que no vaya tan bien como debiera, o tus impresiones sobre el mismo, o cualquier cosa que creas que debería saber y que nadie se ha atrevido por ahora a comentarme. 😉

    Un saludo!

  5. nat Avatar
    nat

    qué es un plugion???

    bernat

  6. KarlanKas Avatar
    KarlanKas

    Bernat! No me digas que me has seguido desde foros del web? Un plugin es un añadido en el wp (en este caso) que le añade una función o característica nueva.

    Un saludo!

  7. roberasturias Avatar

    Saludos!!!

    Muy bueno el plugin para los comentarios, y ahora he intentado instalar este ultimo plugin pero me da errores.

    En primer lugar: ¿debo respetar la estructura y subir la carpeta resto entera a mi servidor?

    En segundo: ¿dónde debo poner exactamente la línea ? Es en el fichero admin.php pero donde la puse me dio error.

    Gracias y enhorabuena por el trabajo

  8. KarlanKas Avatar
    KarlanKas

    Efectivamente. Para que nos entendamos debes descomprimir el zip dentro del directorio plugins. Luego editar las variables que pongo en la cita: $imagenPorDefecto, $directorioImagenes y $tamanioMaximo y por último poner la línea: <?php mostrar_lista();?> donde quieras dentro del archivo edit-form-advanced.php. Yo la pongo justo debajo del textarea:

    <div><textarea rows=”<?php echo $rows; ?>” cols=”40″ name=”content” tabindex=”5″ id=”content”>
    <?php echo $content ?></textarea></div>
    <? mostrar_lista(); ?>

    Espero que con esto lo consigas. Si no pregunta de nuevo! 😉

  9. Liz Avatar
    Liz

    Hola…tu plugin me parece muy interesante y creo que es lo que he estado buscando, pero… la imagen que pone, quedaría como, por ejemplo, la imagen que pusiste en este post? si es asi, es lo que quería :D.

    Saludos.

  10. jackblack Avatar
    jackblack

    Estupendo plugin,muchas gracias Karlankas.

  11. KarlanKas Avatar
    KarlanKas

    Muchas gracias, jackblack. Pero me sorprende que te sea útil. Tu blog es de blogger… 😕

  12. Jackblack Avatar

    No todos mis blogs Karlankas, no todos. 😛

  13. KarlanKas Avatar
    KarlanKas

    Aaaah, picaruelo…:wink:

  14. KroNosX Avatar

    Muy buen plug in
    lo implemente y todo bien ahora

    salvo que algunas imagenes no me carga pero todo bien

  15. KarlanKas Avatar
    KarlanKas

    Mira a ver si las imágenes no superan el tamaño máximo puesto…

  16. KroNosX Avatar

    ehmm eso del tamaño maximo no lo sabía

    bueno siempre cuando subo una imagen hago un thumb con el mismo upload del WP y al final pongo el thumb

    vere que hago gracias

  17. KroNosX Avatar

    Uff ya entendi el problem

    las imagenes que tenia estaban en png y el plugins no tiene la extension png y tampoco las extensiones que queden en mayusculas como PNG JPG o GIF

    Bueno solucione el problema haciendo los cambios respectivos en el archivo resto.php

    :grin::grin::grin:

  18. Amigo Avatar

    Saludos:

    Magnífico plug-in. La verdad es que es muy útil y aún siendo sencillo seguro que será implementado por muchos bloggers.

    Sólo una cosa, he colocado tal como indicas en:

    " cols=”40″ name=”content” tabindex=”5″ id=”content”>

    Pero sólo me aparece cuando edito una noticia ya publicada no en una nueva noticia. Supongo que para ello tendría que insertar el código en alguna otra página pero desconzco cual es. Me podrías ayudar?

    Gracias y un saludo

  19. KarlanKas Avatar
    KarlanKas

    Perdoname, Amigo, pero no entiendo a qué te refieres. Si te explicas un poco más estaré encantado de ayudarte. 😉

  20. Amigo Avatar
    Amigo

    Saludos:

    Gracias por tu interés Karlankas.

    Intento explicarme mejor.

    Tengo el Word Press 1.5.1.3 traducido al castellano. Cuando le doy a Escribir –> Escribir Entrada, me sale el formulario donde publicar la noticia pero no me muestra la opción de insertar imagen (que es lo que quiero).

    Sin embargo, en Gestionar –> Entradas, cuando edito un mensaje ya publicado me aparece perfectamente la opción ‘Imagen a mostrar’, funcionando perfectamente.

    Lo único que he hecho, ha sido introduir la línea en la línea 101, justo después de la línea que indicas en un comentario superior.

    No se si me he explicado correctamente.

    Gracias y un saludo

  21. KarlanKas Avatar
    KarlanKas

    Mira a ver si tienes en

    opciones -> Escritura

    dentro de las opciones de escritura marcada la opción de controles simples (es la primera opción). Cámbiala a controles avanzados y dale a Actualizar.

    Luego vete a escribir una nueva entrada y dime si te sale bien ahora.

    Un saludo! 😉

  22. Amigo Avatar
    Amigo

    xacto!!!

    Ahora si.Muchísimas gracias.

    Un saludo

  23. KarlanKas Avatar
    KarlanKas

    Me alegro de que te funcione ahora! 😉

  24. Amigo Avatar

    Saludos otra vez:

    Si no es molestar demasiado quisiera preguntarte otra cosa.

    La imagen que sale en la parte derecha inferior a la hora de escribir una noticia se podría hacer que apareciera todavía más abajo?

    A mí, me oculta el botón de Publicar con lo que no me deja publicar correctamente más noticias.

    Gracias y un saludo

  25. KarlanKas Avatar
    KarlanKas

    abre el archivo resto.php que está dentro del directorio beato (dentro del directorio de plugins) y cambia la function vista_previa. Aquí:

    sitio=document.getElementById(“categorydiv”).innerHTML;
    anadido_sitio=”;
    document.getElementById(“categorydiv”).innerHTML=sitio+anadido_sitio;

    cambia categorydiv por poststuff

    Así quedará debajo de todo el formulario. Dime si así te sirve. Otra solución es que no uses imágenes tan grandes 😉

    Un saludo!

  26. KarlanKas Avatar
    KarlanKas

    El problema está en que internet explorer no entiende la propiedad de CSS max-width. Otra posible solución es en la función que he dicho antes cambiar donde pone max-width:120px por width:120px. El problema de este cambio es que cambiará un poco la proporción en la vista previa.

  27. Amigo Avatar

    Saludos:

    Ok, karlankas, he cambiado categorydiv por poststuff y me ha funcionado perfectamente. Muy amable.

    Un saludo

  28. KroNosX Avatar

    Hola

    nuevamente molestando yo jejeje

    mira lo que pasa es que mi servidor hosting me elimino mi blog y ahora estoy haciendo todo de nuevo pero no recuerdo en que pagina hay que poner el codigo

  29. KarlanKas Avatar

    En el comentario 8 lo digo. Es eso lo que quieres saber?

Leave a Reply

Your email address will not be published. Required fields are marked *