domingo, 14 de agosto de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Tunea el escritorio de WordPress

Posted: 14 Aug 2011 03:15 PM PDT

Una de las cosas que me encanta de WordPress son los plugins. Y es que aunque habitualmente comparta funciones o hooks con los que modificar aspectos de WordPress, cuando sale un plugin que nos facilita la vida para que con un par de clics hagas virguerías me encanta.

CMSfy es una de estas pequeñas maravillas. Como herramienta de personalización de la administración de WordPress no tiene precio, y encima es gratis, a nuestra disposición en el instalador de plugins y el repositorio oficial, vamos, que no se le puede pedir más.

¿Que qué hace?, pues un poco de todo … 

Lo que busca es ofrecer una personalización completa de la administración de WordPress, y para ello ofrece una única pantalla, eso si, con 3 pestañas distintas y multitud de posibilidades en cada una. Es lo que se suele llamar un “tweaker“.

En la primera pestaña podemos realizar multitud de personalizaciones a la visibilidad de los elementos en la administración, decidiendo que verán los usuarios de nuestro WordPress y que no. No te las detallaré todas porque son una cantidad enorme, pero puedes ocultar las actualizaciones a los que no sean administradores, elegir que widgets de Escritorio se verán, que widgets estarán disponibles para las barras laterales, incluso que columnas verás en las ventanas de entradas y páginas.

La segunda, llamada “Media“, nos ofrece un par de cuestiones importantes. Por una parte podemos provocar que las imágenes que subamos se redimensionen automáticamente en la carga, evitando un consumo excesivo de espacio y tiempo en carga del servidor por culpa de usuarios pedorros que suben sus fotos a tope de calidad, por ejemplo.

Lo siguiente que nos ofrece esta pestaña es poder añadir tamaños adicionales que se crearán al subir una imagen, definiendo no solo el tamaño, que eso ya lo puedes hacer en la página de ajustes estándar, sino también los nombres de las distintas imágenes. No sustituyes los tamaños estándar sino que puedes crear más.

En la tercera y última pestaña de configuraciones, llamada “Editor“, puedes mejorar algo el editor de entradas TinyMCE, eligiendo que formatos de estilo de texto quieres que se muestren (que siempre sobran), pero también puedes añadir formatos y tamaños nuevos, a tu gusto.

Y si te quedas con ganas de más en la última pestaña tienes una serie de plugins recomendados para mejorar la experiencia y el control de tu CMS WordPress.

Bien ¿no?

Yo creo, no obstante, que aún se puede mejorar más el plugin, pues por ejemplo no te permite definir que perfil de usuario verá según que cosas, por ejemplo. En la versión actual si inactivas, por poner un caso, el widget Quick Press no estará disponible ni para el administrador. Con eso sería perfecto del todo. Pero vamos, que es genial, y más para una versión tan temprana como la 0.5.

Contenido exclusivo para suscriptores al Feed

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

Clic aquí para iniciar la descarga Guía Windows Live Writer

sábado, 13 de agosto de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

WordPress, Drupal y Joomla ¿quien gana?

Posted: 13 Aug 2011 03:17 PM PDT

De verdad, que no es por volver a la eterna discusión. En Deviousmedia han creado una infografía en la que se comparan “datos” sobre Drupal, Joomla! y WordPress. Los resultados ya los analizas tu y así no hay interpretaciones por mi parte.

¿Mi opinión? …

Adivínala :D

Tu fíjate en la información de la infografía (muy interesante por cierto) y luego comentas. Ya entraré al trapo en los comentarios (seguro)

