No voy hablar del uso de la aplicación en si misma, ya hay cientos de entradas en Internet sobre el uso de la app, el éxito es notable y ha creado una verdadera legión de fans.

Lo que vamos a ver es la manera de integrar instagram con wordpress. De momento, el repositorio de plugins de wordpress contiene un reducido número de plugins . Los hemos estado analizando para ver cual de ellos se adaptaba mejor a nuestras necesidades. Lo que buscábamos era un plugin que nos dejara mostrar nuestras imágenes de instagram  en cualquier parte de nuestra web, ya sea en páginas,  post  o en el sidebar.

De todos los plugin analizados, el mejor es sin duda Instapress , porque además de mostrar las galerías en cualquier parte de la web, tiene varias opciones que nos permitirán mostrar el contenido de diferente manera. Con Instapress podemos mostrar las imágenes de nuestra cuenta o la del usuario que deseemos, un follower, las imágenes de la categoría popular o quizás una de las cosas más interesantes, mostrar imágenes según el tag  (hashtag) que le marquemos en la configuración. Esto es muy interesante desde el punto de vista de la temática de nuestra web.

Una vez instalado el plugin , lo activamos. Vamos a  Ajustes en el Admin Panel y selecconamos Instapress. Lo primero que debemos hacer es introducir nuestro usuario y password de nuestra cuenta de Instagram. El resto de funciones se pueden dejar de momento sin seleccionar.

Debo decir que en la primera instalación del plugin, en una versión actualizada de wp pero con un theme algo desfasado, todo ha ido correcto, excepto la opción del plugin que al clickar sobre cada imagen se muestra con el efecto “fancybox” .  Aquí me ha fallado, y al seleccionar en cada imagen direccionaba hacia la url de la imagen. Como no podía actualizar el theme de esa web he decidido cambiar de web para testearlo. Si tu theme lleva incorporado el efecto “fancybox” por defecto, puede que te encuentres con alguna incompatibilidad.

En páginas y post podemos integrar instagram via shortcode con el siguiente formato:

[ instapress userid="" piccount="" size="" ]  podemos jugar con los parámetros del shortcode:

• userid: ID o nombre de usuario de instagram ( en blanco para el feed de poular, “self” para tus propias imagenes o “feed” para tu feed)
• piccount: Numero de imagenes (por defecto: 9) – Hay que habilitar cache para mas de 20 imágenes.
• size: Medida en Pixels (Por defecto: 85)
• effect: Nombre del efecto , actualmente solo es posible “fancybox”
• url: si le das algun valor, Instapress ignora el valor para userid and piccount  y muestra una sola imagen.
• title: marca 1 para mostrar el titulo de tus imagenes
• paging: Marca 1, y tus imágenes se mostraran en galería. El valor piccount definirá el numero de imágenes por pagina.
• tag: Usa esta opción para filtrar por hashtag. Se puede usar un solo tag. La opción  userid se ignora si seleccionas esta opción.

Pero el plugin nos lo pone más fácil. En el editor de texto te aparece este  icono para insertar tus galerías de Instagram, lo seleccionamos y se nos abrirá esta ventana de configuración:

y es aquí donde puedes jugar con todos los atributos . Mira este ejemplo de integración en el post:

una minigalería de 4 imágenes de tu feed de Instagram. El proceso es el mismo para mostrarlo en páginas, mira esta demo para ver como queda integrado en una página.

Para integrar instagram en el sidebar no tiene mayor secreto que usar el widget que proporciona el plugin. Mira de ajustar correctamente los pixels y el número de imágenes, para que encajen correctamente con el tamaño de la barra lateral. En nuestro sidebar de guiawordpress.org puedes ver un ejemplo de como queda.

Todo es ir probando, hasta encontrar la manera correcta en que tus imágenes de instagram se muestren correctamente en wordpress.

Si nada de esto te sirve para integrar instagram en tu site y lo que quieres es mostrarla en alguna parte de tu template o theme, también puedes llamar al shortcode en cualquier parte de tu theme via php:

dentro del código php solo se trata que uses las variables que te he comentado, para mostrar las galerías de imágenes de instagram de la manera que consideres oportuna.

Espero que te haya servido de ayuda el post, de esta manera podrás sacarle mas jugo a tu creatividad combinando Instagram y WordPress.

Porque no me sigues en Instagram ? @gintoni puedes dejar tu username en los comentarios de este post para que te podamos seguir también.

Saludos,

La noticia la hemos descubierto gracias a PuntoGeek, quien cuenta el descubrimiento así:

