Ahora bien, no va a permitirte acceso a nada que no tengas acceso ya, o sea, que si no tienes un usuario registrado en este blog, aunque veas los enlaces no podrás entrar y hacer todo lo que se muestra, solo aquello a lo que habitualmente tengas permiso como usuario registrado, valga la aclaración para que no te lleves a engaño, que esto no es un atajo para entrar en cualquier WordPress.

Lo que si ofrece es una serie de iconos, una vez hecho clic en el bookmarlet, desde los que acceder a las secciones de administración habituales en tus WordPress, mientras los visitas, no desde otra web que visites. Digamos que, por ejemplo, estás leyendo una entrada de tu blog y te das cuenta de que querías modificar algo del tema, pues no hace falta que teclees la dirección para acceder al escritorio, solo haces clic en el bookmarlet y eliges la opción adecuada, así de fácil.

Además, para los que no gusten de usar bookmarlets también hay una extensión de GreaseMonkey, instalable en Firefox por ejemplo, e incluso una extensión para el navegador Safari. Por opciones que no quede.

Image Space Media (ISM) (antes Picadmedia) es un servicio que te ayuda a sacar una rentabilidad económica de tus imágenes. El proceso es sencillo una vez dado de alta en su plataforma e insertado su código javascript en el código fuente de tu sitio web, el servicio de ISM insertará anuncios en todas las imágenes de tu página.

La idea es original y realmente sencilla y podría ayudar a tener ingresos adicionales a la publicidad típica de agencias o Adsense. Después de estar probando desde el 18 de febrero de 2010 este servicio creo que los ingresos reportados no compensan contra los problemas de posicionamiento que parece provocar en las imágenes. Han sido casi 4 meses de pruebas donde hemos generado casi 2 millones de impresiones de anuncios, cerca de 7.500 clics sobre más de 15.000 imágenes indexadas en el sistema ISM. Casi 320 dólares en este tiempo y la supuesta perdida de posicionamiento en todas las imágenes en google, al menos Decoración 2.0 dejo de indexar imágenes y en el caso de Amor desaparecieron todas, fue quitar ISM el sábado pasado y volver a indexar todas las imágenes. No se si es casualidad, pero puede ser que a Google no le guste que pongamos publicidad en las imágenes.

Por último destacar que el ratio de clic es realmente interesante desde el 0,25% hasta el 0,55% algunos días. Ahora la decisión de probar o activar este servicio es tuya, aquí tiene mi experiencia que es positiva, pero ante la posible perdida de posicionamiento he terminado por de momento eliminarlo.

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí o decora tu casa.

Rentabilizar con publicidad las imágenes de tu web

Estos días se ha celebrado el 30 aniversario del Pacman o comecocos, un popular juego que sin duda marco una época. Google como ya es habitual nos sorprendió con un logotipo adaptado a Pacman y que a la vez era el juego en javascript para jugar en su propia web.

Ahora por petición popular el juego estará dispone de forma permanente siempre en http://www.google.com/pacman.

Pero además Google también quiere que juguemos con su juegos y hagamos lo que nos plazca con el código del mismo, para ellos ha puesto a nuestra disposición el código fuente del juego en github y podéis descargarlo aquí. También os dejamos una copia en nuestra web por si os falla la descarga.

Jugar online en la edición con código fuente.
Descargar código fuente de Comecocos gratis.
vía: mashable

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí o decora tu casa.

Descargar gratis el comecocos de Google

Desde hace unos días hay nuevas noticias de ataques a sitios que estén basados en PHP, como lo está WordPress, y hoy ya puedo dar indicaciones algo claras al respecto, perdonad el retraso no obstante.

Lo primero a aclarar es que no es un ataque masivo a WordPress, sino que esta inyección de código afecta a cualquier web basada en PHP y, a día de hoy, el otro dato relevante es que además compartan servidor, no está pasando en servidores dedicados. De hecho, si fuera un ataque masivo a WordPress habría muchos más sitios infectados, dado la enorme implantación que a día de hoy (gracias a vosotros) tiene este CMS.

Esto nos hace pensar en dos posibles causas, una segura. La primera es que el atacante utiliza vulnerabilidades de seguridad del servidor en el que está alojado y que comparte con otros sitios, y la segunda que algo está permitiendo que el código se inyecte en los ficheros PHP de los sitios atacados, ya sea un plugin mal diseñado, una mala configuración de seguridad del CMS utilizado. No obstante yo apuesto por la primera opción porque el Zettapetta este ha infectado sitios estáticos en donde había un par de ficheros PHP sueltos y, como ya he dicho, si fuera algo especial para WordPress estaríamos todos infectados, o casi, y no es así.

