Bufa Webmaster » función

WordPress: Paginación sin plugins

Jorge Maiden — Mon, 04 Jul 2011 21:07:24 +0000

WordPress muestra una paginación muy básica de las entras en su tema de por defecto, mostrando el anterior y siguiente post. Pero que ocurre si queremos insertar un paginado del tipo 1 | 2 | 3 | etc… podemos recurrir a insertar algún plugin, o de una forma más artesanal crearnos nosotros mismo la función y estilo de la paginación utilizando paginate_links() de WordPress.

Abrimos y insertamos dentro del archivo functions.php de nuestro tema la siguiente función php:

function paginado() {
global $wp_query, $wp_rewrite;
$wp_query->query_vars['paged'] > 1 ? $current = $wp_query->query_vars['paged'] : $current = 1;

$pagination = array(
'base' => @add_query_arg('page','%#%'),
'format' => '',
'total' => $wp_query->max_num_pages,
'current' => $current,
'show_all' => true,
'type' => 'list',
'next_text' => '»',
'prev_text' => '«'
);

if( $wp_rewrite->using_permalinks() )
$pagination['base'] = user_trailingslashit( trailingslashit( remove_query_arg( 's', get_pagenum_link( 1 ) ) ) . 'page/%#%/', 'paged' );

if( !empty($wp_query->query_vars['s']) )
$pagination['add_args'] = array( 's' => get_query_var( 's' ) );

echo paginate_links( $pagination );
}

Y a continuación en nuestra hoja de estilos añadimos el diseño deseado:

ul.page-numbers {
margin: 20px 0 10px;
width: 100%;
padding: 0;
font-size: 12px;
line-height: normal;
clear: both;
float: left;
}

ul.page-numbers li {
float: left;
}

