Free Domain

domingo, 5 de mayo de 2013

Plugins Básicos para WordPress

Tras ser capaces de instalar nuestro wordpress en nuestro plan de alojamiento, es hora de instalar los plugins básicos para WordPress. A lo largo del blog y según vayamos probándolos y testeándolos aqui mismo, os ireis encontrando otros listados de plugins básicos para wordpress para que os sirvan de ayuda. Como vosotros mismos ireis viendo a medida que lanceis vuestros blogs, existen una serie de plugins que harán de vuestro sitio algo atractivo y cómodo para los lectores. Podemos definir un Plugin como un módulo que añade una determinada característica, función o un servicio a un sistema más grande. Dicho esto aquí tenéis los 6 plugins básicos para WordPress que siempre utilizo para empezar:

W3 TOTAL CACHE, posiblemente uno de los mejores plugins de cache existentes. Una de las características fundamentales de WordPress, es que es un sistema muy flexible y completo de administración. Esto es una ventaja pero también implica que se consuman muchos recursos, así que se antoja necesario aminorar de esta carga al servidor, es por esto que un sistema de cache juega un papel fundamental y todo blog de wordpress debería contar con uno. Con W3 Total Cache provee de varias herramientas para una carga más rápida de la web. 

WordPress SEO by Yoast, para mi el mejor plugin de SEO para WordPress actualmente. Tenemos otro también muy usado como es All in one SEO pack pero tras meses probando los dos, me quedo sin duda con WordPress SEO by Yoast. Este plugin te permite al final de cada post de manera rápida y sencilla comprobar si has optimizado tu post correctamente en torno a la Keywords elegida, si cumples con las recomendaciones de densidad de palabras en el texto, etiquetas, enlaces etc.. Cada vez que escribas un post al final del mismo te vendrán una serie de opciones para rellenar en función de tus necesidades de SEO. Aquí os dejo una sencilla guía  de un blog de referencia muy bueno en el que me apoyo mucho y creo que os servirá para configurarlo rápidamente. En futuros post trataremos de este plugin de manera individual debido a su importancia.

Relevanssi  A Better Search, este plugin mejora en un 200% las búsquedas ya que el motor que usa por defecto WordPress a mi entender está bastante limitado.

Yet Another Related Posts Plugin, una clave fundamental en el éxito de un blog es conseguir que tus lectores se mantengan “pegados” al mismo, es decir que salten de un post a otro durante un buen rato enganchándose al blog. Para ello aparte de usar textos de anclaje (ya lo veremos más adelante) entre post está este plugin que lo que nos proporcionará al final es un listado de post de nuestro blog relacionados con el que están leyendo de manera automática, de manera que el lector podrá ver que sugerencias le hacemos de manera cómoda y sencilla facilitando su mayor estancia en el blog.

Google Analytics for WordPress, fundamental para poder analizar la gente que visita tu blog, ver sus datos demográficos, post visitados, porcentaje de rebote etc.. Es un plugin esencial que trataremos con tiempo en otro post desarrollando aún más el tema. Como tenemos que introducir un “código de seguimiento” en nuestra cuenta de google y muchos de vosotros no tendréis claro como se hace este paso, mientras elaboro un post os dejo un video de como realizar este paso para empezar a usarlo.

Mata HOYGAN,  Este plugin los que nos facilita es que transforma los comentarios tipo HOYGAN, censura las malas palabras que encuentre, corrige los errores de ortografía y resalta palabras importantes en los comentarios. Aquí podéis encontrar más detalles del plugin.

Akismet: Tras montar mi blog y al cabo del tiempo empecé a observar como me llegaban oleadas y oleadas de comentarios de gente en inglés acerca de mis post. Al principio pensé que serían comentarios “legales” de gente interesada en mi blog, pero al cabo de no mucho tiempo me di cuenta de mi error, no eran más que los malditos y odiados spammers. Bien pues con este plugin “Akismet” os libráis de un plumazo de este latazo de ir borrando uno a uno los comentarios que os lleguen y que os saturarán el mail. He podido comprobar en mi blog que al día me detecta y frena unos 80 comentarios de spam.. imaginaros la utilidad del mismo. Akismet viene instalado por defecto en WordPress y es muy sencillo activarlo, tan sólo hace falta la clave API que el mismo plugin te da. Por si tenéis alguna duda os dejo un video de configuración.

WpTouch: Otro de los llamados plugins básicos para WordPress, sin duda alguna. Hoy en día prácticamente todo el mundo se maneja con un Smartphone que tiene red de datos. Pues bien este plugin nos facilita una versión móvil para aquella gente que acceda a vuestro blog desde un dispositivo móvil. Da un aspecto mucho más profesional el ver que dispones de dos estilos distintos para acceder al mismo y sin duda atraerá a mucho público que antes navegara con dificultad desde la versión web accediendo con sus móviles. Es bastante sencillo de configurar, como siempre entráis en el apartado plugins, añadir nuevo y en buscar escribís WpTouch. 

