Johan de Bruin » Programacion

Configurar el loop de wordpress

Johan — Wed, 30 Jun 2010 11:26:26 +0000

Hoy os traigo otro artículo para incorporarlo en la api de wordpress, el loop de wordpress es invocado cada vez que solicitamos articulos o páginas, en el index por ejemplo sale por defecto la solicitud de los últimos artículos publicados, en el archivo los articulos de cierto mes o cierta categoria, etc…

La api de wordpress nos permite una configuración bastante intensa de la forma de solicitar y mostrar contenido en los loops de wordpress, lo primero de todo es establecer los posts que queramos mostrar en el loop, se puede hacer usando la función query_posts();

query_posts('cat=4,5'); //Todos los que esten en la categoria 4 y 5
query_posts('tag=mitag'); //Los que tengan cierto tag...
query_posts('meta_key=nombrekey&meta_value=valorkey'); //Tenga un campo personalizado con dichos valores
 
 $categoria=$cat; // asignamos la actual categoria
 $query= 'cat=' . $categoria. '&orderby=date&order=ASC'; //ordenacion ascendente por fecha
 query_posts($query);

Como veis, tenemos mucho con que jugar a la hora de configurar el contenido del loop de wordpress, una vez hecho podemos crear el loop, tiene la siguiente estructura:

if (have_posts()) : while (have_posts()) : the_post();
//...
endwhile; else:
//...
endif;
wp_reset_query(); //Importante reiniciar loop para que wordpress funcione como habitualmente

Una vez dentro del loop podemos llamar a muchos valores de los posts, como por ejemplo el contenido, los tags, fecha, titulos, extracto, campos personalizados, la categoria… Aquí un ejemplo de como seria el código completo

query_posts('cat='.get_cat_ID('miCategoria')); //Establecemos el query con los posts de "miCategoria"
if (have_posts()) : while (have_posts()) : the_post();
     
 the_title(); ?>

      the_excerpt(); ?p>
     <p>php the_content(); ?>

$postMeta = get_post_custom_values('metaKey');
foreach ( $postMeta as $key => $value ) {
     echo "$key  => $value ('metaKey')
"; 
}
?>
endwhile; else:
    echo "No se encontraron articulos relacionados, puede que le interese alguna de las siguientes categorias"

    wp_list_categories(); ?>

endif;
wp_reset_query();

Crear Plantillas de themes para post en WordPress

Johan — Thu, 17 Jun 2010 20:42:28 +0000

Podemos crear una plantilla para publicar post especificos en wordpress de la misfa forma que ocurre con las páginas gracias a la combinación del uso de la API de wordpress y del plugin Custom Post Template. Lo que queremos conseguir es mostrar posts de distintas maneras en función a que plantilla seleccionamos en el menu de post:

Gracias a eso, y a un formato de recognición de templates de post, con que añadamos el siguiente comentario en el .php del theme de wordpress podremos definir un formato especifico para ese tipo de post (como añadir metas especificos, imagenes, colores, opciones etc… especifico), explotando más las posibilidades de wordpress.


/*
Template Name Posts: nombrePlantilla
*/
?>

Aqui un ejemplo de como podriamos adaptar esta plantilla usando comandos de la API de wordpress (lo tipico, llamada al header, titulos, contenido, campos personalizados.. ).


/*
Template Name Posts: nombrePlantilla
*/
?>
 get_header('home'); ?>
 if (have_posts()) : while (have_posts()) : the_post();?>
    the_title(); ?>
    the_content('Leer el resto del post;
'); ?>
   $postMeta = get_post_custom_values('metaKey');
   foreach ( $postMeta as $key => $value ) {
      echo "$key  => $value ('metaKey')
"; 
   }
 endwhile; endif; ?>

Mostrar elementos ocultados con javascript

Johan — Sat, 05 Jun 2010 17:55:26 +0000

Aquí una rápida pieza de código que permitira ocultar contenido para luego mostrarlo si así lo quiere el usuario. Empleamos javascript junto al reconocimiento DOM de elementos html para definir el contenido de un div.





Mostrar contenido del contenedor


Y así de facil, únicamente tenemos que hacer referencia con el atributo de onclick a la función que insertara contenido al elemento que queramos mostrar, también sirve para cambiar de imagen, únicamente deberiamos usar el atributo de javascript document.getElementById(“contenedor”).src al hacer click a la imagen…

Programacion orientada a objetos y diagramas UML en PHP

Johan — Tue, 11 May 2010 06:10:48 +0000

Una recopilación de como construir clases en PHP junto a un diagrama de la relación UML. Útil para ir obteniendo nociones sobre el modelado del código.

Herencia

Indica que una clase hereda todos los atributos y métodos de otra, hay que tener en cuenta que en el diagrama UML el triangulo toca al padre:

class Senior {

}
class Junior extends Senior {

}

Agregación

Es cuando una clase puede es parte de otra, con lo cual esta primera clase tendrá acceso a los métodos de la segunda. Al haber sido instanciada fuera de la segunda, aunque esta muera la primera seguira viviendo. Se les conoce como clases “Data Access”, y se dice que la primera clase controla parte de la segunda. Se relacionan con un diamante que toca la clase controlada

class Dao {
    function getSomething() {
    }
}
class Model {
    var $dao;
    function Model (& $dao) {
        $this->dao=& $dao;
    }
    function doSomething () {
        $this->dao->getSomething();
    }
}
$dao=new Dao;
$model=new Model($dao);
$model->doSomething();

Composición

Es cuando una clase instancia a otra, esta segunda instancia moriria con la primera, esto significa que la primera clase controla a toda la segunda, se representa con un solido diamante tocando a la clase controlada.

class LinkWidget {
}
class View {
    var $linkWidget;
    var $page;
    function View () {
        $this->linkWidget=new LinkWidget;
    }
    function renderPage () {
        $this->page=$this->linkWidget->display()
    }
}

Mensajes

Es cuando una clase comunica a otra que está controlando una instancia suya. En php suele emplearse el operador scope. Que sirve para hacer referencias a métodos de clases que no estan instanciadas.

class HtmlUtils {
    function unHtmlEntities ($str) {
        $trans_tbl =
get_html_translation_table (HTML_ENTITIES);
        $trans_tbl = array_flip ($trans_tbl);
        return strtr ($str, $trans_tbl);
    }
}
class View {
    function renderPage {
        $text=HtmlUtils::unHtmlEntities($text);
    }
}

Existe otra variante de esta relación, donde el mensaje se envia mutuamente entre las dos clases, un ejemplo de código:

class Debug {
    function display () {
        echo ($this->errorMsg);
    }
}
class SomeClass {
    var $errorMsg='This is an error message';
    function someFunction () {
        if ( DEBUG == 1 ) {
            Debug::display();
        }
    }
}
define ('DEBUG',1);
$someClass= &new SomeClass;
$someClass->someFunction();

Fuente, phppatterns

Subir un archivo usando ftp con php

Johan de Bruin — Fri, 19 Feb 2010 20:22:30 +0000

Bueno, rebuscando entre mis códigos olvidados he encontrado este pequeño snnipet que puede salvarte la vida en más de una ocasión. Usar el ftp con php puede ser muy sencillo gracias a esta función, sus parametros son:

$dir: ftp del servidor.
$user: usuario del ftp
$pass: contraseña
$desde: ruta donde se localiza el archivo que se desea subir
$hacia: ruta donde quieres alojar el archivo

function subirFTP($dir,$user,$pass,$desde,$hacia)
{
	try
	{
		$idConn = ftp_connect($dir);
		ftp_login($idConn,$user,$pass);
		ftp_put($idConn,$hacia,$desde,FTP_BINARY);
		ftp_close($idConn);
	}
	catch(Exception $e)
	{
		echo $e->getMessage();
	}
}

Integrar jquery con wordpress

Johan de Bruin — Sun, 24 Jan 2010 20:01:13 +0000

WordPress permite gracias a su api usar códigos de jquery, con esta libreria de javascript permitirás establecer una nueva forma de funcionamiento de las páginas web. Para usar jquery tendremos que invocar su código contenido en un archivo .js gracias a una serie de funciones que wordpress nos proporciona.

Para poder invocar el directorio del plugin, podemos usar el siguiente snnipet de wordpress:

$root_codigo = trailingslashit( WP_PLUGIN_URL.'/'. dirname( plugin_basename(__FILE__) ));

Ahora que ya tenemos establecida la url de la base donde se mantendrán distintos códigos, (como el .js con el jquery), podemos decir a wordpress que incluya susodicho código entre sus códigos:

function codigo() {
wp_enqueue_script('jquery');
wp_enqueue_script('un_nombre_script', $root_codigo.'/codigojquery.js', array('jquery'));
//Linea de código para pasar parametros al jquery
wp_localize_script('un_nombre_script', 'clase', array('algun_parametro' =&gt; 'valor'));
}
add_action('wp_print_scripts', 'codigo');

Usamos wp_localize_script para pasar los parámetros a la función jquery, en este caso la ruta del plugin, si quisieramos acceder en el jquery a dicho parámetro podemos usar la clase que enviamos asi: clase.algun_parametro.

Por último, un ejemplo de la estructura que podria tener codigojquery.js:

$(document).ready(function())
{
     $("a").click(function()
     {
          alert("Gracias por tu visita!");
     });
});

Por último, aquí un video de introducción sobre jquery:

Actualizar tu feed de twitter con AJAX

Johan de Bruin — Tue, 05 Jan 2010 12:43:13 +0000

Hoy con la nueva categoria AJAX os mostrare un código en AJAX que os permitira actualizar los mensajes de twitter sin tener que actualizar la página. Para ello, tendremos que dividir el código de programación en 2 archivos. el código de AJAX se mostrará en el archivo cliente, mientras que el código twitterfeed.php será de donde obtendrá los nuevos feed el código en AJAX.

Primero definiremos el código javascript necesario para poder actualizar el feed de twitter. Emplazaremos este código junto al resto de código javascript de la página (orden porfavor).

<script type="text/javascript">
//Primero creamos el objeto XMLHttpRequest que nos permite establecer conexiones HTTP
xmlhttp = new XMLHttpRequest();
//Con esta función actualizamos el contenido de cualquier div con el de algún archivo
function makerequest(serverPage, objID)
{
    var obj = document.getElementById(objID);
    xmlhttp.open("GET", serverPage);
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.send(null);
}
script>

Ahora, debemos definir el código HTML, la primera vez que mostremos el feed de twitter lo haremos con PHP con tal de que los buscadores puedan rastrearlo, luego usaremos un botón para actualizar el feed usando AJAX y el usuario no tenga que estar refresando la página web.


    
         include("twitterfeed.php"); ?>