Este caso es especialito, porque incluso hay un vídeo en el que el supuesto causante explica como inyectar código en servidores compartidos de Networks Solutions ¡sin tener que robar nombres de usuario y/o contraseñas!

Afortunadamente hay solución.

Los atacantes están infectando las webs con un script que trata de inyectar software malicioso a los sitios "cliente" y, además, evita que los mecánismos anti-malware que incluyen los modernos navegadores como Firefox y Safari puedan detectarlo.

El script afecta a cualquier servidor compartido, y ya se han comprobado ataques en varios proveedores de hosting de primer nivel, como Mediatemple.

En los sitios atacados se insertaba este javascript:

http://www.indesignstudioinfo.com/ls.php

http://zettapetta.com/js.php

Y lo que hace el Zettapetta este de las narices es añadir un montón de código en base64 al principio de todos los ficheros PHP que se encontrara en el servidor, recursivamente. Vamos, que si entra en tu WordPress infecta todos los ficheros 'core', los de los plugins, los temas, todo, hasta el wp-config.php y los index.php habitualmente vacíos.

Una vez descodificado el base64 lo que contiene es esto:

El bicho tiene tela así que a limpiar se ha dicho … 

Lo primero es probar el hack que han elaborado en Securi.net. Descargas este archivo a tu escritorio:
http://sucuri.net/malware/helpers/wordpress-fix_php.txt y lo renombras a wordpress-fix.php

Una vez hecho esto lo subes a tu sitio por FTP y lo ejecutas desde el navegador. O sea: http://miweb.com/wordpress-fix.php

El script tarda unos minutos en completarse ya que escanea todo tu sitio y quita las entradas de malware, recursivamente también.

Cuando termine puedes borrar el archivo y, a continuación, para asegurar que dejas todo limpio, seguir estas indicaciones, las de siempre:

• Exporta todo tu contenido mediante la utilidad de exportación de WordPress y guarda la carpeta wp-content así como cualquier otra que utilices de modo manual. Revisa tu tema, plugins y carpetas de uploads, etc, antes de darlos por seguros.
• Revisa el fichero wp-config.php para eliminar cualquier posible inyección de código, cambia los permisos a 644 o, mucho mejor, carga un wp-config.php totalmente limpio.
• Cambia todas las contraseñas: ftp, base de datos. Usa contraseñas fuertes, usando caracteres alfanuméricos y símbolos
• Como el problema afecta a la base de datos hay que descartarla. Borra la actual y crea una nueva o, en su defecto, revisa cada una de las tablas
• Borra todo el contenido de la instalación actual de WordPress (recuerda que antes has hecho backup)
• Instala un WordPress limpio (última versión), usando la información de la nueva base de datos recién creada
• Carga tu carpeta wp-content de nuevo, una vez comprobado que todo está limpio
• Importa los posts de tu sitio que exportaste con la utilidad de importación de WordPress
• Configura tu WordPress de manera segura siguiendo las instrucciones de los enlaces facilitados

¡Que el backup te acompañe!

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Guía para Administrar Wordpress

Impresionante la recopilación realizada por Cats who code sobre códigos con los que adaptar tu sitio a la visualización en iPhone. Como creo que es de un gran interés para desarrolladores y usuarios avanzados y que, por supuesto, son aplicables a WordPress, aquí los tienes con alguna adaptación a nuestro entorno:

Detectar iPhones e iPods usando Javascript

Al desarrollar para iPhone o iPod Touch lo primero que hay que hacer es detectarlo para que, luego, le apliquemos códigos o estilos. El siguiente código d etecta iPhones o iPods usando Javascript, y los redirige a una página  específica para iPhone.

Fuente: http://davidwalsh.name/detect-iphone

Detectar iPhones e iPods usando PHP

Aunque el código anterior funciona de maravilla puede que Javascript esté desactivado en el iPhone. Si fuera el caso puedes usar PHP para detectar iPhones o iPods Touch.

Fuente: http://davidwalsh.name/detect-iphone

Definir el ancho de iPhone como viewport

En muchas ocasiones visitas una web con tu iPhone y la ves en miniatura. La razón es que el desarrollador olvidó definir el viewport (o no sabe que existe). La declaración de width=device-width te permite definir el ancho del documento al ancho de la pantalla del iPhone. Las otras dos declaraciones son muy útiles si estás desarrollando un sitio  "solo para iPhone". En caso contrario puedes borrar estas dos declaraciones.
Definir un viewport es fácil: Simplemente inserta el siguiente meta en la sección "head" de tu sitio (fichero "index.php" de la plantilla activa):

