Cómo mostrar los comentarios más recientes en WordPress

1 COMENTARIO -  Publicado hace 6 meses -  Clasificado en: , ,

Simplemente se ha de pegar el siguiente código en la parte de tu tema donde los quieras mostrar. El ejemplo muestra los últimos 10 comentarios. Para variar este valor tan sólo deberemos modificarlo en: "...ORDER BY comment_date_gmt DESC LIMIT 10". 

<?php
  global $wpdb;
  $sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type,comment_author_url, SUBSTRING(comment_content,1,30) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' AND post_password = '' ORDER BY comment_date_gmt DESC LIMIT 10";

  $comments = $wpdb->get_results($sql);
  $output = $pre_HTML;
  $output .= "\n<ul>";
  foreach ($comments as $comment) {
    $output .= "\n<li>".strip_tags($comment->comment_author) .":" . "<a href=\"" . get_permalink($comment->ID)."#comment-" . $comment->comment_ID . "\" title=\"on ".$comment->post_title . "\">" . strip_tags($comment->com_excerpt)."</a></li>";
  }
  $output .= "\n</ul>";
  $output .= $post_HTML;
  echo $output;
?>

Visto en WP Recipes » »

 

Distinguir Google Chrome y Safari con CSS

1 COMENTARIO -  Publicado hace 14 meses -  Clasificado en: , ,

No es lo más ortodoxo pero a veces no hay más remedio que echar mano de ellos: dos hacks para distinguir los navegadores Chrome y Safari. 

/* Google Chrome hack */
body:nth-of-type(1) .elementOrClassName {
     /* Propiedades para Google Chrome */
}

/* Safari hack */
body:first-of-type .elementOrClassName{
     /* Propiedades para Safari */
}

Vía anieto2k » »

Algunas entradas relacionadas:

 

Hack para hacer cualquier página web editable

4 COMENTARIOS -  Publicado hace 16 meses -  Clasificado en: , , ,

¿Quieres cambiar la cifra de tus ganancias en Adsense y vacilar un poco a tus amigos? ¿Quieres aparecer en la portada del Marca? Con este hack puedes editar el contenido de cualquier página web. Los pasos a seguir son:

1- Ve a la web que quieres editar.
2.- En la barra de direcciones del navegador, pega el siguiente código: 

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

3.- Presiona la tecla Intro y ya podrás editar cualquier parte de la página web: Eliminar contenido, mover las imágenes, añadir texto propio,...

Obviamente las modificaciones que hagamos no son almacenadas en el servidor de la página web.

Vía Phil Benwell » »

 

Hack para utilizar min-height en Internet Explorer

0 COMENTARIOS -  Publicado hace 38 meses -  Clasificado en: , , 
/* Regla para IE */
* html #caja{
  height:100px;
  border:1px solid #2b3854;
  background:#ffcc99;
}
#caja{
  min-height:100px;
  border:1px solid #2b3854;
  background:#ffcc99;
}

Creo que IE7 ya soporta min-height y min-width, aunque no sé si es porque mi release es una alpha pero a mí no me funcionan. En cualquier caso, habrá que seguir haciendo uso de este o similares hacks mientras hayan usuarios de IE6.

Algunas entradas relacionadas:

 

Cómo acelerar Windows sin utilizar hacks de registro

0 COMENTARIOS -  Publicado hace 42 meses -  Clasificado en: , ,

Interesante lista de cosas que podemos hacer en nuestro ordenador si queremos acelerar la velocidad de ejecución de Windows. Algunas son fáciles de hacer; algunas son bastante obvias; otras no lo son tanto, pero lo más importante es que son bastante seguras ya que no tocamos el registro del sistema ni realizamos grandes cambios en la configuración del sistema operativo.

Make Your Windows Fast As Never Before! » »

Algunas entradas relacionadas:

 

Fijar posición en Internet Explorer

0 COMENTARIOS -  Publicado hace 52 meses -  Clasificado en: , ,

Vean el blog demasiada cafeina con Firefox y luego con Internet Explorer. Sé que lo que pretende la iniciativa Too Cool for Internet Explorer es fomentar el uso de navegadores que respeten estándares cosa que no hace Internet Explorer y que para ello se apoyan en el uso indebido de IE de position: fixed. El objetivo me parece correcto. Sólo quería ilustrar el problema. Ahora una manera de establecer una posición fija con IE. Ver ejemplo. CSS 

html, body {
        overflow: hidden;
        height: 100%;
        margin: 0;
        padding: 0;
}
body {
        font: 11px verdana, arial, sans-serif;
}
#contenedor {
        height: 100%;
        overflow: auto;
        position: relative; z-index: 2;
        text-align: center; 
}

#divfija { 
        position: absolute;
        bottom: 0;
        right: 15;
        z-index: 1;
}
#contenido {
        margin: 0 auto;
        width: 65%;
        text-align: left; 
}

Lo que hacemos es eliminar la barra de desplazamiento (overflow:hidden) y emplazar un contenedor que ocupe toda la ventana. Luego, con ayuda de la propiedad z-index posicionamos el div que estará fijo. La propiedad z-index sirve para indicar la posición sobre el eje z que tendrán las distintas capas de la página. HTML 

  <div id="contenedor">
      <div id="contenido">
	  	<h1>Emular fixed</h1>
         <p> Lorem ipsum dolor ...</p>
     </div>
   </div>
   <div id="divfija"><img src="too_cool.gif"></div>

Algunas entradas relacionadas:

 

"Box Model Hack" del guión

0 COMENTARIOS -  Publicado hace 57 meses -  Clasificado en: , ,

Una de los quebraderos de cabeza a la hora de maquetar mediante "cajas" con CSS es la interpretación de la medida de éstas por los diferentes navegadores. Mientras que en los navegadores que se ajustan a los estándares (Firefox por ejemplo), la anchura de la caja viene definida por la suma de los valores asignados a las propiedades "width", "padding" y "border"; en Internet Explorer 5.x la anchura del elemento vendrá especificada por la propiedad "width", considerando la anchura del borde (border) y del relleno (padding) dentro de la anchura total del elemento.

Por ejemplo, para el siguiente CSS: 

#box {	
        width:300px; 
        padding:20px; 
        border:30px;
}

En los navegadores conforme a estándares:
Anchura del elemento: 300 + (2 x 20) + (2 x 30) = 400 px
Anchura del contenido: 300px



En Internet Explorer 5.x:
Anchura del elemento: 300px
Anchura del contenido: 300 - (2 x 20) - (2 x 30) = 200 px

Para solucionar este problema existen diversos "hacks" o pequeñas modificaciones que se pueden hacer al CSS para conseguir el efecto deseado tanto en Mozilla como en Internet Explorer. El que yo utilizo bastante es el hack del guión bajo. El hack del guión bajo permite definir propiedades distintas a Internet Explorer. Consiste en agregar un guión bajo al comienzo del nombre de una propiedad. #box {_width:300px;}

Mientras el resto de los navegadores toman _width como una propiedad desconocida, Internet Explorer la reconoce como la propiedad width: 

#box {
        width:300px;
        _width:400px; 
        padding:20px;
        border:30px;
}

El orden es importante. Los navegadores que aceptan estandares leen un width de 300px y obvian la instrucción con guión. Mientras que Internet Explorer lee primero 300px y luego redefine a 400px, con lo que solventaríamos el problema de los distintos anchos del elemento dependiendo del navegador.

NOTA: A partir de Internet Explorer 6 se implementa el modelo de cajas conforme a estándares, siempre y cuando los documentos contengan el doctype adecuado.

Algunas entradas relacionadas:

 
Páginas: 1