Por si no te manejas bien con el inglés voy a hacer un resumen de datos realmente curiosos, que dicen “muchas cosas”:

  • Nº de sitios que lo usan: WordPress (14,3%), Drupal (1,6%), Joomla (2,7%)
  • Coste promedio de configuración y mantenimiento por profesionales: WordPress (250$ a 15.000$), Drupal (5.000$ a 50.000$), Joomla (2.000$ a 20.000$)
  • Coste promedio por mantenimiento mensual por profesionales: WordPress (250$), Drupal (1.500$), Joomla (500$)
  • Búsquedas globales en Google: WordPress (30,4 millones), Drupal (5 millones), Joomla (11,1 millones)
  • Estabilidad nada más instalarlo: WordPress (5/5), Drupal (4/5), Joomla (4/5)
  • Facilidad de instalación: WordPress (para niños), Drupal (para equilibristas), Joomla (para adultos) - esto es interpretación mía de los dibujos
  • Facilidad de moderación: WordPress (para niños), Drupal (para equilibristas), Joomla (para adultos)- esto es interpretación mía de los dibujos
  • ¿Para quien es?: WordPress (para cualquiera), Drupal (para expertos), Joomla (para usuarios avanzados) – esto es interpretación mía de los dibujos

La encontré googleando en una aburrida tarde de verano.

viernes, 12 de agosto de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

2.400 blu ray de doble cara para almacenar un año de la comunidad WordPress

Posted: 12 Aug 2011 03:10 PM PDT

Si quisieras almacenar todas las publicaciones creadas en un solo año por la comunidad WordPress necesitarías 2.375 discos blu ray de doble capa, ahí es nada.

Este es uno de los datos que han recopilado en Broadband Choices y han incluido en una interesantísima infografía en la que, entre otros, se pueden leer estos también interesantes datos:

  • El 48% de las webs usan aún Flash
  • XHTML ya se usa más (65%) que HTML (36%)
  • El 28% de las webs tiene errores (404 o 503)
  • Solo el 2,63% de las webs usa HTML5
  • Google Analytics es la herramienta de medición  más popular (58%)
  • El 62% de Internet se aloja bajo Apache
  • Hay casi 165 millones de blogs
  • Para hacer backup de las entradas publicadas en un solo año por la comunidad WordPress harían falta 2.375 discos blu ray de doble capa
  • Aún el 46,9% de los usuarios usan Internet Explorer en alguna de sus versiones, el 30,8% usan Firefox y Chrome ya lo usan el 14,9% de los navegantes.

El resto de los datos en esta bonita infografía sobre ¿De qué están hechas las webs?

jueves, 11 de agosto de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Compartir con estilo

Posted: 11 Aug 2011 03:59 PM PDT

A veces parece que los chicos de Automattic me leen el pensamiento, y me alegro. Y es que resulta que ayer mismo, tras publicar una entrada en uno de los blogs que tengo en WordPress.com me fijé en lo feo que quedaba la zona de iconos para compartir que añade el plugin ShareDaddy, en modo texto, a distintos tamaños, realmente horrible. Aquí una muestra …

Pues bien, también ellos están de acuerdo y han introducido un cambio mediante el cual ahora los enlaces para compartir tus entradas en Facebook, Twitter, Google +1, etc, son botones, todos con una estética similar, y se acoplan al final de las entradas de manera ordenada, con estilo. Y esta es la prueba …

El cambio es importante, y lo mejor de todo (como siempre, es una de las ventajas de tener tu sitio en WordPress.com) no tienes que hacer nada, funciona por si solo mejor sin esfuerzo por tu parte.

Mejor ¿no?

WordPress con Timthumb hackeado hacen black hat SEO en Google Images

Posted: 10 Aug 2011 05:15 PM PDT

Según el blog de Unmask Parasites, más de 4.000 sitios WordPress hackeados estarían inundando de imágenes utilizadas para posicionar sitios de falsos antivirus.

Lo que hacen estos indeseables del Black Hat SEO, usando el exploit en Timthumb del que avisé, es lo siguiente …

Con el siguiente patrón de URL: hxxp:///?[a-f]{3}= , donde [a-f]{3} es una combinación de tres letras desde la "a" a la "f" y las son combinaciones de palabras clave separadas por guiones que contienen o imágenes de palabras o imágenes normales, por ejemplo:

hxxp://ejemplo.com/?fef=imágenes-de-mitzi-mueller-wrestling
hxxp://ejemplo.net/?cda=imagen-frutas-tropicales-index

Para ello usan páginas con puerta trasera que introducen en plantillas normales de sitios WordPress, donde el contenido original se reemplaza con unas veinte miniaturas y pequeños bloques de texto relativos a las palabras clave a posicionar.

