• feeds.feedburner.com

anucio

0


¿Te gustaría ser capaz de utilizar una URL simple como http://misitio.com/login para acceder al panel de WordPress? 
Si es así, puedes utilizar este útil tip y ponerlo en práctica en tu propio blog.

Abre el archivo .htaccess (que se encuentra en la raíz de instalación de WordPress) y agregue el siguiente código. Recuerda que una copia de seguridad de .htaccess antes de editarlo!
 
RewriteRule ^ $ login http://yoursite.com/wp-login.php [NC, L]






Una de las "ventajas" que tiene Wordpress es que se puede agregar debajo de cada post una pequeña biografía sobre el autor para que los lectores puedan tener más información acerca de quién escribe el post, y muchos usuarios de Blogger desearían poder tenerlo también en el blog, así que vamos a ver cómo poner un 'acerca del autor' debajo de cada entrada.
En él puedes poner tu avatar, una breve información sobre ti e incluso puedes agregar enlaces sobre otros sitios webs que tengas o de tus redes sociales.


  1. Primero vamos a Diseño | Edición de HTML y marcamos la casilla Expandir plantillas de artilugios ahí buscamos este código y lo eliminamos:
    <span class='post-author vcard'>
    <b:if cond='data:top.showAuthor'>
    <data:top.authorLabel/>
    <span class='fn'>
    <data:post.author/>
    </span>
    </b:if>
    </span>
    Esa parte que hemos eliminado es la que muestra Publicado por (nombre del autor), lo 
    porque ya no será necesario con lo que vamos a agregar, pero bien puedes dejarlo si quieres y no pasa nada.

  2. Ahora busca esta línea:
    <div class='post-footer'>
    Y debajo de ella agrega esto:
    <div class='acercadelautor'>
    <img border='0' src='URL del avatar' style='float:left; margin:0 10px 10px 0;width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</p>
    </div>

  3. Ahí cambia lo que está en color rojo por la URL de tu avatar. Y agrega en donde está el color naranja el texto que quieres mostrar como parte de la información de tu biografía, puedes poner enlaces incluso.

  4. Por último antes de ]]&gt; pega lo siguiente:
    .acercadelautor {
    background:#EFFBFB; /* Color de fondo */
    border:1px solid #ccc; /* Borde */
    letter-spacing:normal;
    color:#424242; /* Color del texto */
    text-transform:none;
    font-size:12px; /* Tamaño del texto */
    padding:5px;
    margin:10px 0 10px 0;
    }
    .acercadelautor strong {
    color:#1C1C1C; /* Color del nombre del autor */
    font-weight:bold;
    font-size:13px; /* Tamaño de letra del nombre del autor */
    padding-left:5px;
    }
Esos son los estilos que tendrá el recuadro, puedes hacer los cambios que quieras en las anotaciones que he puesto en color verde.
A partir de este momento ya podrás verlo en la Vista Previa y probar si tiene los colores que deseas.
En el primer código que hemos agregado está marcado en negrita el tamaño de la imagen del avatar, esa puedes modificarla a tu gusto; si agregas poco texto en tu biografía se recomienda que hagas el avatar más pequeño para que no quede en desproporción.


¿Y si el blog tiene más de un autor?

Si el blog tiene más de un autor también podemos hacer que cada autor tenga el suyo, cada uno con su avatar y su descripción correspondiente.



En ese caso en lugar de pegar el código del paso 2 pegaremos este otro:
<div class='acercadelautor'><b:if cond='data:post.author == &quot;Autor 1&quot;'><img border='0' src='URL del avatar 1' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</p>
</b:if>

<b:if cond='data:post.author == &quot;Autor 2&quot;'><img border='0' src='URL del avatar 2' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</p>
</b:if>
</div>
El primer fragmento corresponde al primer autor y el segundo al otro autor. De igual modo cambia la URL del avatar y el contenido de la biografía.
En donde dice Autor 1 y Autor 2 debes poner el nick de los autores tal como aparece en el blog respetando las mayúsculas, minúsculas y espacios, eso es muy importante.

Si quisieras agregar más autores sólo agrega antes de </div> otro fragmento como este:
<b:if cond='data:post.author == &quot;Autor 3&quot;'><img alt='' border='0' src='URL del avatar 3' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</p>
</b:if>
Como ven el procedimiento es de lo más sencillo, no requiere scripts ni nada del otro mundo y el resultado quedará tan lindo como ustedes quieran.





Para asegurar el éxito de un blog es necesario que siempre estemos aplicando mejoras y aquí te presentaremos una de ellas que quizás te guste.
En diversos blogs podemos encontrar al pie de cada artículo una hilera de estrellas, cuya función es obtener una valoración del post publicado, y varios títulos relacionados pertenecientes a otras entradas.
Esto es un punto muy beneficioso que puede afectar directamente en el tiempo de permanencia de cada usuario en tu sitio, ya que se aumenta la posibilidad de que los lectores puedan mantenerse navegando por un prolongado lapso de tiempo.
Valoraci%C3%B3n de estrellas blog Agregar valoración de estrellas en el blog
Podremos incorporar este llamativo widget en nuestro blog si ingresamos a Outbrain.com, en donde se ofrece el agregado automático de su aplicación, pudiendo escoger entre varias opciones, las que más nos gusten, como por ejemplo si queremos que se enseñe una pequeña imagen de muestra. Además, ofrece la combinación con distintas y variadas plataformas disponibles, por lo cual es muy amplio el marco de aceptación, entre las plataformas aceptadas está WordPress, Blogger, Drupal, entre otras. Aunque también podremos optar por utilizar el código directamente en el tema de nuestro blog o sitio web.



Related Posts Plugin for WordPress, Blogger...
hosting joomla