Insertar imágen miniatura en cada post de WordPress

3 comentarios

Al habilitar esta funcionalidad en nuestros temas de wordpress tendremos la posibilidad de añadir una imágen miniatura independiente desde el administrador de wordpress. Todo lo que necesitamos es añadir una o dos líneas al fichero functions.php de nuestra carpeta del theme.

Insertamos las siguientes líneas al archivo functions.php:

add_theme_support('post-thumbnails'); // añadimos la función para crear una nueva caja en el administrador para insertar la foto
set_post_thumbnail_size (200, 200, true); // redimensionamos la miniatura al tamaño deseado

Una vez editado este archivo entramos en el administrador de wordpress, insertamos o editamos un post y veremos que aparece una nueva caja en el lateral derecho llamada “Miniatura de entrada”.

Para hacer uso de la miniatura en nuestros post añadimos el siguiente código al loop en el lugar exacto donde queremos que aparezca:

the_post_thumbnail();

Transición fade entre páginas con jQuery

7 comentarios

Para los que quieran un efecto de suavizado o difuminado al abrir y cerrar páginas web de vuestro sitio vamos a crear este efecto utilizando jQuery. Utilizando esta técnica obtendremos un estilo más elegante en las transiciones entre páginas de nuestro sitio web.

$(document).ready(function() {
   
    $("body").css("display", "none");
    $("body").fadeIn(2000);
   
    $("a.transicion").click(function(event){
        event.preventDefault();
        linkDestino = this.href;
        $("body").fadeOut(1000, redireccionarPag);     
    });
       
    function redireccionarPag() {
        window.location = linkDestino;
    }
   
});
<p>Ejemplo de uso: <a href="nuevapagina.html" class="transicion">abrir nueva página</a>.</p>

Cadena de texto en varias columnas

2 comentarios

Hace poco, he tenido que utilizar esta función para poder dividir en 2 columnas una determinada cadena de texto. Con la siguiente función php podemos también pasarle como parámetro el número de columnas que queremos.

Para representar las columnas utilizaremos css y una lista ul que será la que generemos de la cadena original.

$cadena ='Sin León no hubiera España, que antes que Castilla leyes, Concilios, fueros y reyes, dieron prestigio a León. La fama cantó su hazaña con clarines de victoria: ¡León escribió la historia de Covadonga a Colón! Con su sangre a torrentes vertida dio a la Patria preciado blasón y en sus labios cobró vida el hermoso lenguaje español ¡Viva León! Tierra hidalga, tierra mía: estrofas del romancero, desde Guzmán a don Suero, va tremolando el honor. Con su sangre a torrentes vertida dio a la Patria preciado blasón y en sus labios cobró vida el hermoso lenguaje español. De piedra una plegaria la catedral semeja, sobria y gentil refleja el alma de León. De historia milenaria, de santidad osario, del arte relicario y de la fe expresión. Tierra hidalga, tierra mía: estrofas del romancero, desde Guzmán a don Suero, va tremolando el honor. Con su sangre a torrentes vertida dio a la Patria preciado blasón y en sus labios cobró vida el hermoso lenguaje español. Gloria a ti, pueblo sin par; a mi labio el corazón se asoma para gritar: ¡Viva León! ¡Viva León!';

function cadena_columnas ($cadena, $columnas) {
  $salida =  '<ul class="columnas">';
  $cuerpotexto = array("$cadena"); // generamos una matriz de la cadena
  $texto = implode(",", $cuerpotexto); // obtenemos cadena que contiene una representación de todos los elementos de la matriz en el mismo orden
  $longitud = strlen($texto); // determinamos la longitud de la cadena
  $longitud = ceil($longitud/$columnas); // redondeamos la longitud hacia arriba devolviendo el entero más cercano dividiendola entre el nº de columnas
  $palabras = explode(" ", $texto); // buscamos las palabras sueltas separadas por espacios
  $c = count($palabras); // contamos el número de palabras
  $l = 0;
  for($i=1;$i<=$columnas;$i++) {
    $nuevacadena = "";
    $salida .= '<li>';
  for($g=$l;$g<=$c;$g++) {
    if(strlen($nuevacadena) <= $longitud || $i == $columnas)
    $nuevacadena.=$palabras[$g]." ";
    else {
      $l = $g;
    break;
      }
     }
    $salida .= $nuevacadena;
    $salida .= '</li>';
  }
  $salida .= '</ul>';
  return $salida;
}
// Modo de empleo: (por ejemplo para dividir el texto en 3 li o columnas)
echo cadena_columnas($cadena,3);

Por último ya solo falta darle un estilo en nuestro archivo css de estilos:

.columnas{
    list-style:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:333;
}
.columnas li{
    float:left;
    width:25%;
    margin:0 0  20px 20px;
    padding:15px;
    border:1px solid #ccc;
}

Cambiar logo wordpress del administrador

6 comentarios

Es posible que alguna vez queramos cambiar el logo de wordpress que aparece en el formulario de Inicio de sesión (wp-login.php). Si no queremos buscar donde se encuentra esa imágen en toda la carpeta de wordpress y remplazarla por el logo nuevo… podemos usar una nueva función en el functions.php de nuestro tema de wordpress:

Abrimos el archivo functions.php de nuestro tema y insertamos la función:

function logo_admin() {
    echo '<style type="text/css">
        h1 a { background-image:url('.get_bloginfo('template_directory').'/images/minuevologo.gif); }
    </style>';
}
add_action('login_head', 'logo_admin');

Eliminar el nofollow de los comentarios en WordPress

2 comentarios

Para quien no lo sepa, el wordpress de manera predeterminada incluye el atributo “nofollow” a todos los links que haya en los comentarios (tanto al link del usuario como al del contenido del comentario). El nofollow hace que los buscadores no sigan ese enlace, aunque el usuario sí pueda pulsar en él e ir a la página a que se enlaza. El nofollow no da popularidad a las páginas enlazadas con este atributo, pero ese número de enlaces si que es tenido en cuenta para la división total del valor de los enlaces que tenemos en esa página.

Si eso no nos importa y queremos dar popularidad a todos los enlaces que insertan en los comentarios podemos hacer una función para remplazar el texto “nofollow” por “follow” que es el que tienen todos los enlaces por defecto.

Abrimos el archivo “functions.php” y añadimos la función para remplazar la cadena nofollow en nuestros comentarios de wordpress:

function eliminar_nofollow($cadena) {
    $string = str_replace('nofollow', 'follow', $cadena);
    return $cadena;
}
add_filter('comment_text', 'eliminar_nofollow'); // buscamos en el texto del comentario insertado
add_filter('get_comment_author_link','eliminar_nofollow'); // buscamos en el link del usuario
  3. 1
  4. ...
  5. 49
  6. 50
  7. 51
  8. 52
  9. 53
  10. ...
  11. 58
HTML5 Powered with CSS3 / Styling, Device Access, and Semantics