Cuando iniciamos un blog en wordpress, una de las primeras tareas que debemos realizar si no sabemos de diseño web, es la de buscar un theme que se adapte a nuestras necesidades, que sea bueno, que sea sencillo, que sea agradable en fin, ya depende de cada uno. Tener un buen theme en nuestro blog es algo que debemos tomar muy en cuenta ya que será nuestra carta de presentación para los visitantes que lleguen a nuestro blog.  Así que si tienes un blog en wordpress y estas buscando themes nuevos para wordpress, te recomiendo que revises esta lista de 40 themes que han recopilado en speckyboy.com.

 40 Awesome and Fresh WordPress Themes

El legado de aquíles es un blog de tecnologia e Internet en el que se encuentra la información mas reciente de lo que pasa en internet. En este sitio encontraremos muchísima información y tutoriales para aprender a usar muchas de las aplicaciones web que existen actualmente, consejos para aprender a usarlas y bastante información sobre programas, así como recomendaciones de software gratuito que hay en internet.

Pero no solo eso, si no que también ofrecen consejos para ser un buen blogger, consejos sobre SEO y técnicas para aprender a monetizar tu sitio web o blog, así como consejos prácticos para el uso de herramientas SEO,  herramientas para bloggers entre muchas otras cosas mas para mejorar y tener un blog bastante competitivo en internet.

Entrar al legadodeaquiles.com | Link

Buscando y rebuscando algunos hacks para un theme de wordpress que estaba haciendo me encontré con algunos hacks que muestran estadísticas y que tal vez les puedan servir, se trata de pequeños pedazos de código que nos muestran el numero de seguidores de twitter, el total de lectores de feed, el numero total de comentarios de un post, numero de usuarios del blog, numero de entradas en el blog, numero total de comentarios en todo el blog, entre otros.
Aquí se los dejo por si le sirven a ustedes también .

Mostrar el número total de seguidores del Feed
Copian y pegan este código donde quieren que aparezca el numero en texto plano(su servidor necesita tener cURL activado).

1
2
3
4
5
6
7
8
9
10
11

<?php
	$fburl="https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=feed-id";
	$ch = curl_init();
	curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
	curl_setopt($ch, CURLOPT_URL, $fburl);
	$stored = curl_exec($ch);
	curl_close($ch);
	$grid = new SimpleXMLElement($stored);
	$rsscount = $grid->feed->entry['circulation'];
	echo $rsscount;
?>

Mostrar el numero de seguidores de twitter en el blog.
Abren el archivo funtions.php de su blog y pegan esto al final

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<?php
string_getInsertedString($long_string,$short_string,$is_html=false){
  if($short_string>=strlen($long_string))return false;
  $insertion_length=strlen($long_string)-strlen($short_string);
  for($i=0;$i<strlen($short_string);++$i){
    if($long_string[$i]!=$short_string[$i])break;
  }
  $inserted_string=substr($long_string,$i,$insertion_length);
  if($is_html && $inserted_string[$insertion_length-1]=='<'){
    $inserted_string='<'.substr($inserted_string,0,$insertion_length-1);
  }
  return $inserted_string;
}
 
function DOMElement_getOuterHTML($document,$element){
  $html=$document->saveHTML();
  $element->parentNode->removeChild($element);
  $html2=$document->saveHTML();
  return string_getInsertedString($html,$html2,true);
}
 
function getFollowers($username){
  $x = file_get_contents("http://twitter.com/".$username);
  $doc = new DomDocument;
  @$doc->loadHTML($x);
  $ele = $doc->getElementById('follower_count');
  $innerHTML=preg_replace('/^<[^>]*>(.*)<[^>]*>$/',"\\1",DOMElement_getOuterHTML($doc,$ele));
  return $innerHTML;
}
?>

Y donde quieran que aparezca el numero de followers pegan esto, puede ser en el sidebar, index, single etc.. No se olviden cambiar mi nick.

1

<?php echo getFollowers("danielmd")." followers"; ?>