ul.page-numbers a,
ul.page-numbers span {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: -webkit-gradient(linear, left top, left bottom, from(#E4E3E3), to(#FFFFFF));
background: -moz-linear-gradient(top, #E4E3E3, #FFFFFF);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E3E3', endColorstr='#FFFFFF');
padding: 3px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #ccc;
color: #666;
}

ul.page-numbers a:hover,
ul.page-numbers span.current {
border: 1px solid #666;
color: #444;
}

Y por último dentro del php de nuestro tema en que queramos mostrar la paginación insertamos la siguiente línea de código:

paginado(); ?>

MySQL: Sumar todos los valores de un campo

Jorge Maiden — Sun, 18 Jul 2010 20:35:43 +0000

La función SUM(X) de mysql suma todos los valores de la misma columna de una determinada tabla/s, tomando solo los registros que cumplan con los requisitos del WHERE por ejemplo :

Por ejemplo, tenemos una tabla que guarda los votos de los usuarios y queremos hacer un recuento del total de un determinado usuario mediante su id:

$result = mysql_query("SELECT SUM(puntos) as total FROM encuesta WHERE idusuario=1");
$row = mysql_fetch_array($result, MYSQL_ASSOC);
echo $row["total"];

10 códigos imprescindibles con jQuery

Jorge Maiden — Sat, 01 May 2010 22:51:36 +0000

Añadir una clase css a un elemento

Una forma muy limpio para cambiar un elemento de apariencia es agregar una clase css, en vez de añadir los estilos en línea. Usando jQuery, esto es bastante fácil de hacer:

$('#midiv').addClass('miclase');

Quitar una clase css a un elemento

Es genial ser capaz de añadir algunas clases CSS, pero también tenemos que saber cómo eliminar las clases no deseados. La siguiente línea de código hará que:

$('#midiv').removeClass('miclase');

Comprar si un elemento tiene una determinada clase css

Si su aplicación o sitio suele agregar y quitar las clases a un elemento particular, puede ser muy útil para poder comprobar si un elemento tiene una cierta clase CSS

$(id).hasClass('miclase')

Cambiar hoja de estilos con jQuery

Como vimos en los ejemplos anteriores, agregando o quitando los estilos CSS a un elemento es muy sencilla, utilizando jQuery. Pero lo que si quiere eliminar completamente el documento de archivo css y adjuntar una hoja de estilo nuevo? Una buena noticia, es muy simple, así, como se muestra en el ejemplo siguiente:

$('link[media='screen']').attr('href', 'otroestilo.css');

Añadir código html a un elemento

Cuando tenga que añadir algo de HTML a un elemento, el método append () es un protector de la vida:

$('#midiv').append('voy a añadir todo este texto html');

Comprobar si existe un elemento

Cuando se trabaja con JavaScript, con frecuencia necesitamos para comprobar si un elemento existe o no. Usando jQuery y la propiedad length, es muy simple de hacer: Si la longitud == 0, no se utilizan elementos de la página.

if ($('img').length) {
log('Si hay imagenes');
} else {
log('No hay imagenes');
}

Obtener el elemento primario de un elemento

Al trabajar con el DOM, es posible que necesite saber qué elemento es el padre directo de otro elemento. El más cercano () método le permitirá saber:

var id = $("button").closest("div").attr("id");

Obtener los hermanos de un elemento

la función siblings() es una herramienta muy útil para conseguir los hermanos de un elemento. Como se muestra a continuación, utilizando este método es muy simple:

$("div").siblings()

Quitar una opción de una lista de selección

Cuando se trabaja con listas de selección, es posible que desee actualizar el contenido de acuerdo con las acciones del usuario. Para eliminar una opción de una lista de selección, el siguiente código hará el truco:

$("#miselect option[value='2']").remove();

Accede a la opción seleccionada como texto

Muy útil cuando se necesita para comprobar rápidamente lo que un visitante seleccionados de su lista de selección.

$('#miselect :selected').text();

Aplicar un “efecto cebra” en las tablas

Cuando utilice tablas, es una buena idea, para facilitar la lectura, para dar un estilo diferente a una línea de cada dos. Usando jQuery, esto se puede hacer fácilmente, sin ningún tipo de código HTML adicional.

$("tr:odd").addClass("odd");

Contar los hijos de un elemento

Si deseas contar cuántos elementos son hijos de otro determinado elemento:

$("#midiv > div").length;

Función para limitar caracteres en los post de WordPress

Jorge Maiden — Sat, 01 May 2010 16:51:07 +0000

Función muy completa para cuando queremos personalizar un poco el listado de post del archive.php o index.php de nuestro wordpress, y que debemos incluir en nuestro functions.php. Con ella podemos personalizar el número de caracteres por post, así como el texto del link (‘Leer mas…, Read more, Seguir, etc…’)

function wp_limit_post($max_char, $more_link_text = '[...]',$notagp = false, $stripteaser = 0, $more_file = '') {
$content = get_the_content($more_link_text, $stripteaser, $more_file);
$content = apply_filters('the_content', $content);
$content = str_replace(']]>', ']]>', $content);
$content = strip_tags($content);

if (strlen($_GET['p']) > 0) {
if($notagp) {
echo substr($content,0,$max_char);
}
else {
echo '

';
echo substr($content,0,$max_char);
echo "

";
}
}
else if ((strlen($content)>$max_char) && ($espacio = strpos($content, " ", $max_char ))) {
$content = substr($content, 0, $espacio);
$content = $content;
if($notagp) {
echo substr($content,0,$max_char);
echo $more_link_text;
}
else {
echo '

';
echo substr($content,0,$max_char);
echo $more_link_text;
echo "

";
}
}
else {
if($notagp) {
echo substr($content,0,$max_char);
}
else {
echo '

';
echo substr($content,0,$max_char);
echo "

";
}
}
}

// Modo de uso:
wp_limit_post(180,'...',true);

Función php validar url de dominio

Jorge Maiden — Sun, 07 Feb 2010 00:34:28 +0000

Función en php utilizando una expresión regular para validar cualquier tipo de url de dominio.

$url = "http://www.bufa.es";
function valida_url($url){
if (preg_match('/^(http|https|ftp):\/\/([\w]*)\.([\w]*)\.(com|net|org|biz|info|mobi|us|cc|bz|tv|ws|name|co|me)(\.[a-z]{1,3})?\z/i', $url)) {
echo 'dominio correcto';
}else{
echo 'dominio incorrecto';
}
}
// Modo de uso
valida_url($url);

Deshabilitar botón derecho con jQuery

Jorge Maiden — Mon, 01 Feb 2010 20:32:29 +0000

Básica función de jQuery para poder desactivar o bloquear el uso del botón derecho en nuestra web. Si no queremos que el usuario guarde por ejemplo nuestras fotos con botón derecho “Guardar imagen como…” es una simple y rápida solución para ponérselo un poco más difícil.

$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});

Función php urls amigables

Jorge Maiden — Mon, 01 Feb 2010 20:15:29 +0000

Tener en nuestra página web nuestros links internos con urls amigables esta demostrado que favorecen a un mejor posicionamiento web y facilitan al visitante información del contenido del enlace antes de hacer click sobre el.

Vamos a crear una función en php para generar cadenas amigables para nuestras urls.

function url_amigable($cadena) {
// Sepadador de palabras que queremos utilizar
$separador = "-";
// Eliminamos el separador si ya existe en la cadan actual
$cadena = str_replace($separador, "",$cadena);
// Convertimos la cadena a minusculas
$cadena = strtolower($cadena);
// Remplazo tildes y eñes
$cadena = strtr($cadena, "áéíóúÁñÑ", "aeiouAnN");
// Remplazo cuarquier caracter que no este entre A-Za-z0-9 por un espacio vacio
$cadena = trim(ereg_replace("[^ A-Za-z0-9]", "", $cadena));
// Inserto el separador antes definido
$cadena = ereg_replace("[ \t\n\r]+", $separador, $cadena);

return $cadena;
}
// Modo de empleo:
echo url_amigable("¡¡¡Sin LEÓN no hubiera España, que antes que Castilla leyes, Concilios, fueros y reyes, dieron prestigio a León!!!");
// Resultado: sin-leon-no-hubiera-espana-que-antes-que-castilla-leyes-concilios-fueros-y-reyes-dieron-prestigio-a-leon

Mostrar número suscriptores de feedburner

Jorge Maiden — Sun, 24 Jan 2010 18:47:35 +0000

Después de muchas pruebas fallidas os voy a comentar una manera de mostrar el número total de suscriptores de feedburner en texto plano, es decir, sin necesidar de insertar el script que nos proporciona feedburner, y así poder insertar el número de suscripciones con el diseño que queramos en nuestra página web.

Mediante la API de feedburner y una simple función en php que podeis utilizar en vuestros themes de wordpress.

function suscriptores_feedburner($mifeed) {
$url = "https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=$mifeed";
$ch = curl_init();
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_URL, $url);
$data = curl_exec($ch);
curl_close($ch);
if ($data) {
preg_match('/circulation=\"([0-9]+)\"/',$data, $matches);
if ($matches[1] != 0)
$fb['count'] = $matches[1];
$fb['lastcheck'] = mktime();
update_option("feedburnersubscribecount",$fb);
}
$feed = $fb['count'];
return $feed;
}
// Modo de uso
echo suscriptores_feedburner('aqui insertais el nombre cuenta de vuestro feedburner');

Función mostrar número de comentarios en WordPress

Jorge Maiden — Sun, 15 Nov 2009 23:59:25 +0000

Vamos a crear una sencilla función en php para mostrar el número total de comentarios aprobados en nuestros post de wordpress. Para ello utilizamos la función COUNT() en la sentencia sql:

function numero_comentarios() {
global $wpdb;
return (int) $wpdb->get_var('SELECT COUNT(*) FROM ' . $wpdb->comments . ' WHERE comment_approved = "1"');
}

Función mostrar número total de post en WordPress

Jorge Maiden — Sun, 15 Nov 2009 23:45:54 +0000

Vamos a crear una sencilla función en php para mostrar el número total de post publicados en nuestros blogs wordpress:

function numero_post() {
global $wpdb;
return (int) $wpdb->get_var('SELECT COUNT(*) FROM ' . $wpdb->posts . ' WHERE post_status = "publish" AND post_type = "post"');
}