Los 10 mejores trucos de WordPress de todos los tiempos

Dondequiera que mires, encontrarás artículos que hablan sobre los mejores trucos nuevos de WordPress del año, o los últimos trucos para el sistema de administración de contenido, pero con este artículo, espero mostrarte cuáles creo que son los mejores. trucos de WordPress de todos los tiempos, que aún funcionan con el popular y cada vez mayor sistema de administración de contenido.

Los 10 mejores trucos de WordPress

Cómo mostrar Adsense solo a los visitantes del motor de búsqueda

La mayoría de ustedes que usan Google Analytics probablemente conozcan los precios inteligentes de la compañía. Lo que hace este “precio inteligente” es que para aquellos editores que no generan suficientes clics para los anunciantes, Google hará que usted gane solo alrededor del 10% de lo que normalmente haría por clic.

Con este truco, su blog solo mostrará sus anuncios de Adsense a los visitantes del motor de búsqueda. El razonamiento detrás de esto es que la mayoría de los clics publicitarios provienen de los visitantes del motor de búsqueda, lo que deshabilita los precios inteligentes de Google y gana la mayor cantidad de dinero posible.

Para hacer esto, crearemos una función y la pegaremos en nuestro archivo functions.php en nuestra carpeta de temas:

 
function scratch99_fromasearchengine(){
  $ref = $_SERVER['HTTP_REFERER'];
  $SE = array('/search?', 'images.google.', 'web.info.com', 'search.', 'del.icio.us/search', 'soso.com', '/search/', '.yahoo.');
  foreach ($SE as $source) {
    if (strpos($ref,$source)!==false) return true;
  }
  return false;
}

En la matriz $SE, especificamos todos los motores de búsqueda en los que deseamos mostrar nuestros anuncios. Ya tenemos algunos básicos allí, . A continuación, el código que se utilizará para mostrar los anuncios en nuestro sitio.

if (function_exists('scratch99_fromasearchengine')) {
  if (scratch99_fromasearchengine()) {
    INSERT YOUR CODE HERE
  }
}

Simplemente cópielo y péguelo donde quiera anuncios, e inserte el código de adición donde dice .

Fuente: Evite los precios inteligentes Muestre Adsense solo a los visitantes del motor de búsqueda

Cómo mostrar fechas como “Hace tiempo”

Muchos sitios de redes sociales como Twitter, Reddit, Digg y otros usan un formato para mostrar las fechas que llamaremos “Tiempo atrás”. Entonces, si su publicación fue el 1 de febrero y hoy es el 10 de febrero, la fecha se mostrará como Publicada hace 9 días. Para ello, añadiremos esta función a nuestro themes functions.php.

function  timeAgo($timestamp, $granularity=2, $format="Y-m-d H:i:s"){
        $difference = time() - $timestamp;
        if($difference < 0) return '0 seconds ago';
        elseif($difference < 864000){
                $periods = array('week' => 604800,'day' => 86400,'hr' => 3600,'min' => 60,'sec' => 1);
                $output="";
                foreach($periods as $key => $value){
                        if($difference >= $value){
                                $time = round($difference / $value);
                                $difference %= $value;
                                $output .= ($output ? ' ' : '').$time.' ';
                                $output .= (($time > 1 && $key == 'day') ? $key.'s' : $key);
                                $granularity--;
                        }
                        if($granularity == 0) break;
                }
                return ($output ? $output : '0 seconds').' ago';
        }
        else return date($format, $timestamp);
}

Ahora, para usar esto en nuestro tema, deberá colocar el siguiente código en cualquier lugar dentro del ciclo para mostrar las fechas como “hace tiempo” en una publicación.

$time = timeAgo($dateRef);

Fuente: Mostrar fechas como hace tiempo

Mostrar un número creciente en cada publicación

Hay una técnica utilizada en un blog de diseño web muy popular, A List Apart, donde numeran cada publicación que hacen. Bueno, ¿cómo lograríamos esto en nuestro propio sitio web? Primero, abramos nuestro archivo functions.php y peguemos lo siguiente:

function updateNumbers() {
    global $wpdb;
    $querystr = "SELECT $wpdb->posts.* FROM $wpdb->posts WHERE $wpdb->posts.post_status="publish" AND $wpdb->posts.post_type="post" ";
    $pageposts = $wpdb->get_results($querystr, OBJECT);
        $counts = 0 ;
if ($pageposts):
    foreach ($pageposts as $post):
        setup_postdata($post);
        $counts++;
        add_post_meta($post->ID, 'incr_number', $counts, true);
        update_post_meta($post->ID, 'incr_number', $counts);
    endforeach;
endif;
}  

add_action ( 'publish_post', 'updateNumbers' );
add_action ( 'deleted_post', 'updateNumbers' );
add_action ( 'edit_post', 'updateNumbers' );

Ahora, para comenzar a usar esto, pegue el siguiente código dentro del bucle en cualquier archivo en el que desee mostrar el número de su publicación (index.php, single.php, etc.).

<?php echo get_post_meta($post->ID,'incr_number',true); ?>