Google XML-Sitemap Generator: Este plugin debí haberlo comentado en el anterior post de plugins básicos para wordpress, ya que es básico instalarlo al comienzo de nuestro blog. Como ya vimos anteriormente lo que es un SITEMAP sabemos de la importancia de tenerlo actualizado y enviado a Google, ya que conseguiremos una más eficaz indexación de las páginas nuevas que vayamos añadiendo a nuestro blog. Bien pues con esta maravilla de plugin una vez instalado ya no tendremos que preocuparnos más de este tema, siendo el mismo quien se actualizará y avisará a google. Aquí os dejo otro video tutorial que queda bastante bien explicado como configurarlo

WordPress Popular Post: Este plugin me parece bastante interesante para poder llevar un control de cuáles son los plugins más vistos por tus lectores. Es sencillo y muy útil. Añade un widget a la barra de tu blog en el cual podrás ver las entradas más vistas por tus lectores. Permite bastantes parámetros de configuración tales como el número de post más visto, el intervalo de tiempo en el que lo vas a medir, qué vas a usar de referencia para medirlo (número de visitas etc..).Os servirá de ayuda para ver qué efecto están causando vuestros nuevos post. Aquí tenéis otro video tutorial de como configurarlo

WP-Filebase: Si en tu blog quieres proporcionar material descargable para tus lectores, por ejemplo algún pdf, infografías, manuales etc.. sin duda este es uno de los plugins básicos para WordPress que tendrás que tener instalado. Fácilmente configurable, le añade un botón a la barra donde escribimos las entradas que de manera rápida y fácil te permite añadir el archivos a descargar. Os dejo otro muy buen video explicativo de como configurarlo.

miércoles, 27 de marzo de 2013

Usar jQuery en WordPress

Usar jQuery en WordPress: Como usar jQuery en WordPress, la manera correcta de hacerlo.

domingo, 17 de marzo de 2013

Miopiblog: Efecto de rotación mediante CSS3 - rotate - tutori...



Miopiblog: Efecto de rotación mediante CSS3 - rotate - tutori...: En este tutorial te voy a enseñar como crear un efecto de rotación de 360º y aplicarlo a un div, imagen o elemento html , mediante la pro...

Clase experimental de base de datos


Como posiciona un sitio web en google


Miopiblog: ¿Como lograr un buen posicionamiento en google? - ...: Son muchas las personas que, día tras día, se preguntan ¿como indexar un sitio web en google? y se rompen la cabeza, intentando conseguir un...

domingo, 10 de marzo de 2013

Cómo crear el efecto de cámara estenopeica o Pinhole con Photoshop

En este tutorial veremos cómo realizar un efecto en nuestras fotografías, para que parezcan tomadas con una cámara estenopeica, es decir, el famoso efecto Pinhole, para ello, usaremos la herramienta Photoshop.

Cómo crear el efecto de cámara estenopeica o Pinhole con Photoshop En este tutorial veremos cómo realizar un efecto en nuestras fotografías, para que parezcan tomadas con unacámara estenopeica, es decir, el famoso efecto Pinhole, para ello, usaremos la herramienta Photoshop. Lo primero que tenemos que saber es, ¿qué es el efecto Pinhole o de cámara estenopeica?, pues bien, es la forma en la que antiguamente se tomaban las primeras fotografías, de una forma muy rudimentaria, usando un objeto oscuro, donde iba el papel foto-luminoso y tras unas largas exposiciones, se revelaba a través de unos químicos


Si queréis saber más sobre este tipo de fotografía, podéis ver el artículo Fotografía estenopeica o "Pinhole", donde se habla de la técnica, asi como de la construcción casera de una cámara de este tipo, (estenopeica). 

Una de las principales características de este tipo de fotografías es que la imágenes salen con una profundidad de campo infinita, por lo que para hacer nuestro efecto con Photoshop, buscaremos una fotografía que no tenga un claro enfoque o desenfoque, ya que se lo vamos a crear nosotros artificialmente. 

Por lo que abrimos nuestro Photoshop e importamos nuestra fotografía, Menú/Archivo/Abrir



A continuación duplicamos la capa, para ello, Menú/Capa/Duplicar Capa





Sobre la nueva capa, vamos a aplicar un ajuste de tono y saturación. A continuación os dejamos una imagen con los valores que nosotros hemos puesto para nuestro ejemplo, pero pueden variar dependiendo de los colores de la fotografía, la idea es dejar un tono sepia. No olvidéis dejar marcada la casilla de colorear






Una vez conseguido nuestro tono sepia y bajado la luminosidad para darle el toque Pinhole vamos a acoplar las dos capas



