Bufa Webmaster » Recursos

Navegación jQuery con teclado (anterior / siguiente)

Jorge Maiden — Sun, 09 Oct 2011 10:50:07 +0000

A continuación un script jquery para emular la navegación de una web con las teclas del teclado mediante los cursores de navegación (izquierda-derecha-arriba-abajo) o “arrow keys”. Podemos utilizarlo en alguna galería de imágenes, para ir pasando de una en una, etc…

Con “event.keyCode” localizamos la tecla sobre la que queremos actuar, y ya con “window.location” abrimos la nueva página.

En este ejemplo hago uso de las teclas de navegación de “anterior” y “siguiente” para ir pasando los post de WordPress, pero podéis sustituir el valor de window.location por el que os intenrese:

$(document).ready(function(){

$('body').keyup(function (event) {

if (event.keyCode == 37) {
// Anterior
window.location = "";
} else if (event.keyCode == 39) {
// Siguiente
window.location = "";
}

});

});

WordPress: ordenar posts en función del número “me gusta” de Facebook

Jorge Maiden — Thu, 07 Jul 2011 20:13:26 +0000

En WordPress podemos ordenar nuestras entradas (post) por fecha, título, etc… pero imaginaros que teneis un botón de “me gusta” para cada post, y quereis ordenar el listado por el número de “me gusta” de facebook de cada post…

En primer lugar, necesitamos un lugar para almacenar el número de “me gusta” de cada post.

Abrimos el archivo “functions.php” de nuestro tema y incluimos la siguiente función:

function inserta_customfield_facebook($post_ID) {
global $wpdb;
if(!wp_is_post_revision($post_ID)) {
add_post_meta($post_ID, 'numero_megusta', '0', true);
}
}
add_action('publish_page', 'inserta_customfield_facebook');
add_action('publish_post', 'inserta_customfield_facebook');

Con este código creamos automáticamente un campo personalizado (custom field) llamado “numero_megusta” que almacenara el número total me gusta de ese post.

A continuación, añadimos (si no lo teneis ya) el botón “me gusta” de facebook:

Lo siguiente que necesitamos para comprobar cuántos “me gusta” tiene ese post y actualizar el valor del campo personalizado que hemos creado al principio (numero_megusta).

Copia y pega uno de los 2 siguientes códigos en el header.php de tu tema.

a) Si no utilizas permalinks (ej. miweb.com/p?=144) en la urls de tu web wordpress, copia y pega este código:

global $wp_query;

$idpost = $wp_query->post->ID;

$data = file_get_contents('http://graph.facebook.com/?id='.bloginfo('url').'?p='.$idpost);

$json = $data;

$obj = json_decode($json);
$like_no = $obj->{'shares'};
$meta_values = get_post_meta($idpost, 'numero_megusta', true);

if ($like_no == $meta_values) {
// paso
}elseif (empty($meta_values)) {
add_post_meta($idpost, 'numero_megusta', $like_no, true);
update_post_meta($idpost, 'numero_megusta', $like_no, false);
}else {
update_post_meta($idpost, 'numero_megusta', $like_no, false);
}

b) Si utilizas permalinks (ej. miweb.com/mi-pagina) con url amigables, copia y pega este código:

global $wp_query;

$paginaweb = get_permalink();

$idpost = $wp_query->post->ID;

$data = file_get_contents('http://graph.facebook.com/?id='.$paginaweb);

$json = $data;

$obj = json_decode($json);
$like_no = $obj->{'shares'};
$meta_values = get_post_meta($idpost, 'numero_megusta', true);

if ($like_no == $meta_values) {
// paso
}else if (empty($meta_values)) {
add_post_meta($idpost , 'numero_megusta', $like_no, true);
update_post_meta($idpost , 'numero_megusta', $like_no, false);
} else {
update_post_meta($idpost, 'numero_megusta', $like_no, false);
}

Ahora ya solo falta hacer el “loop” de nuestros post (por ejemplo en nuestro index.php, archive.php, etc…)

$query_facebook = new WP_Query();
$query_facebook->query('posts_per_page=20&meta_key=numero_megusta&orderby=meta_value&order=desc&paged='.$paged);

while ($query_facebook->have_posts()) : $query_facebook->the_post(); ?>

the_ID(); ?>">

the_permalink() ?>"> the_title(); ?>

Fecha: the_time('j M Y') ?>

the_excerpt(); ?>

the_permalink(); ?>&layout=button_count&show_faces=false&width=100&action=like&font&colorscheme=light&height=20&locale=es_ES" scrolling="no" frameborder="0" allowTransparency="true">

endwhile; ?>

* Adaptar el loop a los campos de vuestros diseños

WordPress: Extraer todas las imágenes de the_content() en un post

Jorge Maiden — Tue, 05 Jul 2011 16:00:42 +0000

Vamos a sacar todas las imagenes que hemos insertado dentro del campo contenido de un determinado post o página. Ojo! solo las que introducimos dentro del campo de contenido (no las de la biblioteca de ese post).

De esta forma podemos separar por un lado las imágenes del resto de contenido (especialmente si utilizamos diferentes idiomas y queremos utilizar las imágenes del contenido de idioma activo…) y utilizarlas para crear un slider de fotos, etc…

Mediante un foreach y utilizando una simple expresión regular muestro solo las fotos que haya dentro del post:

while (have_posts()) : the_post();

global $post;
if ( preg_match_all('//', the_content(), $matches) ) {
foreach ($matches[1] as $match) {
foreach ( wp_kses_hair($match, array('http')) as $attr)
$img[$attr['name']] = $attr['value'];
echo $img['src'];
}
}

endwhile;
?>

Desactivar barra de administración superior en WordPress