Las imágenes no están enlazadas desde sitios externos sino que enlazan a imágenes a "tamaño completo" con URLs como estas:

PHP:
  1. /?[a-f]{3}=<keywords><encrypted-key><short-name>.jpg

Por ejemplo:

PHP:
  1. /?fec=imágenes-de-blagojovich-arrestado-Eun8671l43WGQNUa7rKWUdG/5d60kf6AQ4VM4KfPdbfaMro2PNRMVlYmniC50Kh6SJdwMkeSz7s19kggH0WT4j_AYuW36OEWyfkABshi/Tk5R16sYiKUfS8OJGDZ_K7p/WoYUNZZ_Q==uek.jpg

En la parte superior de las imágenes se muestra una inscripción - el nombre de dominio del sitio hacheado. De este modo los indeseables estos hacen parecer que las imágenes pertenecen al sitio que han hackeado, como si fuera contenido propio, no imágenes insertadas o robadas. Al mismo tiempo, de este modo, es más fácil identificar la imagen envenenada en los resultados de búsqueda.

Los archivos de imágen contienen la siguiente cadena en su interior: < CREATOR: gd-jpeg v1.0 (using IJG JPEG v62), quality = 100. Esto significa que se crearon usando la biblioteca gráfica GD.

Parece ser que los hackers usan un script PHP para coger imágenes bien posicionadas (en los resultados de búsqueda de Google Imágenes), las redimensionan a tamaño de miniatura (un ancho de entre 200 y 300 pixels) y a tamaño completo (algunas a tamaño aleatorio, en algunos casos incluso a tamaños mayores que la original, para posicionarlas mejor al ser más grandes en pixels) y finalmente añaden el sello del nombre del dominio hackeado.

Marcas temporales

Al fondo del código HTML de las páginas puerta trasera puedes ver comentarios como estos:

PHP:
  1. <!-- 7/24/2011 4:30:03 PM --><!-- new england railroad pictures -->

La marca temporal y las palabras clave. De este modo puedes fácilmente ver cuando se creó la puerta trasera.

Redirecciones

Las páginas puerta trasera tienen buenas posiciones en algunas palabras clave tanto en la búsqueda web de Google como en la de Imágenes (especialmente cuando buscas la frase exacta). Sin embargo, las redirecciones maliciosas ocurren solamente cuando haces clic en el resultado de búsqueda en Google Imágenes, lo que prueba que la meta final es inundar Google Imágenes de estas imágenes, o sea, una campaña pura y dura de black-hat SEO.

La redirección tiene dos etapas. En la primera la redirección va a un servidor intermedio (TDS) que, a continuación, redirige a unas páginas web que lanzan una herramienta antivirus falsa (hay dos variaciones diferentes).

Esta es una cadena real de redirección:

PHP:
  1. 302->hxxp://video.bywhy .com/?k=girdles+pictures&s=google&r=http%3A%2F%2Fwww.google.com%2Fimgres%3Fimgurl%3Dhttp%3A%2F%2Fbcsmusic.me%2F%253Fbdd%253Dgirdles-pictures-Vyhynx%2FbFO_9rUEvfK72isOTIVpmnmzLxnzp51gHqzVXi5I5jE2lyrsssMFcfbwOFoXk3VR8TwxTQeexe%2FonLd6RPIG_M6hkLQMh6ACctX4kzsuwbN5w_6YOYxZYj1AJQl1OBCXNjPYQoA%253D%253Dxy5.jpg%26imgrefurl%3Dhttp%3A%2F%2Fbcsmusic.me%2F%253Fbdd%253Dgirdles-pictures%26usg%3D__6ho2Rtl5S4GcwInf2xzUhPN4vkI%3D%26h%3D439%26w%3D262%26sz%3D98%26hl%3Den%26start%3D19%26zoom%3D1%26um%3D1%26itbs%3D1%26tbnid%3DoHNHWFmQjxIwqM%3A%26tbnh%3D127%26tbnw%3D76%26prev%3D%2Fsearch%253Fq%253Dsite%3Abcsmusic.me%2526um%253D1%2526hl%253Den%2526sa%253DN%2526channel%253Dfs%2526biw%253D1222%2526bih%253D260%2526tbm%253Disch%26ei%3DnU80TtGDG4mE-wa5vPH9DA&d=http%3A%2F%2Fbcsmusic.me%2F%3Fbdd%3Dgirdles-pictures
  2.  
  3. 302->hxxp://update34.svernick .in/index.php?Q0rhQ9S3be5GTHpOM5RNjiUpBaa7CmPerSb+VBBE57iCXCC1iDs+XgOe4qXsg1ggs5uk7Ck1GcwyRZ2vqM7MPVofO5WM3eBmP5tRpBeBu/kPphowRYvnTq2+4BmHNg==

