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 = "<?php echo get_permalink(get_adjacent_post(false,'',true)); ?>";
} else if (event.keyCode == 39) {
// Siguiente
window.location = "<?php echo get_permalink(get_adjacent_post(false,'',false)); ?>";
}
});
});
Los feed de WordPress por defecto solo se ve lo que es el título, fecha y breve descripción del post. Bien, voy a mostrar como añadir una foto miniatura a los post del rss. Para ello voy a utilizar los Post Thumbnails de WordPress, que tenemos que tener activado en nuestro tema, ya que utilizaremos esta imagen destacada de cada post para mostrarla en el rss.
Abrimos y editamos el archivo “functions.php” de nuestro tema, y añadimos la siguiente función php:
function insertar_thumbnail_feed($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = '<p>'.get_the_post_thumbnail($post->ID).'</p>'.get_the_content();
}
return $content;
}
add_filter('the_excerpt_rss', 'insertar_thumbnail_feed');
add_filter('the_content_feed', 'insertar_thumbnail_feed');
Una forma de añadir el favicon en WordPress, es por medio del archivo functions.php (aunque es un poco gilipollez ya que para eso abrimos el header.php…, pero lo publico para que veais lo sencillo que es insertar algún meta dentro de
desde functions.php).
Primero subimos el archivo “favicon.ico” en el raiz del host del dominio.
A continuación, abrimos el archivo “functions.php” y insertamos las siguientes líneas php, donde creamos una función con el link rel shortcut icon del favicon.
<?php function favicon() { ?>
<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" />
<?php }
add_action('wp_head', 'favicon');
?>
Tabla de equivalencias entre las principales unidades de medida en CSS: puntos (pts), pixeles (px), em y porfectanjes, basadas en el tamaño por defecto de 16 pixeles del navegador.
| Pts |
Px |
Em |
Porcentaje |
| 6pt |
8px |
0.5em |
50% |
| 7pt |
9px |
0.55em |
55% |
| 7.5pt |
10px |
0.625em |
62.5% |
| 8pt |
11px |
0.7em |
70% |
| 9pt |
12px |
0.75em |
75% |
| 10pt |
13px |
0.8em |
80% |
| 10.5pt |
14px |
0.875em |
87.5% |
| 11pt |
15px |
0.95em |
95% |
| 12pt |
16px |
1em |
100% |
| 13pt |
17px |
1.05em |
105% |
| 13.5pt |
18px |
1.125em |
112.5% |
| 14pt |
19px |
1.2em |
120% |
| 14.5pt |
20px |
1.25em |
125% |
| 15pt |
21px |
1.3em |
130% |
| 16pt |
22px |
1.4em |
140% |
| 17pt |
23px |
1.45em |
145% |
| 18pt |
24px |
1.5em |
150% |
| 20pt |
26px |
1.6em |
160% |
| 22pt |
29px |
1.8em |
180% |
| 24pt |
32px |
2em |
200% |
| 26pt |
35px |
2.2em |
220% |
| 27pt |
36px |
2.25em |
225% |
| 28pt |
37px |
2.3em |
230% |
| 29pt |
38px |
2.35em |
235% |
| 30pt |
40px |
2.45em |
245% |
| 32pt |
42px |
2.55em |
255% |
| 34pt |
45px |
2.75em |
275% |
| 36pt |
48px |
3em |
300% |
Si tenemos un post en WordPress clasificado en varias categorías y subcategorias, y queremos mostrar en alguna parte del documento “solo” el nombre de la categoría padre de la entrada, podemos utilizar el siguiente script php dentro del archivo single.php de nuestro tema:
$categoria = get_the_category
();
$parent = get_cat_name
($categoria[0]->category_parent);
if (!empty($parent)) {
echo $parent;
} else {
echo $categoria[0]->cat_name;
}
// Ej. Si tenemos un post en la siguientes categorias: Noticias / Actualidad / León / Ponferrada
// El resultado del script mostraría: "Noticias"
Mi nombre es Jorge, y soy de León. Desde hace algo más de 6 años trabajo de desarrollador web en las disciplinas de diseño, programación y SEO.