website stats » Wordpress | Solo Código |

Charred, un theme genial para Wordpress

Escrito por J.F. el Jueves, 17 de Abril del 2008 a las 21:12

Hace mucho que no hablo de ningún theme de Wordpress, sobre todo porque no había salido ninguno que aportara algo diferente, pero en ésta ocasión y a través de múltiples sitios he conocido Charred, un bonito theme para nuestro blog.

Trae ya incorporado un bonito efecto de tooltips, a la vez que nos permite agregar imágenes a nuestras entradas. También dispone en la parte superior derecha de un espacio para colocar pequeños espacios publicitarios o nuestra galería de flickr.

Charred

Enlaces: | Charred | Demo

Escribir comentario

Categoria: Recursos, Wordpress

Tutoriales y hacks para Wordpress

Escrito por J.F. el Lunes, 10 de Marzo del 2008 a las 12:23

Si quieres personalizar y dejar tu Wordpress hasta el más mínimo detalle como te gusta, seguro que alguno de los 63 enlaces publicados en Speckyboy te resultan de utilidad. Aquí te dejo 5 como ejemplo:

Enlace: | 63 trucos para Wordpress

Escribir comentario

Categoria: Wordpress

Mostrar pos aleatorio en tu blog Wordpress

Escrito por J.F. el Miércoles, 3 de Octubre del 2007 a las 12:33

Mucha gente pregunta en foros cual es la forma de incorporar un link en Wordpress que al pinchar sobre él nos lleve a una entrada aleatoria. Buscando en Google es fácil encontrar la respuesta, pero por si no te lo habías planteado o no quieres buscarlo, aquí tienes el script que realiza dicha función.

PHP:
  1. <?php require('wp-config.php'); $single = 1; $siteurl = get_settings('siteurl'); ?>
  2. <?php
  3.  
  4. $numposts = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->posts WHERE post_status = 'publish'");
  5.  
  6.  
  7. $go= rand(1,($numposts));
  8. $consulta = "SELECT ID FROM $wpdb->posts WHERE post_status = 'publish' LIMIT " . $go . " , 1 ";
  9.  
  10. $numposts2 = $wpdb->get_var($consulta);
  11.  
  12.  
  13. $direc = get_permalink($numposts2);
  14.  
  15.  
  16. header ("Location: $direc");
  17.  
  18. ?>

Luego simplemente has de subir el fichero con el nombre que quieras con extensión .php e incluir un link hacia dicho archivo para tenerlo funcionando. Así de fácil.
Enlace: | Blog del autor del script

Escribir comentario

Categoria: Wordpress, PHP

Comprimir nuestros archivos CSS con PHP

Escrito por J.F. el Lunes, 1 de Octubre del 2007 a las 18:06

Vía Gran Ímpetu me encuentro con una forma que no conocía para comprimir nuestras hoja de estilos. Según comenta el autor la capacidad de compresión es enorme, y es muy fácil de implementar. Para ello simplemente debemos renombrar nuestra hoja de estilos con extensión php. Si nuestra hoja de estilos es estilos.css le cambiaremos el nombre a estilos.css.php.

HTML:
  1. <link rel="stylesheet" type="text/css" media="screen" xhref="/style.css.php"/>

Luego abrimos el archivo stilos.css.php y en la primera línea añadimos el siguiente código:

PHP:
  1. <?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>

En la última línea debemos añadir:

PHP:
  1. <?php if(extension_loaded('zlib')){ob_end_flush();}?>

De ésta manera comprimimos el css con la librería zlib. Para aplicar ésto a Wordpress debemos cambiar la forma de llamar al css. Por defecto aparece así:

HTML:
  1. <style type="text/css" media="screen">
  2. @import url(<?php bloginfo('stylesheet_url'); ?>);
  3. </style>

Simplemente añadimos .php al final y listo:

HTML:
  1. <style type="text/css" media="screen">
  2. @import url(<?php bloginfo('stylesheet_url'); ?>.php);
  3. </style>

De ésta manera mejoraremos la velocidad de carga de nuestra página web.

Escribir comentario

Categoria: Wordpress, PHP, CSS

Personaliza tu blog en Wordpress

Escrito por J.F. el Sábado, 21 de Julio del 2007 a las 13:35