“Hace unos días me llegó un mail de un tal Saurabh ofreciéndome un plugin gratuito llamado BlogPress SEO que, en teoría, prometía generar 100 backlinks de forma totalmente gratuita para tu blog. En el mail me lo pintaba como algo revolucionario y que debía probar.

Al entrar en el sitio del plugin vi que el diseño era bastante sospechoso, no me gustó para nada así que no me tomé la molestia de probarlo porque me daba mala espina. Hoy leo en The Next Web que advierten sobre este plugin. Este blog no es el único que nos advierte sobre esto, también lo han hecho desde Techie Buzz, Yoast (es la mejor fuente de referencia), Mtekk, y hasta el propio Matt Cutts lo hizo mediante un tweet. “

Ciertamente la web de BlogPress SEO es altamente sospechosa y además allí figura que el plugin es de pago, al precio de 97$ al mes!!!!!

En la web de Mtekk encontrareis (en inglés) mas información al respecto, como el texto del mail en que ofrecían el plugin gratis o estas porciones del código donde vemos la creación de la puerta trasera:

Y cómo la información es enviada al creador del plugin:

O sea que sobretodo NO LO INSTALEIS!!

Y tal como recuerdan en PuntoGeek, ciertamente lo mas recomendable es instalar los plugins directamente desde el repositorio oficial de WordPress, así nos evitaremos sorpresas desagradables.

Vía: PuntoGeek

En primer lugar, asegúrate que tienes tu instalación de wordpress correctamente actualizada a la última versión.

Una buena opción para evitar ataques es proteger nuestro directorio / wp-admin /. Vamos a bloquearlo para que solo algunas IP puedan acceder a este directorio. Crearemos un archivo htaccess y lo colocamos en /wp-admin/.htaccess.  Aquí va un ejemplo de lo que figura en este archivo:

AuthUserFile /dev/null

AuthGroupFile /dev/null

AuthName “Access Control”

AuthType Basic

order deny,allow

deny from all

# whitelist home IP address

allow from 64.233.169.99

# whitelist work IP address

allow from 69.147.114.210

allow from 199.239.136.200

# IP while in Madrid; delete when back

allow from 128.163.2.27

Hemos cambiado las direcciones IP , recuerda siempre por motivos obvios de seguridad no hacer nunca pública la información de tus IP.

A las direcciones IP arriba mencionadas les hemos permitido el acceso al directorio /wp-admin /, pero al resto de ellas que no estén en ese rango se lo denegamos. Esto puede salvarnos de situaciones desagradables.

Haremos que el archivo wp-content/plugins/index.html esté vacío, así evitaremos ceder una lista de los plugins que estamos ejecutando en nuestro wp. Si alguien quiere hackear tu blog podría utilizar esta información para intentar acceder vía alguno de los plugins instalados.

Otra cosa muy útil y que casi nunca hacemos, es seguir las actualizaciones y novedades del blog de desarrollo de wordpress http://wordpress.org/development/feed/ . Cuando los creadores de wordpress encuentran un agujero de seguridad cuelgan tan pronto como pueden una solución adecuada para subsanarlo con algún nuevo parche de seguridad. Hay que estar atento y aplicarlo en cuanto sea necesario, ya sea actualizando o siguiendo las instrucciones de los desarrolladores.

Y por último y no menos importante. Vamos a nuestro archivo header.php y buscamos la linea de código :

<meta name=”generator” content=”WordPress <?php bloginfo(’version’); ?>” />

y eliminamos completamente esa linea, pero ojo, solo esa, y siempre previamente de haber tenido la preocupación de hacer una copia de seguridad de nuestros archivos. Si no quieres borrar toda la linea, puedes solo eliminar “bloginfo(’version’)”. Esto lo hacemos para evitar que sepan que copia de WP estamos usando , poniendo otro obstáculo a quien intente hackear nuestro blog.

Esperamos que te hayan servido estos pequeños trucos de ayuda . Si tienes alguna duda al respecto, puedes dejarnos un comentario.

El funcionamiento es muy sencillo:

- Descargamos el plugin de la página de su autor

- Descomprimimos y lo subimos a wp-content/plugins

- Activamos y configuramos las opciones

Aquí os muestro las posibles opciones que van desde mostrar actualización cuando escribimos un post, cuando lo guardamos, cuando lo publicamos o cuando lo reeditamos.

Como veis podemos poner el texto que queramos en cada caso y que nos muestre un link del post en concreto.

Para configurar el acceso hemos de poner en esta página de configuración el e-mail que tenemos en Twitter y el nombre de usuario.

El tema de Twitter/Blog yo lo remato con el plugin Twitter for WordPress, que nos permite poner un widget en el sidebar para que aparezcan nuestras actualizaciones de Twitter en el sidebar de nuestro blog.