Fuente: http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/

Insertar un icono específico para iPhone

Cuando un usuario añade tu web a su página de inicio el iPhone usa una captura de pantalla de tu sitio como icono. Pero tu puedes ofrecer un icono específico, lo que es mucho mejor.
Definir un icono personalizado para iPhone es fácil: Simplemente pega el siguiente código en la sección "head" de tu sitio (fichero "index.php" de la plantilla activa). La imagen debe ser de 57px por 57px en formato .png. No tienes por qué añadir brillos o esquinas ya que el iPhone las añade automáticamente:

Fuente: http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/

Evitar que Safari ajuste el tamaño de texto al rotar

Cuando rotas el iPhone, Safarie ajusta el tamaño de texto. Si por algún motivo prefieres evitar este efecto solo tienes que usar el siguiente CSS, que tendrás que añadir a tu hoja de estilos (fichero "style.css" de tu plantilla activa).
La declaración -webkit-text-size-adjust es una propiedad CSS exclusiva de webkit que permite controlar el ajuste de texto.

Fuente: http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/

Detectar la orientación del iPhone

Como el iPhone permite ver la página en vertical o apaisdo puede que necesites detectar en qué modo el documento será visible.
Esta función Javascript detecta la orientación actual del iPhone y aplica una clase CSS específica para cada modo de orientación. Fíjate que en este ejemplo la clase CSS se añade al ID del  page_wrapper. Remplázalo por el nombre de ID deseado (línea 24)

Fuente: http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/

Aplicar estilos CSS solo para iPhones/iPods

Si buscas un modo limpio de aplicar clases CSS solo para iPhone puedes usar el siguiente código:

Fuente: http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/

Redimensionar imágenes automáticamente para iPhones

En las webs actuales la mayoría de las imágenes suelen ser de un ancho superior a 480px. Al ser de este tamaño la pantalla del iPhone puede que las imágenes más grandes se vean incorrectamente, incluso destrozando el diseño de tu sitio.

Pues bien, usando el siguiente código CSS podrás redimensionar automáticamente las imágenes que sean de un ancho mayor de 480px, el ancho estándar del iPhone, con lo que nunca se verán más anchas y no desconfigurarán tu sitio al visualizarse en un iPhone.

Fuente: http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/

Ocultar la barra de tareas por defecto

La barra de tareas es útil pero a veces ocupa demasiado sitio, que vendría estupendo para mostrar mejor tu web. Si quieres que Safari oculte la barra por defecto cuando un usuario de iPhone visite tu sitio solo tienes que añadir el siguiente Javascript:

Fuente: http://articles.sitepoint.com/article/iphone-development-12-tips/2

Usar enlaces especiales

Al igual que con los enlaces "mailto", tan útiles para que te envíen emails, si se visualiza tu web con un iPhone puedes añadir otro tipo de enlaces que ejecutarán acciones, gracias a la función de teléfono de este miniordenador de bolsillo.

Si quieres ofrecer enlaces para que te llamen o te envíen un SMS puedes usar códigos html de este tipo:

Fuente: http://articles.sitepoint.com/article/iphone-development-12-tips/3

Simular la clase pseudo :hover

Como no se usa ratón en el iPhone no se utiliza la pseudo clase :hover. Sin embargo,  usando Javascript puedes simular la clase pseudo :hover cuando el usuario apoye el dedo sobre un enlace:

Tras añadir el código anterior puedes aplicar algo de estilo CSS:

Fuente: http://www.evotech.net/blog/2008/12/hover-pseudoclass-for-the-iphone/

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Guía para Administrar Wordpress

Estamos perdiendo información estadística por este pequeño detalle, y la verdad después de más de un mes de prueba no son pocas las visitas que no se registran, por lo que es importante ponerse manos a la obra para no perder información.

Para esta tarea con WordPress os recomiendo el plugin noscript que se encarga de generar el código de analytics sin JavaScript en base a tu ID de analytics y así no perder esa valiosa información para nuestra web. En las estadísticas podrás verlo como origen de referidos “noscript“.

Descargar plugin noscript para WordPress.

También lo puedes hacer forma manual si no tienes WordPress. Es una tarea realmente sencilla, solo tienes que utilizar el código php siguiente cambiando las variables por tu ID y dominio.

$var_utmac = 'UA-12345-6'; // tu identificador
$var_utmhn = 'http://mydomain.com'; //introduce tu dominio
$var_referer = @$_SERVER['HTTP_REFERER']; //url referida