Como puedes ver, el servidor TDS recibe información acerca de las palabras clave, la fuente, y de la URL de referencia.

El dominio intermedio cambia cada día. En realidad pertenecen a otros sitios hackeados (en su mayoría creados con WordPress)

Aquí tienes unos cuantos dominios del TDS intermedio usados en este ataque:

video.bywhy .com
ppopo2.bget .ru
awalstudios .com
demo.hireindians .net
www.privatepilot .hu
footballgirdles .tk

El nombre de dominio de la página web del falso antivirus consiste en un dominio .in que cambia cada día, y unos cuantos subdminios "updateNN" o "scanNN", por ejemplo, "update82.yourscan.in" o "scan73.moomles.in.

Aquí tienes unos cuantos dominios .in de los falsos sitios antivirus usados en este ataque:

spelleit .in
svernick .in
senerino .in
moomles .in
klopster .in
bastandro .in
waspeeds .in
yourscan .in
x-scan .in

La mayoría de los sitios .in apuntan a la dirección IP 193.105.154.31 (Reino unido, con información de contacto de Lituania).

Rango de detección

Los falsos sitios antivirus lanzan ejecutables .exe "scareware" con nombres como InstallSecurityScanner_NNN.exe, o
InstallSecurityScanner_225.exe. Estos archivos se vuelven a re-empaquetar cada día y su rango de detección (según VirusTotal) es bastante bajo. El rango típico de detección para ficheros servidos actualmente es de 8/43 (18,6%). Esto suele mejorar en tanto en cuanto el fichero malicioso no se use y se sirva un nuevo fichero con bajo rango de detección desde el servidor del antivirus.

Como he comentado arriba, y por concretar más, se han detectado 4.358 sitios comprometidos. Actualmente Google ha detectado menos del 5% de los mismos. Si usas la página de diagnóstico de navegación segura de Google te dice algo así:

El software malicioso está alojado en 2 dominio(s), incluyendo bastandro .in/, senerino .in/.

Parece que 3 dominio(s) están funcionando como intermediarios para distribuir malware a los visitantes de este sitio, incluyendo hireindians .net/, awalstudios .com/, bywhy .com/.

Timthumb

Como ya avisé hace unos días, hay que poner al día Timthumb si lo usa tu tema, no hay excusas, más visto lo visto de los resultados ¿no te parece?

.htaccess

Pero no solo Timthumb es el culpable, también se han detectado sitios en los que hackers han creado un .htaccess con reglas de rewrite superiores al directorio raíz del sitio. Las reglas de rewrite mapean las URLs puerta trasera a algún script PHP. Ahí es nada.

Cache

Todas las páginas puerta trasera están cacheadas en alguna parte del servidor. Al contrario que otros ataques de envenamiento SEO estos no se hacen en vivo. Si especificas algunas palabras clave diferentes en la URL obtendrás un error 404. Dicho sea de paso, estas páginas de error 404 son distintas a las normales que tenga el sitio hackeado.

Otra prueba de que el contenido spam está cacheado y de que no se inyecta en la ejecución de páginas activas de WordPress son las marcas temporales en el fondo del código HTML y de las entradas antiguas de la sección de "Entradas recientes". En algunos sitios, en vez de una plantilla real del sitio, usan una plantilla prefabricada de Kubrick con una marca final que no cambia de sitio a sitio sino que es siempre la misma (WordPress 2.3.1, 22 queries, 0.912 seconds).

¿Que hago?