El funcionamiento es sencillo, WordPress siempre se fija en si hay algún error, pero hace una llamada dentro de wp-content al archivo db-error.php que no existe, por eso hemos de crearlo.

Con nuestro editor de texto favorito (texto plano, tipo Bloc de notas, no Word) creamos el archivo db-error.php con el siguiente contenido:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php if ( function_exists( 'language_attributes' ) ) language_attributes(); ?>>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Database Error</title>
</head>
<body>
<h1>Error establishing a database connection</h1>

<?php
$email = "tu correo";
mail(
$email,
// Asunto
"Error en la base de datos",
// Mensaje
"Parece que tu blog hay problemas con la base de datos."
);
?>
</body>
</html>

Evidentemente debéis poner una direccion de mail en “tu correo”, y podéis modificar el cuerpo del e-mail y el asunto Una vez creado lo subimos a /wp-content y ya está, la próxima vez que falle nuestra Base de Datos seremos los primeros en saberlo.

Vía: Todo WordPress

Con un poco de conocimiento y una idea clara de lo que queremos conseguir podemos convertir wp en un sitio de clasificados, una tienda on-line , un showcase de productos, portfolio de trabajos o hasta una red social.

De lo que queremos hablaros hoy es de la posibilidad de crear un Directorio profesional con wordpress. Ya publicamos sobre Directory Press aquí en GuiaWordPress , pero  hoy añadimos un par de opciones que pueden ser interesantes para montar un directorio.

WPDirectory Pro.

• Apto para directorio de Negocios, Links o web de clasificados.
• Integra Google PageRank y Google Sitemap.
• Altamente customizable.
• Campos Personalizados
• PayPal, AlertPay y Moneybookers preparado.
• 3  niveles de listado. Básico (gratuito), Premium y Sponsorizado.
• Soporte Dedicado + Foro.

DEMO COMPRAR

Article Directory.

Se compone de un theme y un plugin especialmente diseñado para funcionar con el theme. Es totalmente gratuito y en la página del autor encontrarás tosas las respuestas a tus dudas sobre su funcionamento. Destacamos algunas de sus características.

Del Theme:

• Estadísticas de número de artículos y autores registrados.
• Página individual para cada autor con una lista de sus artículos.
• La pagina principal muestra los artículos mas recientes.
• La página de un artículo incluye lista de otros artículos de la categoría.

Del Plugin:

• Control total de Categorías y subcategorías. Como las queremos mostrar.
• Iconos para categorías por CSS.
• Descripción de categorías en el titulo del link.

DEMO

DESCARGA PLUG-IN

DESCARGA THEME

Ahora ya no tienes excusa para crear tu propio directorio en wordpress!!!

Si usas Firefox puedes descargarte el complemento para el navegador Firebug, que te permitirá ver los elementos de la página web con solo pasar por encima de ellos con el ratón. Desde la consola de FireBug tienes acceso a toda la información de la página web que tienes cargada en el navegador. Es útil para conocer como han desarrollado algunas páginas y sobretodo una herramienta con la que vas aprendiendo .

Te proporciona información CSS, html y todo lo necesario para controlar los elementos de tu web. Es posible realizar cambios CSS sin alterar el archivo original y abrir el mismo en un documento a parte para ir modificando aquello que te interese para subirlo después a tu servidor.

Un plugin adicional que se complementa con Firebug es el YSLOW, que se integra en el complemento de Firefox y desde que lo instalamos tenemos acceso a las estadísticas de carga de nuestra web. Yslow se basa en las reglas de optimización de Yahoo. Nos proporciona información valiosa que nos servirá para optimizar nuestro wp y determinar que partes de nuestro site debemos modificar para una correcta velocidad de carga.

Os recomiendo que los probéis para haceros una idea de como funciona. Al principio parace algo complicado pero solo tienes que perder 5 minutos para hacerte con el control de este complemento para Firefox.

Te parece útil esta herramienta?

Dentro del Panel de control de nuestro WordPress vamos a Plugins y lo activamos.

Ahora en Opciones veremos: MP3 Player Options. Allí dentro nos encontramos con todas las posibilidades de personalización y creación de players.

En primer lugar nos muestra la carpeta por defecto para guardar nuestros mp3, que se llama mp3 y se encuentra en: /wp-content/plugins/mp3-player-plugin-for-wordpress/mp3/

Allí podemos poner nuestros MP3 para la lista de reproducción. Si queremos mas de un player con contenidos distintos en cada uno habremos de crear carpetas cada una con un nombre identificativo de la siguiente manera: wp-content/plugins/mp3-player-plugin-for-wordpress/nombre_directorio/ y dentro de cada directorio pondremos los MP3 que deseamos en esa lista/player.