$var_utmp = '/noscript'; //este ejemplo añade noscript como solicitud de fichero para llevar un seguimiento

$var_utmn = rand(1000000000,9999999999); //solicitud de número aletario
$var_cookie = rand(10000000,99999999); //número para cookie aleatoria
$var_random = rand(1000000000,2147483647); //número por debajo de 2147483647
$var_today = time(); //hoy
$var_uservar = '-'; //introduce tu variable de usuario definida

$urchinUrl = 'http://www.google-analytics.com/__utm.gif?utmwv=1&utmn='.$var_utmn.'&utmsr=-&utmsc=-&utmul=-&utmje=0&utmfl=-&utmdt=-&utmhn='.$var_utmhn.'&utmr='.$var_referer.'&utmp='.$var_utmp.'&utmac='.$var_utmac.'&utmcc=__utma%3D'.$var_cookie.'.'.$var_random.'.'.$var_today.'.'.$var_today.'.'.$var_today.'.2%3B%2B__utmb%3D'.$var_cookie.'%3B%2B__utmc%3D'.$var_cookie.'%3B%2B__utmz%3D'.$var_cookie.'.'.$var_today.'.2.2.utmccn%3D(direct)%7Cutmcsr%3D(direct)%7Cutmcmd%3D(none)%3B%2B__utmv%3D'.$var_cookie.'.'.$var_uservar.'%3B';

echo '<noscript><img src="' . $urchinUrl . '" /></noscript>';

vía: remy sharp

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí o decora tu casa.

Las estadísticas pérdidas de Analytics

1) CSS: La opción con más estilo (¿lo pillais? :P)

// Añadir el CSS directamente
function removeHTMLEditorCSS(){
 echo '<style type="text/css">#editor-toolbar #edButtonHTML, #quicktags {display: none;}</style>';
}

add_action('admin_head', 'removeHTMLEditorCSS');

// Añadir un fichero CSS externo
fichero: removeHTMLEditor.css
#editor-toolbar #edButtonHTML, #quicktags {display: none;}

wp_register_style('removeHTMLEditorCSS', '/ruta/css/removeHTMLEditor.css');
wp_enqueue_style('removeHTMLEditorCSS');

2) Javascript: La más rápida

function removeHTMLEditorJS(){
 echo 'jQuery(document).ready(function($) {
         $("#edButtonHTML").remove();
       });';
}

add_action('admin_footer', 'removeHTMLEditorJS');

3) PHP: La más limpia

function my_default_editor() {
 $r = 'tinymce'; // html or tinymce
 return $r;
}
add_filter( 'wp_default_editor', 'my_default_editor' );

// Versión reducida
add_filter( 'wp_default_editor', create_function('', 'return "tinymce";') );

Conclusión

Artículos relacionados

• WordPress Dashboard Editor, widgets en tu dashboard
• Amplia el editor enriquecido de WordPress 2.1
• Ampliando más las opciones del editor enriquecido de WordPress
• WordPress 2.8 con un editor de código decente
• Nueva funcionalidad de WordPress 2.9 en la edición de imágenes

Hay muchos plugins y themes que añaden JavaScript y CSS a tu sitio. Esto, que en sí mismo no es malo, cuando usas varios plugins de este tipo pueden hacer verdaderas perrerías con tu sitio, mostrando una versión lamentable del mismo cuando interfieren varios estilos CSS o scripts.

Afortunadamente WordPress dispone de un sistema propio que permite anular estos scripts y estilos.

En este ejemplo se usan dos plugins muy populares, Contact Form 7 y WP-PageNavi, pero puedes aplicarlo a otros similares, como Sociable, que también peca de lo mismo.

La cruda realidad

No todos los plugins hacen bien el trabajo cargando scripts y estilos, muchos de ellos solo piensan en su funcionalidad, sin tener en cuenta que tendrán que convivir con otros plugins, con tu theme, incluso con WordPress. Muchos desarrolladores meten “lo suyo” y luego te tienes que buscar la vida si hay problemas, incluso recomendándote (cuando les preguntas) que desactives los otros plugins o “cambies de theme” (verídico).

No todos los plugins usan métodos adecuados para la carga de scripts y estilos. La mayor parte de las ocasiones es porque no dominan dos importantes funciones de WordPress: wp_enqueue_script() y wp_enqueue_style(). Si el autor de un plugin/theme no usa estas funciones mejor búscate otro plugin/theme o anímale a hacerlo. Lo que hacen es permitir al resto convivir con su código.

Una vez tengas claro que scripts o CSS quieres desactivar ya te puedes poner manos a la obra …