Hay varias comprobaciones y/o acciones que podemos realizar:

  1. Pues lo primero repasar tu fichero .htaccess y elimina cualquier regla de rewrite que no sepas que hace. Ante la duda bórralo y vuelve a guardar la estructura de enlaces permanentes en los Ajustes de WordPress para que se vuelva a crear uno limpio.
  2. Actualiza TimThumb a la versión segura. Ya te he puesto los enlaces a las maneras de hacerlo más arriba, en la entrada que escribí el otro día tienes los distintos modos de hacerlo
  3. Ve a las Herramientas para Webmasters de Google y revisa si tu sitio tiene software malicioso
  4. Instala algún plugin detector de exploits y ejecútalo. Hay varios y buenos "en el repositorio oficial", haz una búsqueda por "exploit"

Que no sea nada ;-)

Gracias a Juan por el aviso

martes, 9 de agosto de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Contenido con fecha de caducidad

Posted: 09 Aug 2011 03:11 PM PDT

Mira que hace tiempo que rondaba esta duda en mi cabeza y la de alguno más, hasta recuerdo alguna pregunta en el foro al respecto. Y es que el contenido, como todo en esta vida, caduca.

Imagina un sitio web de noticias de actualidad, sobre todo si está centrado en un nicho muy concreto como este, en el que hay información que queda anticuada, que ya no tiene sentido, bien sea por actualizaciones o por cambios de rumbo en el desarrollo de una actividad. Seguro que imaginas algunas situaciones a las que se puede aplicar esto.

Pues bien ¿no tendría sentido ocultar contenido caducado?.

Ahora plantéate lo contrario, que haya información de la que ya dispones pero que aún no puedes divulgar (o no debes), pero que quieres que esté incluida en una publicación ya existente. Un caso muy habitual, que a mi me surge muchas veces, es cuando en una entrada quiero apuntar a información de otra que tengo programada y que, a la fecha de la publicación de la primera no debería ser visible ya que daría error el enlace a la que aún no salió a la luz. ¿A que estaría bien disponer de un sistema para programar la vida y caducidad de un contenido concreto?.

Pues existe … 

Y lo mejor de todo es que puedes hacerlo mediante código puro y duro o con un plugin que te facilita la primera parte de la programación, luego solo te queda añadir los shortcodes. ¿Lo vemos? …

1. Código

Si te animas solo hay que añadir el siguiente código a tu fichero functions.php:

PHP:
  1. // Añade shortcode de caducidad //
  2.  
  3. function caducidad_shortcode($args = array(), $content = '') {
  4.     extract(shortcode_atts(
  5.         array(
  6.             'off' => 'mañana', // el shortcode no funcionará sino defines una fecha concreta
  7.         ),
  8.         $args
  9.     ));
  10.     if (strtotime($off)> time()) {
  11.         return $content;
  12.     }
  13.     return '';
  14. }
  15.  
  16. add_shortcode('caducidad', 'caducidad_shortcode');
  17.  
  18. // Añadimos un shortcode para mostrar lo que se verá tras terminar la fecha //
  19.  
  20. function muestra_shortcode($args = array(), $content = '') {
  21.     extract(shortcode_atts(
  22.         array(
  23.             'on' => 'mañana', // el shortcode no funcionará sino defines una fecha concreta
  24.         ),
  25.         $args
  26.     ));
  27.     if (strtotime($on) <time()) {
  28.         return $content;
  29.     }
  30.     return '';
  31. }
  32. add_shortcode('muestra', 'muestra_shortcode');

Una vez tenemos la función guardada ya podemos programar contenido dentro de nuestras entradas usando los shortcodes, por ejemplo un concurso:

PHP:
  1. [caducidad off="2013-01-01"]Entra al concurso, aquí tienes el enlace para participar[/caducidad]
  2. [muestra on="2013-01-01"]Lo sentimos, el concurso ha terminado, otra vez será.[/muestra]

Sencillito ¿no crees?

2. Plugin

Ahora bien, si quieres ahorrarte la parte de incluir la nueva función, puedes usar el plugin que ha creado Dave Clements, autor también del código anterior, llamado "Show/hide content at set time" (explícito que es el señorito), una mejora de otro llamado CF Expiring Content, y luego solo tienes que usar los shortcodes que indica en la página del plugin, del mismo modo que en el ejemplo de arriba.