Una vez acoplada la imagen, vamos a duplicarla de nuevo, Menú/Capa/Duplicar Capa




A continuación pinchamos sobre la herramienta de marco elíptico y hacemos una selección de la parte central, con la tecla de función mayúsculas presionada, (o shift), para que sea proporcional


Una vez realizada nuestra selección, la invertimos, para ello, Menú/Selección/Invertir





Seguidamente aplicamos un desenfoque gaussiano con un radio de 5, (Menú/Filtro/Desenfocar/Desenfoque Gaussiano). 





Una vez aplicado el filtro deshacemos la selección, (el atajo es Ctrl+D). 


Volvemos a ajustar el tono y la saturación, para oscurecer un poco la imagen. 




Ahora seleccionamos la herramienta borrador, con un tamaño grande de pincel, una dureza de 0 y bajamos laopacidad a un 20%. Y poco a poco, vamos dando toques para ir borrando la capa superior y que se muestren algunos brillos de la inferior. 





Volvemos a acoplar la imagen, dejando sólo una capa. 




Seguidamente vamos a modificar los niveles un poco, moviendo el conmutador de grises a la derecha, de este modo oscurecemos nuestra imagen, (Menú/Imagen/Ajustes/Niveles). 





Y por último subimos el contraste, para ello Menú/Imagen/Ajustes/Brillo-Contraste




Si habéis seguido bien los pasos, tendrías que tener una fotografía similar a la que os dejamos a continuación de ejemplo. 


20 consejos para el momento de diseñar | Chucherías

20 consejos para el momento de diseñar | Chucherías

Como Saber Quien esta conectado a tu Internet! "WIFI"


sábado, 5 de enero de 2013

Añadir marcadores sociales fijos en la esquina del blog

Recientemente, con la creación del botón de Google +1, me decidí a agregarlo al blog en dos lugares. El primer lugar es en cada página individual, lo cual lo explico en esta entrada: Agregar botón de Google +1. Pero también lo agregué junto al botón de Twitter y Facebook, en la esquina inferior derecha del sitio. De esta manera, si bajan en la entrada, a pesar de que ya no se ve el primer botón, el segundo sigue disponible, y de esta manera se podrán ganar más Google +1, Tweets y Me gusta, y por lo tanto, puede que se gane también un mayor reconocimiento entre los usuarios de la blogósfera y las redes sociales, y puede que también por parte de Google.
A continuación voy a explicar como agregarlos, por las dudas les dejo una captura de cómo son, puede que en este momento tal vez no estén disponibles, ya sea porque los haya quitado o porque surja algún error. Lamentablemente en la captura hay muy pocos clicks, pero pueden dejar algunos ustedes.
Marcadores sociales fijos





Si utilizás Blogger:

En el caso de los blogs creados con Blogger, debemos seguir estos pasos.
[1] Vamos a Diseño > Edición de HTML, y buscamos la etiqueta </body>.
[2] Ahora vamos a pegar antes de esa etiqueta el siguiente código:
<div style='display:scroll;position:fixed;bottom:5px;right:0px;'>
< div id='fb-root'/><script src='http://connect.facebook.net/es_ES/all.js#appId=161306410607978&amp;xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false' width='75'/>
< div style='margin-top:-2px;margin-right: 5px;float:right;'>
< script src='https://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: &#39;es&#39;}
< /script><g:plusone size='tall'/> <a class='twitter-share-button' data-count='vertical' data-lang='es' data-via='JoacoBasci' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
</div>
 

Si utilizás WordPress:

Si tu blog utiliza WordPress como CMS, puedes seguir estos pasos.
[1] Vamos a nuestro panel de WordPress y elegimos la opción Apariencia > Editor. Luego nos vamos al archivo footer.php, el cual refiere a todo lo que es el pie de página.
[2] Ahora vamos a pegar el siguiente código antes de la etiqueta </body>, la cual siempre cierra todo el cuerpo de página:
<div style="display:scroll;position:fixed;bottom:5px;right:0px;">
< div style="margin-top:-2px;margin-right: 5px;float:left;">
< script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'es'}
< /script><g:plusone size="tall"></g:plusone>&nbsp;&nbsp;<a href="http://twitter.com/share" data-count="vertical" data-via="JoacoBasci" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
< iframe src="http://www.facebook.com/plugins/like.php?app_id=159243740808073&amp;href=<?php the_permalink(); ?>&amp;send=false&amp;layout=box_count&amp;width=120&amp;show_faces=true&amp;action=recommend&amp;colorscheme=light&amp;font&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:65px;" allowTransparency="true"></iframe>
< /div>
 
 Obviamente les recomiendo cambiar lo que dice JoacoBasci por su propio usuario de Twitter, eso es para que cuando hagan un Tweet, la cuenta del blog o nuestra cuenta sean nombradas.

wordpress (Videos tutoriales)