Desactivando JavaScript

En el ejemplo vamos a desactivar el Javascript del plugin Contact Form 7. Lo primero que tenemos que hacer es encontrar la llamada al script. Para eso abrimos el fichero wp-contact-form-7.php en un editor de texto y buscamos la cadena wp_enqueue_script. Encontraremos lo siguiente:

wp_enqueue_script( 'contact-form-7', wpcf7_plugin_url( 'contact-form-7.js' ), array('jquery', 'jquery-form'), WPCF7_VERSION, $in_footer );

La llamada al Javascript del plugin es, en consecuencia, contact-form-7. Ahora ya podemos cerrar el archivo y seguir adelante.

A continuación abrimos el fichero functions.php de tu theme y añadimos este código PHP:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
	wp_deregister_script( 'contact-form-7' );
}

Guardamos el archivo y lo que conseguimos es que el script no se vuelva a cargar. Puedes desactivar (desregistrar) tantos scripts como quieras con esta función.

Desactivando estilos

Para este ejemplo vamos a desactivar la hoja de estilos del plugin WP-PageNavi. Y es que es casi mejor siempre añadir estilos en tu CSS, y no que los coja de las carpetas de los plugins, a veces actualizan los plugins con cambios de CSS que pueden destrozar tu theme.

Lo primero que tenemos que hacer es abrir el fichero wp-pagenavi.php en un editor de texto y buscar wp_enqueue_style. Lo que encontramos es este código:

wp_enqueue_style('wp-pagenavi', get_stylesheet_directory_uri().'/pagenavi-css.css', false, '2.50', 'all');

Y también este otro:

wp_enqueue_style('wp-pagenavi', plugins_url('wp-pagenavi/pagenavi-css.css'), false, '2.50', 'all');

Lo que estamos buscando es como Page Navi gestiona los estilos. Una vez lo hemos encontrado ya lo podemos cerrar (tras analizarlo) y añadir lo siguiente al fichero functions.php de tu theme:

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );

function my_deregister_styles() {
	wp_deregister_style( 'wp-pagenavi' );
}

Con esto desactivamos la hoja de estilos de este plugin. Como antes, puedes “desregistrar” cuantos estilos quieras con esta función.

Trucos para mejorar la tarea

Ahora que hemos desactivado scripts y estilos hay algunas cosas que podemos hacer para mejorar esta técnica o darle otros usos:

• Coloca los estilos desactivados (o los que quieras cambiar) al final de tu hoja de estilos (style.css), añadiendo algún comentario que los identifique, que muestre a qué afectan.
• Combina varios scripts en un solo archivo y cárgalos tu mismo.
• Usa tags condicionales para afinar el control de la carga de estilos y/o scripts.
• Si desactivas algo puede que el plugin/theme deje de funcionar correctamente. La mayoría de los estilos puedes añadirlos a la hoja de estilos de tu theme para así no cargar varias hojas de estilos. Pero con el Javascript es distinto, con este tipo de código solo combina varios scripts si sabes realmente lo que estás haciendo

¿Te gustó este post? ¡Compártelo!

Darío Ferrer, un buen conocido de todos del foro ha elaborado un plugin que va más allá de lo que estamos acostumbrados, toda una virguería que seguro que vais a apreciar.

Según el mismo comenta con WP Smart Image puedes:

• Elegir la imagen a mostrar.
• Elegir entre los cuatro tamaños que genera Wordpress: miniatura, medio, grande y full.
• Enlazar la imagen al artículo o dejarla sin enlace.
• Agregar clases e IDs personalizadas a tus imágenes para aplicar estilos CSS, o bien gestionarlas con javascript, php, etc.
• Mostrar imágenes en la lista de entradas que se encuentran ocultas en el contenido.
• Obtener sólo la URL de la imagen en lugar de la etiqueta completa.
• Personalizar atributos ALT y TITLE predeterminados si éstos no han sido configurados.
• Agregar enlace a la versión full de la imagen desde la miniatura o tamaño medio.
• Personalizar las imágenes genéricas (y sus rutas) para todos los tamaños, las cuales aparecerán cuando el artículo no tenga imágenes.

Una gozada que no debes perderte.

¿Te gustó este post? ¡Compártelo!

¿Te gustó este post? ¡Compártelo!

No te pierdas el canal twitter de wwwhatsnew.com. twitter.com/wwwhatsnew te trae la mejor selección de noticias de tecnología, polémicas y curiosidades de nuestro día a día.

Promociona tu web con BetaBlocks (www.betablocks.com).