Está bien ¿no?. Espero te sirva para alguno de tus sitios, presentes o futuros.

Contenido exclusivo para suscriptores al Feed

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

Clic aquí para iniciar la descarga Guía Domina tu Blog

lunes, 8 de agosto de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Comparte desde WordPress.com en páginas de Facebook

Posted: 08 Aug 2011 03:05 PM PDT

Si hasta ahora podías configurar tu sitio en WordPress.com para que se compartieran tus publicaciones en Twitter, Yahoo, LinkedIn y, por supuesto en Facebook, ahora se ha dado un paso más.

La novedad es que ahora, al compartir en Facebook desde “Ajustes -> Compartir” ya no solo puedes compartir tus entradas en tu perfil, sino que puedes elegir cual de las páginas que gestiones va a publicar tus nuevas entradas automáticamente.

El proceso es sencillo, simplemente lo configuras y te da a elegir, de la lista de tus páginas, para que marques en el muro de cual quieres publicitar tus entradas de tu sitio en WordPress.com.

La verdad es que es muy cómodo pero sobre todo útil porque, a mi modo de ver, la mayoría de los sitios no suelen ir asociados a perfiles personales sino de proyecto o empresa, y para eso – en Facebook – solíamos usar páginas más que perfiles, y esta nueva opción en WordPress.com se adapta a esta peculiaridad, algo que creo que es más obvio ¿no te parece?

domingo, 7 de agosto de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Detectar usuarios con iPhone de forma nativa en WordPress

Posted: 07 Aug 2011 03:15 PM PDT

Ayuda WordPress iPhone

Aunque hay algunos plugins, y temas, que sirven para ofrecer una versión móvil de tu sitio WordPress a usuarios de dispositivos móviles como iPhone igual tiene sentido usar una variable nativa que ya existe en WordPress para detectar este tipo de cacharritos y así prescindir de ayudas externas ¿sabías que existía esta función?, pues existe.

Así que, si te animas, es bastante fácil, solo tienes que hacer dos pasos: crear la función y añadir un poco de CSS para que se vea distinto (es lo menos ¿no?).

Vamos a ver como sería … 

1. Crear la función

Asegúrate, eso si, de que pegas la función antes del cierre de la etiqueta . Por defecto, por ejemplo, el tema TwentyEleven usa la función body_class(); en la cabecera del fichero header.php para añadir clases de manera dinámica a la etiqueta < body >, pero cada tema es distinto.

Por ejemplo, si estás viendo una página en WordPress, es un ejemplo de una clase para el cuerpo de una página o entrada sencilla, lo que te permite cambiar el estilo de ciertos elementos de tu diseño de manera dinámica usando CSS. Si tu tema no usa la etiqueta body_class(); inclúyela de este modo:

PHP:
  1. <body <?php body_class(); ?>>

WordPress dispone de variables globales que pueden usarse para detectar navegadores, como la que aquí estamos tratando, la variable $is_iphone. Esta variable está incluida en el fichero vars.php de la instalación de WordPress, en estas líneas:

PHP:
  1. if ( $is_safari && stripos($_SERVER['HTTP_USER_AGENT'], 'mobile') !== false )
  2.   $is_iphone = true;

Vamos a usar esta variable junto con la clase 'body'. Para hacerlo primero escribimos esta función:

PHP:
  1. <?php
  2. function detectar_iphone($iphone) {
  3.     global $is_iphone;
  4.     if($is_iphone) $iphone[] = 'iphone';
  5.     return $iphone;
  6. }
  7. add_filter('body_class','detectar_iphone');
  8. ?>

Ya tenemos hecha la función. Lo primero que hace es darle un nombre, en este caso 'detectar_iphone', para poder reconocerla entre el resto de funciones. Luego se le añade la variable 'global', nuestra ya querida $is_iphone, esto se hace así porque la variable está definida fuera de nuestra función. A continuación le decimos a WordPress que si se produce esa condición (que hay un iPhone navegando por nuestro sitio) añadamos 'iphone' a nuestra clase 'body'. Una vez lo tenemos ya podemos pegar este código de arriba antes de < / head > en nuestro tema activo, normalmente en el archivo header.php, como he comentado antes.

