PHP | HNKweb

↑↓

29/03Actualizado a Wordpress 2.5

Acabo de completar el proceso de actualización del Wordpress a la versión 2.5. Esta nueva versión trae multitud de mejoras, entre las que destacan nuevas funciones, mejor manejo de las etiquetas, integración con el sistema de actualización de los plugins, un panel de administración completamente rediseñado [más claro], mejorado el formulario de publicación, nuevo administrador de widgets…

Uno de los cambios que más me ha gustado ha sido la opción “upgrade automatically” en los plugins. Cuando existe una versión actualizada del plugin ya no hace falta descargarla y conectarse por FTP para subirla al servidor. Un simple click y lo hace automáticamente.

Los pasos que realicé para actualizar la versión fueron:

Exportación de la base de datos para guardar una copia de seguridad.
Desactivar todos los plugins y poner el tema por defecto.
Exportación de los archivos del raíz y las carpetas wp-admin y wp-includes al pc local.
Borrar las carpetas y archivos anteriores en el servidor.
Subir los archivos del raíz y las carpetas wp-admin y wp-includes de la nueva versión.
Renombrar el archivo wp-config-sample.php a wp-config.php y editarlo para establecer los parámetros de conexión a la base de datos.
Ejecutar el wp-admin/upgrade.php.
Aplicar el tema anterior y activar los plugins usados.

He revisado por encima el blog y no he encontrado ningún problema. Si veis algo raro avisadme, ok?

ACTUALIZACIÓN: En la web Tengo Tiempo han publicado el archivo de traducción al español para esta nueva versión. Simplemente descarga y sube el archivo es_ES.mo a la carpeta wp-content/languages [creándola en caso de que no exista].

3 Comentarios

actualizacion, web, Wordpress, PHP

↑↓

17/01Sistema de Login en PHP

En ineedtutorials.com han publicado un interesantísimo tutorial con los pasos a seguir para montar un completo sistema de administración de registro de usuarios en PHP y MySQL: registro, pérdida de contraseñas, encriptación de los datos, activación por correo electrónico…

2 Comentarios

PHP, Programación, mysql, administracion

↑↓

08/01Obtener las Etiquetas de una Entrada en WP

Con el cambio de tema me han saltado detallitos que he tenido que ir depurando poco a poco.
Uno de ellos es que me suelo emocionar a la hora de poner etiquetas en las entradas y el espacio que les he concedido en la página principal es algo limitado.

En un principio pensé en repasar todas las etiquetas de mis posts e ir ajustándolas para que no se salieran del espacio, pero después de ver la cantidad de trabajo que me suponía [y como soy un poquillo vago] busqué la opción alternativa.

Lo que hará el tema será sacar en la página principal 4 de las etiquetas de esa entrada, al azar, y se mostrarán todas las restantes al entrar en cada uno de los posts.

Para ello he creado un archivo functions.php en mi tema con el siguiente código:

Ver Texto Plano

PHP:

function getPostTags($id, $number, $sep) {
$output = ”;
$tags = get_the_tags($post->ID);
if ( !empty($tags) ) {
$number = (int) $number;
if ( $number != 0 ) {
$tags = randomArray($tags);
$tags = array_slice( $tags, 0, $number );
}
foreach ( (array) $tags as $tag ) {
$tag_links[] = ‘<a href="’.clean_url(get_tag_link($tag->term_id)).‘" title="’.wp_specialchars($tag->name).‘">’.wp_specialchars($tag->name).‘</a>’;
}
$output .= join($sep, $tag_links);
echo $output;
}
}
function randomArray( $data_in ) {
srand( (float) microtime() * 1000000 ); // For PHP <4.2
$rand_keys = array_rand($data_in, count($data_in));
foreach( (array) $rand_keys as $key ) {
$data_out[$key] = $data_in[$key];
}
return $data_out;
}

La primera función es la que se encarga de recuperar las etiquetas de un determinado post de nuestro blog. Le pasamos como parámetros el ID del post, la cantidad de etiquetas que queremos recuperar y el separador entre ellas [no os perdais el comando join].

La segunda función es la encargada de mezclar el array de etiquetas para que salgan aleatorias.

Con esto, tan solo queda modificar la llamada dentro del loop de wordpress en nuestro tema para usar la función específica:

getPostTags($post->ID, 4, ', ');

Sin Comentarios

Wordpress, etiquetas, Programación, PHP

↑↓

07/01Escribir en Twitter con PHP

En GoodPHPTutorials comentan como se puede enviar mensajes al Twitter desde una página en PHP usando su API. Ojo que tiene que estar habilitada la extensión cURL de PHP.

Sin Comentarios

Programación, api, PHP, twitter

↑↓

01/10Imaset, Control Total sobre tus Imágenes de Wordpress

Imaset es el nombre del plugin que ha desarrollado Alex Barros y del que acaba de liberar la versión 2.0 estable.

Lo que permite este plugin es controlar los efectos visuales de la imágenes que subas a Wordpress a la hora de escribir una entrada. Para ello, tras activarlo, te aparecerá un botón justo encima de la opción ‘Subir’. Cuando subas una imágen y pulses el botón, se abrirá un ventana en donde podrás añadirle dinámicamente una multitud de efectos a la imágen:

Imaset

Decoración
- Sombra
- Marco
- Reflejo
- Brillo
- Perspectiva
- Ondular
Color
- Invertir colores
- Escala de grises
- Sepia
- Colorizar
Efectos
- Desenfoque suave
- Desenfoque fuerte
- Encontrar bordes

Una vez que generes la imágen deseada, puedes añadirla automáticamente al editor de la entrada.

Para poder utilizar este plugin, tu servidor debe soportar PHP 4+ y tener instaada la librería GD. Es compatible con Wordpress 2.x+.

Un plugin muy currado, fácil de usar y que dará mucho juego a tu blog. Pruébalo!

Imaset, Control Total sobre tus Imágenes de Wordpress

Sin Comentarios

imagenes, blog, gd, editor

↑↓

10/09fotoroom: Creación de Galerías de Imágenes

Antes de nada, sí, hace poco había posteado una herramienta similar, pero no me llegó a convencer del todo.

¿Qué es fotoroom? Pues básicamente la misma idea de siempre. Tenía intención de montar un sistema de creación de galerías de imágenes simple, que no se necesitara mucha parametrización ni configuración, tan solo poner las fotos en una carpeta y listo.
Sí, ya se que existen herramientas muy chulas como minishowcase para esto, pero quería montar una herramienta de cosecha propia.

La idea es simple, siguiendo una estructura de ficheros básica, fotoroom genera dinámicamente la galería de imágenes. Las descripciones de las galerías e imágenes las recupera de archivos de texto dentro de esas carpetas, guardándolos con el mismo nombre que el archivo asociado.

Está desarrollado bajo PHP y se apoya en las MooTools para ofrecer una visualización y navegación agradable.

Entre los puntos pendientes del proyecto se encuentran:

Optimización de los archivos JS y CSS.
Sistema de Temas Visuales.
Buscador de imágenes.
Versión Extendida con sistema de Comentarios, Etiquetas… [usando base de datos]
Que funcione en Internet Explorer…[este lo acabo de descubrir ahora!]
…Y todas las sugerencias que puedas tener!!!

fotoroom | galería de imágenes

4 Comentarios

Fotografía, fotoroom, Programación, MooTools

↑↓

16/08Mostrando los Vídeos de forma más Ligera

A partir de ahora voy a intentar usar el método que utilicé en el post de Doug Henning para mostrar los videos en el blog.

Básicamente no mostrar el flash con el video directamente, sino que se muestra una imagen y al pulsar sobre ella lanza el Slimbox con el video en cuestión.

Para montar esto he usado la versión Slimbox Extended y le he añadido lo siguiente al script:

Ver Texto Plano

JAVASCRIPT:

// En las líneas 184 y 192
this.preload.s = this.matchOrDefault(rev, new RegExp(“scroll=(\d+%?)”, “i”), 1);
// En la línea 216
var ss = (this.preload.s == 1) ? “yes” : “no”;
// En la línea 219
…scrolling:ss…

Así puedo usar la propiedad “rev” para indicarle, además del ancho y alto, si quiero que se vean las barras de scroll.

El segundo paso es crear la página que cargará el video. Para ello, nos creamos un PHP con el siguiente contenido:

Ver Texto Plano

PHP:

<html>
<head>
<title>YouTube Video</title>
</head>
<body style=“margin:0;padding:0;”>
<?php
if (isset($_GET[‘v’])) {
$video = $_GET[‘v’];
?>
<object width=“480” height=“368” type=“application/x-shockwave-flash” data=“http://www.youtube.com/v/”>
<param name=“movie” value=“http://www.youtube.com/v/” />
</param></object>
<?php } ?>
</body>
</html>

Con esto ya solo nos quedaría meter en el post el código necesario para lanzar el Slimbox con el video. Como todos los videos de YouTube tienen una imagen “default.jpg” asociada, lo único que variará será el código del video. Un ejemplo sería:

Ver Texto Plano

HTML:

<! — Modificariamos el código ‘JsTgQb7qcmo’ por el de nuestro video — >
<a href=“http://www.hnkweb.com/video/youtube.php?v=JsTgQb7qcmo” rev=“width=480, height=370, scroll=0” rel=“lightbox[]” title=“Video de YouTube”>
<img src=“http://img.youtube.com/vi/JsTgQb7qcmo/default.jpg” alt=“Pulsa para ver el video” />
</a>

Y el resultado sería:

Sin Comentarios

PHP, Wordpress, MooTools, youtube

↑↓

03/08Modificando la versión mobile del Blog

Hasta hace poco usaba el plugin WordPress Mobile Edition de Alex King para mostrar una versión ligera de la web si se entraba a través de un navegador de PDA, Pocket, móvil…

Hace poco salió el plugin iWPhone, que lo que hacía era cambiar el estilo del blog si entrabas a verlo desde el iPhone de Apple.

Además, estos días Digg sacó una versión de su web para el iPhone, con un estilo que me ha gustado bastante.

Así que he eliminado el plugin de Alex King, he modificado el del iPhone para añadirle el resto de los navegadores móviles y he copiado el diseño de la web de digg para generar un tema similar para Wordpress. Este es el resultado final: