Bufa Webmaster

Hoy os enseño una chuleta para desarrolladores de temas en wordpress. Esta muy completa y se incluyen las funciones más utilizadas ordenadas por secciones (comentarios, post, tags…)

Descargar chuleta wordpress en pdf

Fuente: http://yojance.com/2009/06/wordpress-cheat-sheet/

Vamos a ver como geolocalizar de manera sencilla una determinada página web usando las etiquetas “meta” del head. Las tres principales etiquetas meta de geolocalización son:

<meta NAME="geo.position" CONTENT="latitud; longitud" />
<meta NAME="geo.placename" CONTENT="ciudad o nombre del lugar" />
<meta NAME="geo.region" CONTENT="país" />

geo.position

La etiqueta geo.position contiene en primer lugar la latitud geográfica, seguida de la longitud geográfica. El separador entre ambos valores es obligatorio, y ha de ser un punto y coma (;). El separador decimal de la latitud y longitud debe ser un punto (.) y no una coma.

El número de dígitos usado detrás del punto decimal es libre para el usuario.

geo.placename

La etiqueta geo.placename indica el nombre del lugar. Normalmente el lugar es su ciudad o pueblo más cercano. Evitar aquí volver a repetir los mismos datos de la etiqueta geo.region como son el país o el nombre de la región. No es necesario que se mencionarlos dos veces.

geo.region

La etiqueta geo.region se compone de dos partes: código de país y código regional. El separador entre las dos es un guión (-). No son permitidos espacios adicionales antes o detrás del guión. El código regional es opcional para los países que no tienen códigos regionales.

Los códigos de cada país siempre constan de dos letras mayúsculas, correspondiente norma  “ISO 3166-1″. Por ejemplo, “ES” para España.

Los códigos regionales constarán de 1 a 3 letras mayúsculas o caracteres numéricos, correspondiente norma ”ISO 3166-2″, como “VC” de la comunidad Valenciana o “V” de la ciudad de Valencia.

Ejemplo de uso para geolocalizar una página web de la comunidad Valenciana:

<meta NAME="geo.position" CONTENT="l39.484011;-0.753281" />
<meta NAME="geo.placename" CONTENT="Comunidad Valenciana" />
<meta NAME="geo.region" CONTENT="ES-VC" />

Para conseguir las corrdenadas de la latitud y longitud de un determinado lugar podeis utilizar esta página web http://www.geo-tag.de que utiliza el api de google maps.

Vamos a ver la colección de los mejores efectos de lightbox utilizando el framework jQuery.

 jQuery Lightbox Plugin

Soporte: imágenes
Demo: http://leandrovieira.com/projects/jquery/lightbox/

Shadowbox

Soporte: imágenes, HTML, iFrame, AJAX, Flash, Video
Demo: http://www.shadowbox-js.com/index.html

Thickbox

Soporte: imágenes, HTML, iFrame, AJAX
Demo: http://jquery.com/demo/thickbox/

PiroBox

Soporte: Imágenes
Demo: http://www.pirolab.it/pirobox/

PrettyPhoto

Soporte: imágenes, HTML, iFrame, AJAX, Flash, Video
Demo: http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/

Fancybox

Soporte: imágenes, HTML, iFrame, AJAX
Demo: http://fancy.klade.lv/example

Facebox

Soporte: imágenes, HTML, AJAX
Demo: http://famspam.com/facebox

NyroModal

Soporte: imágenes, HTML, iFrame, AJAX, Flash, Video
Demo: http://nyromodal.nyrodev.com/

Interface Imagebox

Soporte: Imágenes
Demo: http://www.intelliance.fr/jquery/imagebox/

Para buscar una cadena de texto dentro de otra en php utilizaremos la función ereg.

1
2
3
4

$txt="Sin León no hubiera España";
$palabra="León";
if(ereg($palabra,$txt)) echo "La Cadena $palabra Existe";
else echo "La Cadena $palabra No Existe";

Para conocer la ruta absoluta de una web en el servidor donde este alojada utilizaremos la función php getcwd: Esta función nos devolverá la ruta completa de la web (ejemplo en hosting windows:  ‘C:\\MySite\\domain.com\\’) (ejemplo en hosting linux:  ’/root/mysite/domain.com/’)

<?php
$path = getcwd();
echo $path;
?>

MeeNews es un nuevo plugin newsletter para wordpress ideal para gestionar nuestros newsletter de manera totalmente personalizable.

Entre sus características:

• Compatible con WordPress 2.7 o superior.
• Totalmente Customizable
• Interfaz fácil y sencilla.
• Newsletters atractivos y efectivos.
• Añade tus listas de contacto.
• Creado para enviar tus posts.
• Con 2 temas diferentes listos para utilizar.
• Sin conocimiento de programación.
• Envío rapido.
• Disponible Español e Inglés
• Compatible con Outlook, GoogleMail, Hotmail..

http://www.wp-newsletter.com/

Vamos a ver un sencillo ejemplo para colorear las filas par o impar de una tabla utilizando jQuery.

Para localizar las filas impares utilizaderos el selector “odd” de jQuery.
Para las filas pares utilizaremos el selector “even“.

$(document).ready(function(){
        $("tr:odd").css("background-color", "#ddd"); // filas impares
        $("tr:even").css("background-color", "#ccc"); // filas pares
 });

Alguna vez hemos querido personalizar la primera página (home) de nuestro blog wordpress, en este caso vamos a crear todos los post de la home con un límite de caracteres usando la función the_excerpt() y con su correspondiente imagen miniatura (thumbnails) generada automaticamente.

Vamos a crear en php el código para capturar la primera imagenen que contiene cada post, con la que obtendremos su imagen miniatura.

// Imagen miniatura
$image = null;
$attachments =& get_children(array('post_parent'=>get_the_ID(),'post_type'=>'attachment','post_mime_type'=>'image'));
if ($attachments == TRUE) {
foreach($attachments as $att) {
$image = wp_get_attachment_image_src($att->ID,'thumbnail',false);
break;
}
}
if (isset($image)) {
// Muestro la foto miniatura
echo '<a href="'.the_permalink().'"><img src="'.$image[0].'" alt="'.the_title().'" width="'.$image[1].'" height="'.$image[2].'" /></a>';
}
// texto limitado a x caracteres para cada post
the_excerpt(250);

Este plugin jquery hace que sea fácil de aplicar un  ”maxlength” personalizado a los elementos textarea, con un contador de caracteres que nos van indicando automaticamente cuantos caracteres nos faltan.

DEMO

Jplayer es un plugin basado en jquery que combina HTML y CSS para crear un elegante reproductor de mp3.

El reproductor se puede personalizar completmanete en colores y diseño mediante css.

DEMO