Wordpress es el CMS más popular a la hora de crear blogs. Comenzar a utilizarlo es fácil, pero es necesario llevar a cabo modificaciones para personalizarlo y optimizarlo. Aquí van unos consejos:

Traduce tu plantilla. Wordpress se basa en un sistema de themes, y en multitud de ocasiones la plantilla elegida se encuentra en inglés. Por ello es necesario, ya que vas a escribir para un determinado "público", que se encuentre el theme traducido a su idioma. Aquí tienes algunos elementos y ejemplos de su traducción:

Read more: es lo más común cuando un autor de una entrada ha fragmentado el post por ser demasiado largo o contener muchas imágenes, y el texto del vínculo que lleva a leer toda la entrada suele estar en inglés. Acude al editor de temas y busca lo siguiente:

<?php the_content('Read more'); ?>

No tiene por qué ser siempre Read More, y como ya te imaginarás la forma de cambiar el texto del vínculo es muy simple, sustituye Read more (o lo que ponga) por lo que desees. En mi caso me gusta Continuar leyendo>>

<?php the_content('Contin&uacute;a leyendo &raquo;'); ?>

Traduce la fecha: es habitual encontrarnos las fechas en inglés, cambia la reseña de la fecha y el autor que escribió la entrada de la siguiente manera:

Escrito por <strong><?php the_author() ?></strong> el <?php the_time('l') ?>, <?php the_time('j') ?> de <?php the_time('F') ?> del <?php the_time('Y') ?> a las <?php the_time() ?>

Cambia el atributo title de los links permanentes a tus entradas. Como norma general cuando posiciones el cursor sobre un link de una entrada te aparece: "Permanent link to..." Tráducelo o directamente quítalo, buscando en el código:

title="Permanent link to <?php the_title(); ?>"

y cambiándolo por:

title="Ir a <?php the_title(); ?>"

Éstos son los campos más importantes a cambiar, pero recorriendo tu plantilla seguro que encuentras muchos más mensajes en inglés, seguro que en el sidebar encuentras mensajes como Archives o Categories, simplemente ve buscando y traduciendo o transformando todo a tu gusto.

Por último optimicemos un poco los títulos de cada página con el fin de mejorar el posicionamiento y la indexación correcta por parte de los buscadores de nuestro blog en Wordpress. Comencemos por el título, acude al header de tu theme, y busca la etiqueta <title>. Por defecto Wordpress pone como título en la página principal el título de tu blog, y en cada entrada en particular aplica el siguiente formato: "Título del blog >> Blog Archive >> Título de la entrada". Ésto no es lo mejor para posicionarte en buscadores, puesto que no sé qué pinta ahí Blog Archive y creo que siempre debe ir primero el título de la entrada. Por tanto puedes cambiar lo que hay entre <title></title> por ésto:

<title><?php if (is_home()) {bloginfo('name') ;} else { wp_title(' ');} ?></title>

Así se mostrará en la página principal como título el título de tu blog, y en cada entrada en particular el título del post. Por último veamos como personalizar las Meta tags con el fin de evitar el contenido duplicado y mejorar la idnexación por parte de los buscadores. A fin de evitar el contenido duplicado, debemos añadir el siguiente código en alguna parte del header, para indicar a los motores de búsqueda que parte han de indexar, y que partes no. Simplemente copia y pega en tu header:

PHP:
  1. <?php
  2. if((is_home() && ($paged <2 )) || is_single() || is_page() || is_category()){
  3. echo '<meta name="robots" content="index,follow" />';
  4. } else {
  5. echo '<meta name="robots" content="noindex,follow" />';}
  6. ?>

También es recomendable el uso de un archivo llamado robots.txt, con el fin de indicar también que partes no deben ser indexadas. Aquí puedes ver el robots.txt usado para éste blog. Y para finalizar la parte de mejorar el posicionamiento, unos plugins que utilizo para personalizar y definir las meta tags en Wordpress:

Escribir comentario

Categoria: Wordpress

Solo Código

Solo Código es una colección de códigos de todo tipo que pueden resultar útiles para el diseño de páginas web. Está enfocado tanto para aquellos que son expertos, como para aquellos principiantes que quieren encontrar recursos útiles, o no saben implementar determinadas funciones en sus webs. No olvides que Solo Código es un blog de Informática Práctica, donde tenemos otras secciones interesantes como:
| Tutoriales | Trucos | Software | Links | Buscar |