Uno mas como el anterior pero utilizando javascript(no olviden cambiar mi nick por el suyo
Número de seguidores de twitter con javascript y twittercounter en texto plano

1

<script type="text/javascript" language="javascript" src="http://twittercounter.com/widget/index.php?username=danielmd"></script>

Mostrar el numero total de post, numero total de categorías, numero total de comentarios y numero total de tags en todo el blog.
Abren el archivo funtions.php de su theme y pegan esto al final

1
2
3
4
5
6

<?php
$numposts = (int) $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->posts WHERE post_type = 'post' AND post_status = 'publish'");
$numcomms = (int) $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->comments WHERE comment_approved = '1'");
$numcats = wp_count_terms('category');
$numtags = wp_count_terms('post_tag');
?>

Y por ultimo solo pegan esto donde quieren que aparezcan estas estadísticas(index,single,sidebar,footer etc..)

1

<p><?php echo 'Este blog tiene ' . $numposts . ' post' . ',contenidos en ' . $numcats . ' categorias' . ', usando ' . $numtags . ' tags.';?></p>

Mostrar el numero de palabras que utilizaste en un post
Editan su archivo funtions.php y pegan esto al final

1
2
3
4
5
6
7
8

<?php
function wcount(){
    ob_start();
    the_content();
    $content = ob_get_clean();
    return sizeof(explode(" ", $content));
}
?>

Y donde quieran que aparezca colocan esto

1

<?php echo wcount(); ?>

Mostrar el numero de usuarios en el blog wordpress
Pegan esto donde quieran mostrar el total de usuarios de su blog

1
2
3
4
5

<p>El blog tiene
<?php $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");
echo $users." registered users.";
?>
 registrados</p>

Mostrar numero de comentarios en cada entrada

1

<?php comments_number('cero comentarios','un comentario','% comentarios'); ?>.</p>

Estaba modificando un theme de wordpress para adaptarlo a wp 2.7.1 y me encontré este pedazo de código dentro del css del theme.

.informacion {
background: #eaeed2 url(images/post-style/informacion.gif) no-repeat left 1px;
padding: 12px 3px 12px 40px;
clear: both;
width: 70%;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #DAE1B0;
font-size: 12px;
line-height: 17px;
color: #272727;
}

Este código nos permite darle formato a un texto y hacerlo resaltar dentro de alguna entrada, por ejemplo:

-Descargar este archivo

-No olvides visitar la pagina mas seguido

-Procura utilizar un navegador que no sea IE6

-Da click en este link

Explicación
Para usar este tipo de mensajes deben tener una hoja de estilos donde colocarlo o agregar ese código dentro de las etiquetas <head> </head>. Por ejemplo, en el theme de este blog tengo una hoja de estilos que se llama style.css, ahí es donde copie el código que puse al inicio con algunas modificaciones para poder utilizarlo como yo quería.

Para usarlo en sus entradas deben asignarle la clase “informacion” a la etiqueta a la cual le quieren dar ese formato desde la edición de entradas por HTML, por ejemplo:

<p class=”informacion”>-No olvides visitar la pagina mas seguido</p>

Resultado:

-No olvides visitar la pagina mas seguido

Si quieren hacer sus propias clases, cambiar los iconos, modificar el tamaño de la fuente, colores u otra cosa. Aquí les explico un poquito de que significa cada cosa.

.informacion { } <–Esta parte indica como se llamara la clase y como será llamada desde sus entradas, inicia con una llave y se cierra con otra, donde todo lo que este dentro es el formato que tendrán sus mensajes, si quieren crear otro formato solo hay que cambiar el nombre de “informacion” por el que ustedes quieran, solo que a la hora de llamarlo deben colocar el nombre de esa clase dentro de la etiqueta a la que darán formato.

<p class=nombre_que_eligieron>MENSAJE<p>

background: #eaeed2 url(images/post-style/informacion.gif) no-repeat left 1px;<–Aquí se establece un color de fondo , la ruta del icono que aparecerá dentro del cuadro de estilo, no-repeat indica que esa imagen no se repetirá y que solo aparecerá una vez, left 1px dice que la imagen aparecerá separada un pixel a partir de donde inicia el cuadro.

padding: 12px 3px 12px 40px; <– Se utiliza para acomodar el contenido, esta es la forma abreviada de colocar

padding-top: | padding-right: | padding-bottom: | padding-left

width: 70%; <–Dice que dará formato al 70% de lo ancho del 100% total de nuestro DIV o del espacio donde aparecen nuestras entradas.

border: 1px solid #DAE1B0; <–El borde del cuadro tendrá un grosor de 1 pixel y sera de X color.

font-size: 12px; <–Tamaño de la fuente del texto.

color: #272727; <–Establece el color de la fuente del texto.

Y bueno, creo que con eso ya pueden personalizar su propio estilo para los mensajes, pero si no me entendieron o quieren saber mas, pueden visitar estos sitios.

Información sobre CSS
w3schools.com – es.html.net - Margen y Padding

Fuente:
Soycachanilla.com