Jorge Maiden — Sat, 26 Mar 2011 13:17:08 +0000

Es posible que no desees que aparezca la nueva barra de administración de WordPress 3.1 que aparece en el frontend en la parte superior de la página cuando haz iniciado sesión en tu WordPress.
Todo lo que necesitas hacer es añadir este código php dentro de tu archivo functions.php de tu tema:

add_filter( 'show_admin_bar', '__return_false' );
remove_action( 'personal_options', '_admin_bar_preferences' );

Eliminar la Meta Tag “generator” de WordPress

Jorge Maiden — Tue, 15 Mar 2011 20:49:56 +0000

Tener activa esta Meta tag “generator” en nuestro WordPress no es nada recomendable ya que estaremos mostrando en nuestro código fuente la versión actual de nuestro WordPress, y si tenemos una versión desfasada es más probable de sufrir cualquier tipo de ataque (SQL injection,XSS, Dos, etc..).

Para desactivar esta meta de nuestro tema:

1. Dentro del header.php de nuestro tema eliminamos (si existe) la siguiente línea:

bloginfo('version'); ?>" />

2. Editamos el archivo functions.php de nuestro tema y añadimos la siguiente línea:

remove_action('wp_head', 'wp_generator');

WordPress: tags de una categoría

Jorge Maiden — Sun, 06 Mar 2011 22:48:58 +0000

A pesar de que en WordPress podemos hacer muchas cosas por defecto, no podemos mostrar los tags de una categoría seleccionada. Aquí hay un código php para poder hacerlo:

query_posts('category_name=micategoria');
if (have_posts()) : while (have_posts()) : the_post();
$posttags = get_the_tags();
if ($posttags) {
foreach($posttags as $tag) {
$all_tags_arr[] = $tag -> name;
}
}

endwhile; endif;

$tags_arr = array_unique($all_tags_arr); // removemos los duplicados
echo print_r($tags_arr, true);

Desactivar miniaturas en WordPress

Jorge Maiden — Sun, 13 Feb 2011 14:59:37 +0000

Cuando subimos una imagen en WordPress por defecto se generan 3 imágenes thumbnails (miniatura. mediana, grande) que podemos cambiar los tamaños en “Ajustes > Multimedia”. Es muy probable que alguna vez no nos interese que se generen automáticamente esas 3 imágenes más a la hora de insertar una foto, bien por que ya las insertais al tamaño correcto, etc…

Bien, para desactivar la creación de miniaturas tenemos que hacer lo siguiente:

Entramos en el administrador de “Ajustes > Multimedia” y asignamos el valor “0″ a las 3 tamaños de imágenes.

Evitar sql injection en WordPress

Jorge Maiden — Thu, 25 Nov 2010 22:07:37 +0000

Podemos intentar (nunca mejor dicho) evitar algunos “ataques” de sql injection a nuestro WordPress utilizando el archivo .htaccess, comprobando si dicho ataque contiene un SCRIPT o si se ha tratado de modificar variables php GLOBALS o _REQUEST.

Abrir nuestro .htaccess (en caso de que ya lo tuvieramos) y añadir las siguientes líneas:

Options +FollowSymLinks
RewriteEngine On
RewriteCond %{QUERY_STRING} (<|%3C).*script.*(>|%3E) [NC,OR]
RewriteCond %{QUERY_STRING} GLOBALS(=|[|%[0-9A-Z]{0,2}) [OR]
RewriteCond %{QUERY_STRING} _REQUEST(=|[|%[0-9A-Z]{0,2})
RewriteRule ^(.*)$ index.php [F,L]

WordPress: aumentar los 20 comentarios por página del administrador

Jorge Maiden — Mon, 22 Nov 2010 01:45:08 +0000

Por defecto WordPress pagina el módulo de comentarios del administrador de 20 en 20 registros por página (Mostrando 1–20 …), y puede resultar un coñazo la paginación si tenemos muchos comentarios por aprobar (ya sean spam o no).

Pues bueno, hay una forma de pesonalizar (por ejemplo, para aumentarlo) este número de paginación de los comentarios, y esta en el valor de la variable $comments_per_page, que se encuentra definida dentro del archivo: /wp-admin/edit-comments.php con el valor de 20:

$comments_per_page = 20;
$comments_per_page = apply_filters( 'comments_per_page', $comments_per_page, $comment_status );

Basta con editar este archivo y modificar este número (20) por el que deseemos paginar los comentarios en el administrador de wordpress.

WordPress: crear página automáticamente al activar un tema

Jorge Maiden — Tue, 09 Nov 2010 00:30:51 +0000

Código necesario para crear automáticamente una página o post al activar un determinado tema de WordPress. Necesitais insertar este código en vuestro archivo functions.php de vuestro theme. Dentro del array de $new_page tenemos la configuración de este nuevo post:

post_type: tipo de post (page o post)
post_title: título
post_status: estado (publicado, borrador)
post_author: tipo autor (administrador, suscriptor, editor, autor, colaborador)

if ($_GET['activated']){

$new_page_title = 'Mi nueva página';
$new_page_content = 'Este es el contenido de la nueva pagina creada automaticamente';
$new_page_template = ''; //ex. template-custom.php. Dejar en blanco si no quieres utilizar una plantilla para esta página

$page_check = get_page_by_title($new_page_title);
$new_page = array(
'post_type' => 'page',
'post_title' => $new_page_title,
'post_content' => $new_page_content,
'post_status' => 'publish',
'post_author' => 1,
);
if(!isset($page_check->ID)){
$new_page_id = wp_insert_post($new_page);
if(isset($new_page_template)){
update_post_meta($new_page_id, '_wp_page_template', $new_page_template);
}
}

}