2. Un poco de CSS

Como ya hems creado la función ya solo nos queda crear un CSS específico para esa clase 'iphone' a la que llamamos. En la misma podemos añadir muchos elementos de estilo, como por ejemplo una etiqueta h1 distinta, algo así:

Por ejemplo, donde tengamos la clase h1 de nuestra hoja de estilos (habitualmente en el fichero style.css de nuestro tema activo) le vamos añadiendo la clase 'iphone' que adapte el diseño al dispositivo:

CSS:
  1. h1 {
  2. font-size: 30px;
  3. line-height: 110%;
  4. text-decoration: underline;
  5. }
  6.  
  7. .iphone h1 {
  8. font-size: 35px;
  9. text-decoration: none;
  10. color: #FF0000;
  11. }

Y así sucesivamente, hasta que ofrezcas una versión para iPhone totalmente a tu gusto.

¿Que no te animas?, pues puedes recurrir a plugins como mobble que añade más variables o WpTouch que lo hace todo el solito.

Contenido exclusivo para suscriptores al Feed

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

Clic aquí para iniciar la descarga Guía para Administrar WordPress

M-shots en WordPress alojado

Posted: 07 Aug 2011 08:34 AM PDT

Hace mucho tiempo, te guste o no, existe en WordPress.com el servicio conocido como Snap Shots, facilitado por 'mshots', mediante el cual, si está activo, puedes ver una captura emergente de una web sobre su enlace ¿a que te suena?.

Pues bien, puedes usar este servicio también en tu WordPress alojado de dos maneras, mediante un código que aprovecha el 'mshots' alojado en WordPress.com, para que no tengas que instalarlo tu mismo y, si lo prefieres, mediante un sencillo plugin.

Vamos a ver las dos maneras de hacerlo …

1. Plugin

Bien sencillo, solo tienes que instalar el plugin Snap Shots para WordPress.org, activarlo y ya podrán ver tus visitantes capturas emergentes de las URLs enlazadas en tus entradas. El resultado es fácil e inmediato.

Solo hay un paso previo, registrarte y obtener un código en la web de Snap Shots

2. Código

El otro modo, más personalizable por supuesto, pasa por añadir un código al fichero functions.php de tu tema activo y luego activar - a voluntad - las capturas (o no) de las URLs que enlaces en tus entradas. Como puedes ya vislumbrar aquí tienes mucho más control sobre el contenido que en la opción de plugin.

Lo primero es añadir este código al fichero functions.php:

PHP:
  1. function aw_snap($atts, $content = null) {
  2.         extract(shortcode_atts(array(
  3.             "captura" => 'http://s.wordpress.com/mshots/v1/', //usamos el servicio ya instalado en wordpress.com
  4.             "url" => 'http://ayudawordpress.com', //url por defecto de las capturas si no modificamos el shortcode
  5.             "alt" => 'Mi sitio',
  6.             "w" => '400', // ancho
  7.             "h" => '300' // alto
  8.         ), $atts));
  9.         $img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>';
  10.         return $img;
  11. }
  12. add_shortcode("snap", "aw_snap");

Con esta función creamos el 'shortcode' que podrás usar en tus entradas y, en caso contrario, hará capturas por defecto de tu propia URL, en este caso a ayudawordpress.com. También definimos una altura y ancho de la captura por defecto, que podemos modificar en cada shortcode si lo deseamos.

Por ejemplo, si en una entrada introducimos esto … 

[captura url="http://ayudawordpress.com/servicios/" alt="Servicios Ayuda WordPress" w="300" h="200"]

Lo que hacemos es introducir una captura de la página de servicios de Ayuda WordPress con un ancho de 300px y un alto de 200px, con lo que modificamos los parámetros por defecto.

Fácil ¿no?

Bueno, pues tu eliges el método, si es que te gusta esto de los "snap shots", a mi personalmente me horroriza.

Seguidores

Archivo del blog