Jun 14th
Plugin para wordpress – Slider de Fotografias – Quinta entrega.
- Posted in Sin categoría
- Comments 0
Siguiendo el tutorial de como crear plugin de slider de fotografías para wordpress, vamos a ver como crear en el panel de administración de nuestro wordpress, la posibilidad de cargar y eliminar fotos de nuestro slide:
Esto lo haremos con dos funciones principales:
miplugin_cargarFoto():
En esta función lo que hacemos en un simple formulario de carga a la carpeta images de nuestro plugin, la carpeta debe estar con permisos de escritura, en caso contrario, la carga dará error.
miplugin_borrarFoto():
Listamos las fotografías de la carpeta images de nuestro plugin y damos la opcion de eliminarlas.
Aqui abajo el codigo…
//Funcion cargar fotos
function miplugin_cargarFoto(){ ?>
<h2>Cargar Fotografias en el Slide </h2>
<form action=”admin.php?page=fotos-headers&cargarfoto=1″ method=”post” enctype=”multipart/form-data” name=”cargar-foto”>
Seleccione una Foto: <input name=”foto” type=”file”><input name=”cargarFoto” type=”submit” value=”Cargar Foto”>
</form>
<?php
if(isset($_GET['cargarfoto'])){
$tamano = $_FILES["foto"]['size'];
$tipo = $_FILES["foto"]['type'];
$foto = $_FILES["foto"]['name'];
$prefijo = substr(md5(uniqid(rand())),0,6);
if ($foto != “”) {
// guardamos el archivo a la carpeta del plugin
$destino = ”../wp-content/plugins/slider/images/”.$prefijo.”_”.$foto;
if (copy($_FILES['foto']['tmp_name'],$destino)) {
$status = ‘Foto Subida: <b><a href=”../wp-content/plugins/slider/images/’.$prefijo.’_’.$foto.’”>’.$prefijo.’_’.$foto.’</a></b>’;
} else {
$status = “Error al subir el foto”;
}
} else {
$status = “Error al subir foto”;
}
echo $status;
}
}
Función para borrar las imágenes:
//Funcion para borrar las fotos del Slide
function miplugin_borrarFoto(){
if(isset($_GET['img'])){
unlink(‘../wp-content/plugins/slider/images/’.$_GET['img']);
echo ‘Imagen Borrada con Exito<br>’;
}
?>
<br />Imagenes Cargadas<br /><br />
<?php
$arr_ext=array(“jpg”,”png”,”gif”);
//abro un directorio
$mydir=opendir(‘../wp-content/plugins/slider/images/’);
//leo los archivos del directorio
while($archivo=readdir($mydir))
{
$ext=substr($archivo,-3);
//si la extension del archivo es correcta muestra la imagen
if(in_array($ext,$arr_ext))
{
echo $archivo;
?>
- <a href=”admin.php?page=fotos-headers-borrar&img=<?php echo $archivo;?>”>Borrar</a><br /><br />
<?php
}
}
}
Ahora solo falta agregar al menu de wordpress y lo hacemos de la siguiente manera:
function miplugin_menu(){
add_menu_page(‘fotos’, ‘Foto Slider’, 8, ‘fotos-headers’, ‘miplugin_cargarFoto’);
add_submenu_page( ‘fotos-headers’, ‘Cargar Foto’, 8, ‘fotos-headers’, ‘miplugin_cargarFoto’);
add_submenu_page( ‘fotos-headers’, ‘Borrar Foto’, ‘Borrar Foto’, 8, ‘fotos-headers-borrar’, ‘miplugin_borrarFoto’);
}
add_action(‘admin_menu’, ‘miplugin_menu’);
Si quieres, puedes descargar el plugin completo desde aqui: slider.zip