Ahora solo nos queda crear twitterfeed.php, para ello usaremos una función que ya publique con anterioridad: Mostrar feed de busqueda en twitter

 twitterfeed('','
','johandebruin','5'); ?>

Y con esto queda terminado el código, podeis verlo funcionando en esta página web: Blog nexus one.

Clase de conexión a Bases datos php

Johan de Bruin — Sat, 02 Jan 2010 23:38:16 +0000

Con esta clase de php, te facilitará la tarea de conectarte a las bases de datos, resumiendo en unas pocas líneas de código la interconexión con la base de datos en mysql. La forma de uso es la siguiente:

//Parametros del constructor: host, user, pass, tabla
$bd = new datos("localhost","root","","bd");
//la función obtener uno extrae un string directamente con el primer resultado
$string = $bd->obtenerUno("SELECT MAX(columna) FROM tabla");
 
//La función obtener devuelve una matriz de mysql
$matriz = $bd->obtener("SELECT columna FROM tabla");
while($fila = mysql_fetch_array($matriz))
{
     echo "
".$fila['columna'];
}
 
//La función insertar es para insertar o editar columnas, devuelve el numero de filas afectadas
$filasAfectadas = $bd->insertar("INSERT INTO tabla VALUES ('a','b')");

La clase de php en cuestión es la siguiente:


class datos
{
/* Clase de conexion a bases de datos con php
Creado por johandebruin.com en 02-01-2010 */
	private $server;
	private $user;
	private $pass;
	private $bd;
 
	//Funcion generica que devuelve una conexion a la BD
	private function conectar()
	{
		$idConexion = mysql_connect($this->server,$this->user,$this->pass)
			or die("No fue posible conectar con la base de datos, intentelo mÃ¡s tarde");
		mysql_select_db($this->bd,$idConexion);
		@mysql_query("SET NAMES 'utf8'");
		return $idConexion;
	}
 
	//Establecemos los parametros
	public function __construct($servidor,$usuario,$contra,$baseDatos)
	{
		$this->server = $servidor;
		$this->user = $usuario;
		$this->pass = $contra;
		$this->bd = $baseDatos;
	}
 
	//Obtenemos una matriz de datos, false si no existen
	public function obtener($consulta)
	{
		$idConexion = $this->conectar();
		$datos = mysql_query($consulta,$idConexion);
		mysql_close($idConexion);
		if (@mysql_num_rows($datos) < 1)
			return false;
		return $datos;
	}
 
	//Obtenemos un solo resultado, o en su mayorecto el primero, false en su defecto
	public function obtenerUno($consulta)
	{
		$idConexion = $this->conectar();
		$datos = mysql_query($consulta,$idConexion);
		mysql_close($idConexion);
		if (@mysql_num_rows($datos) < 1)
			return false;
		return mysql_result($datos,0,0);
	}
 
	//Devuelve el numero de filas afectadas
	function insertar($consulta)
	{
		$idConexion = $this->conectar();
		$respuesta = mysql_query($consulta,$idConexion);
		$i = mysql_affected_rows($idConexion);
		mysql_close($idConexion);
		return $i;
	}
}
?>

Funcion extraer subcadena php

Johan de Bruin — Tue, 29 Dec 2009 10:47:02 +0000

Esta función de PHP la cree hace tiempo, su finalidad es la de extraer una subcadena de una cadena o string en PHP. Además, puedes indicar la itineración para que no extraiga la primera subcadena que encuentre. Es extremadamente útil a la hora de manejar strings en HTML. Los parámetros son los siguientes:

$cadena: la cadena que se va a evaluar
$antes: lo que aparece antes de la subcadena que se quiere extraer
$despues: lo que aparece después de la subcadena que se quiere extraer
$cuenta: el número de veces que se tiene que repetir la coincidencia hasta devolver la subcadena

Ejemplo:

$cadena = "Esto es una lista..Hola mundo
 Hola mundo2
";
echo "Primera subcadena: " .extraer($cadena,"","
",1). "
";
echo "Segunda subcadena: " .extraer($cadena,"","
",2);

Y aquí esta la función deseada:

function extraer($cadena,$antes,$despues,$cuenta)
{
	/*Función para obtener extraer una subcadena
	Creado por johandebruin.com el 29-12-2009*/
	if(!$cuenta)
		return false;
	//Ponemos en minuscula todo para optimizar el algoritmo;
	$cadena = strtolower($cadena);
	$antes = strtolower($antes);
	$despues = strtolower($despues);
 
	$localizacion1 = $localizacion2 = 0;
	do
	{
		$localizacion1 = strpos($cadena,$antes,$localizacion1 + 1);
		if($localizacion1 == false)
			return false;
		$cuenta--;
	} while ($cuenta > 0);
	$localizacion2 = strpos($cadena, $despues, $localizacion1 + 1);
	if ($localizacion2 == false)
		return false;
	$localizacion1 += strlen($antes);
	return substr($cadena,$localizacion1,$localizacion2 - $localizacion1);
}

Redireccionar url sin www con php

Johan de Bruin — Sun, 20 Dec 2009 19:45:34 +0000

Bueno, el contenido duplicado es uno de mis mayores problemas como SEO. He pasado muchas horas buscando nuevos métodos para intentar reducir el número de páginas indexadas de algunos portales. Uno de los códigos que más he buscado ha sido para redireccionar las páginas sin www a uno que si lo lleve:

De http://url.com a http://www.url.com

En fin, leyendo el libro “guia de referencia SEO” de ojobuscador encontre un código que me gusto mucho, este se concentra en detectar si la url contiene el www y si no redirecciona a la URL correcta con una redirección 301:

if($_SERVER[“HTTP_HOST”] != “www.dominio.ext”) {
	$url = “http://www.dominio.ext”.$_SERVER[“REQUEST_URI”];
	header(“HTTP/1.1 301 Moved Permanently”);
	header(“Location: $url”);
}