THEbatzuk.org

Supongo que ya se habrán dado cuenta de que con mi reciente cambio de paradigma, he cambiado también el theme. Éste, al igual que el anterior, fueron creados por mi a partir de cero. Bueno en realidad este está basado en el anterior pero mucho mas simple, organizado y ‘html5zado’.

Info

Se llama ‘it’s my’ y es tan jodidamente simple que hasta parece complicado.

Estructura

Está hecho de dos columnas, una delgada para el header y la sidebar (a la izquierda), y la otra para los posts (a la derecha). Está estructurado de tal forma que le resta importancia el header y se la añade al primer post. El footer pasa casi desapercibido.

Otra cosa importante es que usa los nuevos tags de HTML5, como <header>, <footer>, <article>, etc.

Color

Al primer vistazo parece estar a blanco y negro (o mas bien, a gris muy claro y gris muy oscuro) pero al pasar el ratón encima de cualquier link se descubre mi querido #ff8800, mejor conocido como naranja.

Imágenes

Este theme cuenta con una ausencia total de imágenes. Las únicas que se verán son las propias de los posts y los avatares de los comentarios.

Fuentes

Para los headings usa la fuente ‘Courier New’, para el contenido ‘Trebuchet MS’ y para otra información (letra pequeña), ‘Arial’.

Javascript

Para mostrar los posts recientes, populares y aleatorios en forma de tabs se ayuda de la librería jQuery y algunas líneas más de código. También usa algo de java para que IE acepte las nuevas tags de HTML5.

En fin, como ya dije antes, es un theme simple, simple, simple. De hecho toda la carpeta apenas pesa 40Kb. Keep it simple ;)

Suponiendo que alguien leyera mi entrada de despedida, luego entrara a mi página de autor y se interesara por poner una lista de posts programados en su blog, hize este post.

El código es este:
<ul>
<?php $programados = new WP_Query('showposts=-1&post_status=future&order=ASC');
if($programados->have_posts()): while($programados->have_posts()): $programados->the_post(); ?>
<li><?php the_title(); ?> -> <span><?php the_time('j \d\e F \d\e\l Y'); ?></span></li>
<?php endwhile; else: ?>
<li>Bueno, ahora lo único que hago es procrastinar. </li>
<?php endif; ?>
</ul>
Y casi estoy seguro que lo saqué de este post de Smashing Magazine. Si al igual que yo quieren ponerlo en la página de autor, entonces el asunto quedaría así:
<?php if(is_page('autor')): ?>
<h3>Próximamente...</h3>
<ul>
<?php $programados = new WP_Query('showposts=-1&post_status=future&order=ASC'); if($programados->have_posts()): while($programados->have_posts()): $programados->the_post(); ?>
<li><?php the_title(); ?> -> <span><?php the_time('j \d\e F \d\e\l Y'); ?></span></li>
<?php endwhile; else: ?>
<li>Bueno, ahora lo único que hago es procrastinar. </li>
<?php endif; ?>
</ul>
<?php endif; ?>
Solo tendrían que cambiar lo que está en naranja por el nombre de su página de Autor como aparece en la url.

Algunos de ustedes sabrán que la plataforma para blogs WordPress está traducida al español desde hace mucho tiempo, pero con cada actualización, algunas palabras e incluso frases completas se quedan sin traducir. Por eso es que desde su blog oficial, nos invitan a contestar una sencilla encuesta para esas palabras que pueden tener varias traducciones o que quedan mejor sin traducción como pingback, trackback, etc.

Contésten la encuesta (es muy fácil y corta) y colaboren con WordPress.

He visto varios tutoriales sobre cómo ignorar tus propias visitas en Google Analytics, pero les aseguro que ninguno tan efectivo como el este, simplemente porque no se carga el código de Analytics si tú estás loggeado en tu blog.

El código que te da Analytics es mas o menos así:

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("U?-?99??28-3");
pageTracker._trackPageview();
} catch(err) {}
</script>

Para ignorarnos a nosotros mismos agregamos algunas líneas (en negritas):

<?php global $user_identity;
if($user_identity!='THEbatzuk') { ?>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("U?-?99??28-3");
pageTracker._trackPageview();
} catch(err) {}
</script>
<?php } ?>


Claro que tendrías que cambiar tu username (el que usas para ingresar a tu blog) por el mío (en naranja).

No está demás mencionar que usamos PHP, por lo que sólo funciona con los blogs corriendo con WordPress.

Los otros tutoriales que mencioné al principio:

• Filtrar con una cookie de tu blog
• Filtrar una con cookie externa
• Filtrar por IP

La idea es simple, si no no has ingresado a tu blog, entonces aparecerá el link para ingresar; si ya estás, entonces aparecerá el link para salir de la cuenta.

Cuando recién haces un blog en WordPress, en la barra lateral aparece un apartado llamado Meta, que incluye estas opciones, pero mi idea es hacer algo mucho más discreto.

El código sería así:

<?php if(is_user_logged_in()): ?>
<a href="<?php echo wp_logout_url(); ?>">Salir</a>
<?php else: ?>
<a href="<?php echo wp_login_url(); ?>">Entrar</a>
<?php endif; ?>

Y lo podemos ubicar en donde mejor nos parezca. En el footer, sería una muy buena opción.