Fuente: Los mejores hacks de WordPress de principios de 2010

Comentarios de estilo basados ​​en roles de usuario

Cuando su blog recibe una buena cantidad de comentarios, puede ser extremadamente útil separar los comentarios diseñando cada comentario realizado por un rol de usuario diferente por separado. Por ejemplo, si eres administrador tus comentarios podrían tener un color de fondo verde, pero si eres suscriptor el fondo sería gris.

El primer paso para lograr esto será reemplazar su ciclo de comentarios actual en su archivo comments.php con el siguiente código:

<ol id="commentlist">
<?php foreach ($comments as $comment) : ?>
        <?php // The extra stuff to get commenter's role
        $user_id = $comment->user_id;
        $role = ( isset( $roles[$user_id] ) ? $roles[$user_id] : '' );
        ?>
        <li class="<?php echo $role; ?>">
        <p>By <?php comment_author_link() ?> - <?php comment_date() ?></p>
        <?php comment_text() ?>
        </li>
<?php endforeach; ?>
</ol>

Ahora ya estás preparado para darle estilo a cada rol que deja un comentario en tu blog. En aras de mantener breve este tutorial, solo daremos estilo a los usuarios o suscriptores, editores y administradores que no hayan iniciado sesión. Coloque el código a continuación en su archivo style.css y podrá editarlo como mejor le parezca.

#commentlist li { border:2px solid white; } /* not logged or subscriber */
#commentlist li.administrator { border:2px solid red } /* blog admin */
#commentlist li.editor { border:2px solid blue } /* editor */

Fuente: WordPress Cómo aplicar estilo a los comentarios de cada rol

Cómo agregar un formulario de inicio de sesión en cualquier lugar de su tema

De forma predeterminada, puede agregar un widget “Meta” a su blog de WordPress en cualquier barra lateral que se vinculará a donde puede iniciar sesión o cerrar sesión, así como mostrar un enlace al tablero. ¿Qué sucede si solo desea omitir hacer clic en ese enlace adicional e iniciar sesión directamente desde un formulario en su blog? Bueno, solo agregue el código a continuación donde quiera que se muestre el formulario, y eso es todo.

<?php if (!(current_user_can('level_0'))){ ?>
<h2>Login</h2>
<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">
<input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="20" />
<input type="password" name="pwd" id="pwd" size="20" />
<input type="submit" name="submit" value="Send" class="button" />
    <p>
       <label for="rememberme"><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me</label>
       <input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>" />
    </p>
</form>
<a href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword">Recover password</a>
<?php } else { ?>
<h2>Logout</h2>
<a href="<?php echo wp_logout_url(urlencode($_SERVER['REQUEST_URI'])); ?>">logout</a><br />
<a href="http://XXX/wp-admin/">admin</a>
<?php } ?>

Fuente: agregue un formulario de inicio de sesión en su tema de WordPress

Cómo mostrar publicaciones relacionadas sin un complemento

Hay muchos complementos que pueden mostrar publicaciones relacionadas en la parte inferior de una publicación, pero este código se puede usar para hacer precisamente eso sin la necesidad de un complemento, por lo que puede colocar las publicaciones relacionadas exactamente donde lo desee, y personalizar cuántos se muestran también. Simplemente publique este código donde quiera que se muestren las publicaciones relacionadas generalmente en single.php.

<?php  //for use in the loop, list 5 post titles related to first tag on current post
  $backup = $post;  // backup the current object
  $tags = wp_get_post_tags($post->ID);
  $tagIDs = array();
  if ($tags) {
    $tagcount = count($tags);
    for ($i = 0; $i < $tagcount; $i++) {
      $tagIDs[$i] = $tags[$i]->term_id;
    }
    $args=array(
      'tag__in' => $tagIDs,
      'post__not_in' => array($post->ID),
      'showposts'=>5,
      'caller_get_posts'=>1
    );
    $my_query = new WP_Query($args);
    if( $my_query->have_posts() ) {
      while ($my_query->have_posts()) : $my_query->the_post(); ?>
        <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
      <?php endwhile;
    } else { ?>
      <h2>No related posts found!</h2>
    <?php }
  }
  $post = $backup;  // copy it back
  wp_reset_query(); // to use the original query again
?>

Para cambiar la cantidad de publicaciones relacionadas que se muestran, busque ‘showposts’ => 5 y cambie ese 5 a la cantidad de publicaciones que desea mostrar. También puede cambiar lo que le gustaría que se muestre si no hay publicaciones relacionadas, modificando ¡No se encontraron publicaciones relacionadas!, a lo que quieras.

Fuente: Resaltado de código

Cómo diseñar publicaciones individualmente

En un blog normal de WordPress, cada publicación que hace se ve igual a la siguiente, en términos de fuente, color de fondo, etc. Bueno, con este truco de WordPress, puede diseñar sus publicaciones de WordPress individualmente si lo desea, cambiando el fondo de la publicación, el color, la fuente y mucho más. Esto puede conducir a una publicación mucho más distinguida y original, y posiblemente puede atraer mucho más a los lectores.

Ahora, para lograr este truco, primero deberá abrir su single.php y encontrar el siguiente código:

<div class="post">

Y reemplaza eso con lo siguiente:

	
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

Ahora, todo lo que tiene que hacer es encontrar el ID de su publicación, y puede diseñar sus publicaciones usando la identificación #post-XXX en su estilo.css.

#post-112 {
    background: #113355;
    color:#069;
    font-weight:bold;
}

Fuente: Fahirsch preguntó cómo diseñar las publicaciones individualmente

Cómo agregar información biográfica a sus publicaciones de blog de WordPress

En el backend de WordPress para perfiles de usuario, hay una opción para agregar una biografía a los perfiles de usuario, y con este truco, puede hacer que estas biografías se muestren en la parte inferior de cada publicación. Para comenzar, copia y pega el siguiente código donde quieras que se muestre la biografía en tu archivo single.php.

<div id="author-bio">
	<h3>About <?php the_author(); ?></h3>
	<?php echo get_avatar( get_the_author_email(), '70' ); ?>
	<?php the_author_description(); ?>                        
</div>

Ahora para diseñar esta biografía usando la identificación de autor-bio que crearemos en nuestro archivo style.css que hará que se vea bien.

#author-bio { border-top: 1px dotted #cccccc; padding: 15px 0; }
#author-bio h3 { font-size: 16px; margin: 0 0 5px 0; }
#author-bio img { float: left; padding: 2px; border: 1px solid #cccccc; margin: 5px 15px 0 0; }

Tenga en cuenta que en el código que agregamos en nuestro style.css está el código para obtener un gravatar, así que asegúrese de que, a menos que desee que se muestre uno de los valores predeterminados de WordPress, registre el correo electrónico que usó para su blog con Gravatar y cargue un avatar que se pueda mostrar en su biografía de autor.

Creación de URL cortas automáticas con Bit.ly

Compartir enlaces a artículos en su blog a través de sitios de redes sociales es una excelente manera de aumentar la cantidad de lectores de su sitio web. Pero con el límite de 140 caracteres de Twitter, hay poco espacio para enlaces permanentes largos con la fecha y el título de la publicación de tu blog, así como una nota personal al lado para informar al lector en qué está haciendo clic.

¿Por qué querrías ir hasta bit.ly y crear una URL corta cada vez que hagas una publicación de blog, cuando podría hacerlo automáticamente? Bueno, con el siguiente código, ya no tienes que preocuparte por crear manualmente URL cortas, solo agrega el siguiente código al archivo functions.php de tu tema:

function bitly($url) {
    $content = file_get_contents("http://api.bit.ly/v3/shorten?login=YOURLOGIN
    &apiKey=YOURAPIKEY
    &longUrl=".$url."&format=xml");
    $element = new SimpleXmlElement($content);
    $bitly = $element->data->url;
    if($bitly){
        echo $bitly;}
    else{
       echo '0';
    }
} 

Ahora, si desea hacer pública esta URL y permitir que los usuarios la copien y la peguen ellos mismos, todo lo que tiene que hacer es colocar lo siguiente en cualquier parte del archivo single.php de su tema dentro del ciclo:

<?php bitly(get_permalink($post->post_id)); ?>

Fuente: 5 formas prácticas de integrar servicios de acortamiento de URL en su blog

Cree un campo de búsqueda de autocompletado basado en Ajax

Si los visitantes de tu blog están buscando algo, ¿por qué no ayudarlos un poco? Este truco utilizará una técnica popularizada por Google, y será lo que llamamos un campo de búsqueda de autocompletar, que mostrará una lista desplegable de etiquetas en función de lo que ya se ha escrito en el campo de búsqueda.

Para comenzar, deberá descargar la última versión de jQuery, así como el complemento de autocompletar. Ahora, cree una carpeta en su tema llamada “js” y coloque ambos archivos en ella. A continuación, en el header.php de su tema, querrá colocar el siguiente código antes de la etiqueta principal.

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.autocomplete.pack.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/js/jquery.autocomplete.css" media="screen" />

Ahora también agregaremos el siguiente código antes de la etiqueta principal, y todo lo que tiene que hacer es reemplazar $(“#ID_OF_SEARCH_INPUT_BOX”) con la identificación real que usa para su cuadro de búsqueda en su sitio de WordPress.

<script type="text/javascript">
$(document).ready(function(){
    var data="<?php global $wpdb; $search_tags = $wpdb->get_results("SELECT name FROM $wpdb->terms"); foreach ($search_tags as $mytag){ echo $mytag->name. " "; } ?>".split(" ");
    $("#ID_OF_SEARCH_INPUT_BOX").autocomplete(data);
})
</script>

Fuente: Cómo crear un campo de búsqueda de autocompletado basado en Ajax para su tema de WordPress

Conclusión

Esos son lo que creo que son los 10 mejores trucos de WordPress en términos de utilidad y compatibilidad con las versiones anteriores y actuales del sistema de administración de contenido de WordPress. Si tiene otros que le gustaría compartir, no dude en hacerlo en los comentarios a continuación y dígame por qué le gusta.

0 Shares:
Te Recomendamos