En esta imagen vemos que podemos personalizar las dimensiones del player según el modelo escogido que es uno de estos:

Podemos personalizar el color, pero tan solo varía el color de la barra de progreso y volumen.

Luego encontramos una serie de Opciones como Show numbers (Mostrar número de canciones) Shuffle (para dar orden aleatorio) Autoplay, Alineación, Transparencia,  Mostrar Botón de Pop-Up,…

Con estas opciones hemos definido nuestro player en el caso de que sea el único o el principal que, por ejemplo, podemos ubicar en el sidebar como widget. Para ello solo tenemos que ir a Apariencia->Widgets y colocarlo donde queramos arrastrándolo.

También podemos situar el player en el lugar que deseemos de nuestras páginas o posts poniéndo este código

Pero como ya hemos dicho, podemos crear todos los que deseemos e insertrlos donde convenga. Una vez hemos creado las carpetas con el contenido debemos crear el código para cada uno de los players. Las opciones y sus tags son:

El código que hemos de colocar donde queramos ha de ser similar a este:

[mp3_embed blog_plyrs="3" playlistfolder="lol" transparent="no" colors="#408080" show="no" mp3wids=”280” mp3highs=”215”]

mp3_embed blog_plyrs indica el tipo de player (1 para el Baby, 2 para el Medium y 3 para el grande)

playlistfolder indica la carpeta donde se encuentran los MP3 de ese player. En este caso la carpeta es lol y la ruta completa es /wp-content/plugins/mp3-player-plugin-for-wordpress/lol/ aunque como veis solo hay que poner el nombre de la carpeta.

transparent indica que no deseamos transparencia.

colors nos sirve para indicar en hexadecimal el color que deseamos pàra la barra de progreso y volumen. El código lo obtenemos fácilmente con el cuadro que hemnos comentado arriba. Ponemos el cursos sobre el color deseado y obtenemos el hexadecimal.

show nos señala en este caso que no debe mostrar los números de orden de los temas, ya que ya están escritos en el nombre del MP3 o simplemente porque mo lo deseamos.

mp3wids nos sirve para declarar un tamaño de ancho diferente al estandard para el tipo de player seleccionado.
mp3highs nos sirve para declarar un tamaño de alto diferente al estandard para el tipo de player seleccionado.

Si ponemos mas de un player en la misma págibna o post hemos de usar la etiqueta id para diferenciarlos

id=”1” id=”2”…

Ahora ya podemos poner el código donde deseemos.

Un par de detalles:

- No pongais acentos en los nombres de los MP3 ya que si no esas letras no os aparecerán.

- En el nombre del directorio donde guardaremos los MP3 no podemos poner signos como el guión (-).

Este tema se ocupa automáticamente de su último mensaje y lo convierte en una entrada con grandes características. Sobrepuesto encima de un fondo oscuro desvaneciendo con un campo de imagen personalizada que se ve en una pila de fotografías.

No es necesario cambiar el tamaño de la imagen – todos son automáticamente cultivada, gracias a la secuencia de comandos TimThumb por Darren Hoyt. Sin embargo, para obtener mejores resultados – subir una imagen que mayor que 424 pixels y más de 284 pixels de altura.

El formulario de búsqueda por arte de magia aparece en el cuadro. Este script es “Thickbox” y facilitada por jQuery. El espectacular fondo de arte de humo es por Applse realidad de Deviantart.com.

Opciones Tema
Kubrick en Crack! viene con un panel de control para que usted no tiene que tocar el código para personalizar su sitio web. Las opciones son las siguientes:

1 – Header Logo, una vez que su logotipo se ha cargado, introduzca la URL aquí. Recomiendo el uso de un sistema transparente. Png para conservar la apariencia.
2 – cuenta de Twitter, esto ahorrará a la relación que está detrás del icono de Twitter en la cabecera.
3 – Custom alimentación, esto ahorrará hasta el icono de RSS en el encabezado. Si no se ofrezca el valor – el valor predeterminado RSS blog será utilizado.
4 – Sentido de anuncios de Google, esto creará un derecho de espacio publicitario por debajo de la página de entrada única. (usar el estilo de la 728 leatherboard). Para obtener más información acerca de Adsense, haga clic aquí
5 – Google Analytics, esto ahorra el código de Google Analytics por debajo del pie de página – que por supuesto es invisible.

Live Demo | Kubrick en Crack

Una forma de tener toda la información a mano en un entorno muy sencillo de usar

Enlace | wplookup.com