Mostrando entradas con la etiqueta wordpress. Mostrar todas las entradas
Mostrando entradas con la etiqueta wordpress. Mostrar todas las entradas

Reportes con PHP, MySQL, Apache y Wordpress


Se tiene previamente instalado y configurado:

y vamos a trabajar con 

Vamos a explicar primero lo que queremos hacer, queremos obtener un reporte que nos muestre los records de los jugadores que han ganado nuestro juego, para ellos disponemos de un laberinto hecho en Java3D, en el cual cuando se llega a la meta, se anota el tiempo y se inserta en la base de datos, luego queremos consultar los tiempo ordenados del mejor en adelante.

Para poder ejecutar codigo PHP en Wordpress he usado el pluging Exec-PHP. Primero hacemos la coneccion con la base de datos MySQL,

$server="192.168.153.1";
$usuario="root";
$pass="123";
$db="laberinto";

$link=mysql_connect($server,$usuario,$pass)or die (exit(mysql_error()));
mysql_select_db($db);

Y ahora para mostrar el reporte vamos a usar "print" para las salidas en HTML, primero ponemos el titulo y la cabecera de la tabla:
print "Facil";
print "< table border=1><td>Nombre</td><td>Modo</td><td>Tiempo [hh:mm:ss]";

Luego con una consulta a la base de datos obtenemos los datos que queremos mostrar:
$sqlx="Select * from ganadores where modo='facil' order by hora, minuto, segundo ";
$rsx = mysql_query($sqlx) or die(exit("Error"));

Con los datos obtenidos vamos generando el codigo HTML en formato de tabla
while($rowx=mysql_fetch_array($rsx)){
     print "".$rowx["nombre"]."".$rowx["modo"]."".$rowx["hora"].":".$rowx["minuto"].":".$rowx["segundo"]."";
}

Y por ultimo para guardar las buenas practicas, vamos a crear el tag de cierre de la tabla
print "</table>";

Podemos variar los datos, sintaxis, consulta a la base de datos, etc, pero en esencia sera lo mismo, ahora vamos al resultado:


Insertar PDF en un post

Hay una manera muy sencilla de insertar archivos PDF dentro de un post, de esta manera se podra visualizar cuando alguien lea el post, para ello vamos a ayudarnos de google docs:

Entramos esta direccion:
https://docs.google.com/viewer

y en 4 pasos podemos insertar nuestros archivos dentro de un post:

  1. Pega el link del archivo .PDF (no debe de estar en un servidor que requiera autenticacion y debe de tener permisos de lectura a cualquier persona)
  2. Insertarmos el titulo del PDF
  3. Hacemos clic en "Generate link" (generar link)
  4. Luego nos mostrará el codigo generado, ahora solo es de copiar y pegar dentro del post.

Funciona tanto para blogger como para wordpress








Insertar un Spoiler en tu blog

ya sea que uses wordpress o blogger, los spoilers son de utilidad, nos ayudan a ocular/mostrar informacion, que se visualizara solo si el usuario lo desea, a continuacion veremos como insertarlos en un post:

Blogger
Para insertar un boton de Spoiler puedes usar la edicion de HTML e insertar el siguiente codigo y en la ultima linea insertas el texto a mostrar:

<div>

<input value="Mostrar" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Ocultar';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}" type="button" />

<div style="display: none;">TEXTO A MOSTRAR/OCULTAR</div>

</div>

Ejemplo:
Un texto oculto bajo un spoiler

Tambien podemos hacerlo con imagenes:


Wordpress
En wordpress es mucho mas facil que en blogger, ya que podemos agregar un plugin que haga esto, para ello vamos a la pagina de descarga de plugins de wordpress y lo buscamos:

http://wordpress.org/extend/plugins/

yo recomiendo usar: Advanced-Spoiler
http://wordpress.org/extend/plugins/advanced-spoiler/ en esta direccion podremos descargar el plugin y encontraremos las instrucciones de uso y de instalacion.