jueves, 15 de septiembre de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Añadir y quitar enlaces en la barra de admin de WordPress

Posted: 15 Sep 2011 03:14 PM PDT

La barra de admin, te guste o no, está aquí para quedarse. Y, no sé si te pasa como a mi, pero los enlaces por defecto no se adaptan a mis necesidades, especialmente en la visualización desde el exterior, en tu web.

Hay enlaces que me sobran y otros que me faltan. Por ejemplo, yo gestiono los comentarios mediante Disqus, y el enlace de acceso rápido a la administración de comentarios que me ofrece es precisamente el que no uso, el nativo de WordPress. Así que me puse a buscar como adaptarla a mis gustos y este es el - satisfactorio - resultado.

1. Añadir enlaces a la barra de admin de WordPress

Sin más dilación, abrimos el fichero functions.php de nuestro tema activo y añadimos el siguiente código, previa personalización del enlace o enlaces que queremos añadir. Vamos, que no dejes los que aquí ves como ejemplo:

PHP:
  1. // añade enlaces/menús a la barra de admin
  2. function mytheme_admin_bar_render() {
  3.     global $wp_admin_bar;
  4.     if ( !is_super_admin() || !is_admin_bar_showing() )
  5.         return;
  6.     $wp_admin_bar->add_menu( array(
  7.         'parent' => 'comments', // usa 'false' para que sea un menú superior o sino indica el ID del menú superior
  8.         'id' => 'false', // ID del enlace, por defecto debe ser un valor de título
  9.         'title' => __('Disqus'), // título del enlace
  10.         'href' => admin_url( 'edit-comments.php?page=disqus') // hombre del archivo al que enlaza, en mi caso disqus
  11.     ));
  12. }
  13. add_action( 'wp_before_admin_bar_render', 'mytheme_admin_bar_render' );

¿Qué he hecho aquí?, pues primero defino las variables para que solo sea accesible para usuarios con perfil de administrador ('es_super_admin() || !is_admin_bar_showing() )'). Si la condición se cumple empieza el "array". Primero defino un menú superior (parent), en este caso mi nuevo enlace será un submenú del de comentarios, para luego añadir el título (title) del menú, en este caso Disqus, y al final (href) poner el enlace al fichero concreto a abrir (edit-comments.php?page=disqus). Y ya, añado la acción y cierro.

El resultado es esto:

2. Quitar enlaces de la barra de admin de WordPress

Si lo que quieres es quitar enlaces de los que vienen por defecto lo que tienes que incluir en el fichero functions.php de tu tema activo es algo así:

PHP:
  1. // quita enlaces/menús de la barra de admin
  2. function mytheme_admin_bar_render() {
  3.     global $wp_admin_bar;
  4.     $wp_admin_bar->remove_menu('comments');
  5. }
  6. add_action( 'wp_before_admin_bar_render', 'mytheme_admin_bar_render' );

En este ejemplo, lo que quito es el enlace por defecto a los comentarios, que es el que me sobra como ya te he comentado antes. Si quieres quitar otros los parámetros que puedes usar son los siguientes:

  • my-account – enlace a tu peril de usuario (sin avatares)
  • my-account-with-avatar – enlace a tu perfil de usuario (con avatares)
  • my-blogs – el menú "Mis sitios" si el usuario tine más de un sitio en multisitio
  • get-shortlink – ofrece un enlace corto a la página activa
  • edit – enlace a la página de Editar/Escribir nueva entrada
  • new-content – enlace al desplegable de "Añadir nueva"
  • comments – enlace al desplegable de "Comentarios"
  • appearance – enlace al desplegable de "Apariencia"
  • updates – el desplegable de "Actualizaciones"

Bueno, anímate y verás que bien.

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

WordPress ya tiene master de postgrado

Posted: 15 Sep 2011 10:10 AM PDT

Desde hace ya varios años que, como docente de Semanticae, vengo impartiendo los módulos de WordPress y Blogs corporativos en el Master en Comunicación Audiovisual que el prestigioso Instituto ofrece para estudiantes de postgrado en colaboración con la Universidad CEU San Pablo.

El Máster Universitario en Comunicación  es un programa oficial de postgrado (70 ECTS) de orientación profesional impartido en colaboración por TRACOR y la Universidad CEU San Pablo y que tiene por fin formar a los alumnos en las competencias necesarias para desempeñarse laboralmente como profesionales de la comunicación publicitaria, periodística o audiovisual en Internet y los Nuevos Medios.

Durante este master enseño a los alumnos como usar WordPress para comunicar efectivamente en la red, desde la instalación del hasta la redacción 2.0.

Ya ha comenzado el nuevo curso, un año más, con la novedad de que existe la posibilidad de recibirlo online, te espero.

Taller de creación de temas WordPress

Posted: 15 Sep 2011 09:19 AM PDT

Si recuerdas a Nekko, que ya ha publicado varias entradas en Ayuda WordPress, sabrás que es alguien a quien seguir, que le gusta compartir conocimientos.

Pues bien, ahora está elaborando un taller de creación de temas WordPress en su blog, del que va por la tercera sesión. Y como es de vital importancia la participación para la elaboración de los siguientes temarios os animo a aprender con lo ya publicado y participar para que al final se cree un estupendo .

El temario es el siguiente:

Clase 1: Introducción: Instalar WordPress en un servidor local

Generar una base de datos desde
Contenido de pruebas para la plataforma

Clase 2: Cómo encarar el diseño a partir de un archivo PSD
Presentamos nuestra plantilla.
Introducción a las partes de un .

Clase 3: ¡Comenzamos a maquetar!
Comenzamos a maquetar el index.php
Funciones básicas de header.php
El archivo de estilos

Clase 4: El bucle. ¿Qué es? ¿Cómo y dónde se usa?

Clase 5: Jerarquía de templates.

Clase 6: Header.php. Funciones, composición, barra de navegación.

Clase 7: Sidebar.php. Composición, elaborar una sección de Widgets.

Clase 8: Footer.php. Funciones, composición y widgets.

Clase 9: Single.php y Page.php.

Clase 10: Page template con una segunda sidebar.

Clase 11: archive.php y por categoría, fecha, autor, taxonomía, etiqueta.

Clase 12: Páginas personalizadas: Consultas personalizadas.

Clase 13: Página de búsquedas: search.php e integración con CSE

Clase 14: Insertar anuncios

Clase 15: Páginas de error personalizadas

Clase 16: Implementar un slider para el inicio: Nivo-slider sin plugins.

Clase 17: y breadcrumbs.

Clase 18: Comentarios.

Clase 19: Plantilla para una sección de portafolio.

¡Genial, no te lo pierdas!

miércoles, 14 de septiembre de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

De iWeb a WordPress

Posted: 14 Sep 2011 07:20 AM PDT

Es verdad que ya expliqué hace bastante tiempo como exportar de iWeb a WordPress, pero como dicen los abuelos “las ciencias avanzan que es una barbaridad” y a día de hoy ya hay una solución más sencilla y elegante para convertir un sitio creado con , la aplicación de , a WordPress.

iWeb to WordPress, de Rage Software, es una aplicación (de pago eso si) que por 39,95$, unos 29€ al cambio de hoy, facilita sobremanera migrar de iWeb a WordPress.

Quizás te preguntes “¿y por qué voy a hacer esta , gastándome dinero, si en realidad el blog que monté con iWeb está precioso y funciona?“, pues mira por donde, porque cuando Apple abandone el proyecto , algo que está al caer, los comentarios van a dejar de funcionar, solo por eso ya merece la pena pues en los tiempos que corren no tiene sentido un blog sin comentarios, sin interacción del usuario ¿no te parece?.

Pues eso, si tienes algo hecho con iWeb más te vale ir migrándolo porque en gran medida dejará de funcionar como hasta ahora.

Volviendo a iWeb for WordPress, es una aplicación para Mac OSX que, tras instalarla, es coser y cantar. Abriendo la ventana principal solo tienes que hacer lo siguiente para exportar tu iWeb a WordPress:

  1. Abre iWeb y exporta tu sitio a una carpeta local
  2. Debes introducir la URL de tu sitio en MobileME en el campo de URL del sitio al exportarlo a iWeb. Si no haces esto no se exportarán los comentarios
  3. Luego abre (o arrástrala a la ventana) la carpeta de tu sitio exportada en iWeb for WordPress
  4. ¡Ya está!, la aplicación genera todo lo necesario para montar tu sitio en WordPress, o añadirlo a una instalación existente

En este vídeo tienes el proceso, para que veas lo sencillo que es …

Puedes descargar la aplicación pero solo funcionará la exportación de entradas y comentarios a WordPress si pagas el software.

martes, 13 de septiembre de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Precarga de WordPress en Google Chrome

Posted: 13 Sep 2011 07:27 AM PDT

El 'Prefetching' y la '' son parte de las nuevas características de de v13+. Lo que hace el navegador es precargar webs adicionales mientras el usuario visita una página. Y resulta que en WordPress, muchas veces es posible saber donde hará clic el usuario a continuación.

Por ejemplo, cuando un visitante está leyendo la página de archivo (de categorías o tags), es bastante probable que el usuario haga clic en el enlace para ir a la siguiente página de archivo. En estos casos, el 'prefetching' y la 'precaria' pueden empezar a cargar la siguiente página incluso antes de que el usuario haga algún clic, para que cuando haga el clic la página que quiere ver ya esté lista para leer, en cuestión de milisegundos. El concepto de prefetching está incluido en las especificaciones de , así que otros navegadores incluirán pronto esta nueva característica.

Si quieres saber más al respecto tienes mucha información en code.google.com y www.chromium.org.

En lo que a mi respecta espero que sea una funcionalidad por defecto en la mayoría de los temas, pues mejora la experiencia de usuario.

Pero vamos al lío …

Si quieres incluir la característica de /precarga en tu web puedes hacerlo añadiendo una etiqueta de enlace en la cabecera:

PHP:
  1. <link rel="prerender" href="http://example.org/nextpage.html">

Y si usas WordPress, podrías automatizar la etiqueta de enlace para las páginas de archivo en el fichero header.php, simplemente habría que añadir este

PHP:
  1. <?php if (is_archive()) { ?>
  2. <link rel="prerender" href="<?php echo get_next_posts_page_link(); ?>" />
  3. <?php } ?>

¡Pero no es lo recomendable!

Un modo mucho mejor y más seguro de añadir la etiqueta de enlace a tu WordPress, para que pueda hacer prefetch de la siguiente página de archivo pasaría por un par de validaciones adicionales:

  • un código que compruebe si la página contiene paginación (vamos, que hay más de una página)
  • un código que compruebe si el usuario está - o mejor no está - en la última página de la paginación

Si no incorporas estas validaciones podrías crear enlaces a páginas que no existan, lo que resultaría en errores 404 innecesarios.

¿La solución?, pues añadir el siguiente código al fichero header.php de tu tema:

PHP:
  1. <?php if (is_archive() && ($paged> 1) && ($paged <$wp_query->max_num_pages)) { ?>
  2. <link rel="prerender" href="<?php echo get_next_posts_page_link(); ?>" />
  3. <?php } ?>

Este código usa las funciones de WordPress is_archive(), $paged y max_num_pages.

Si, además, quieres hacer algo parecido para el navegador Mozilla , habría que añadir una línea adicional al fichero header.php, y quedaría así:

PHP:
  1. <?php if (is_archive() && ($paged> 1) && ($paged <$wp_query->max_num_pages)) { ?>
  2. <link rel="prerender" href="<?php echo get_next_posts_page_link(); ?>" />
  3. <link rel="prefetch" href="<?php echo get_next_posts_page_link(); ?>" />
  4. <?php } ?>

Otra posible opción (combinada) sería este otro código:

PHP:
  1. <?php if (is_archive() && ($paged> 1) && ($paged <$wp_query->max_num_pages)) { ?>
  2. <link rel="prerender prefetch next" href="<?php echo get_next_posts_page_link(); ?>" />
  3. <?php } ?>

Si sumamos esto a la nueva funcionalidad de precarga en segundo plano de WordPress que tendremos en , nuestra web irá como un tiro.

Fuente: Markem Systeme

viernes, 9 de septiembre de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Convierte WordPress en una aplicación nativa para iPhone

Posted: 09 Sep 2011 03:12 PM PDT

Si, has leído bien, repito: convierte tu sitio creado con WordPress en una aplicación nativa para , el sistema operativo que corre en o . Pero digo más … 

Crea la aplicación de tu web sin salir del escritorio de WordPress, solo instalando un plugin, publícala en la App Store de , ese mercado de miles de millones de dólares. Si, todo sin salir de WordPress.

Esto y más puedes hacerlo con un plugin llamado WiziApp, una pequeña maravilla que es una gran aplicación creada como plugin WordPress. Se instala como cualquier otro plugin, lo tienes disponible en el repositorio oficial de WordPress.org. O sino lo descargas y descomprimes, lo subes por ftp a tu carpeta ‘/wp-content/plugins/’ y lo activas.

Lo que obtienes es una nueva pantalla desde la que puedes crear una aplicación nativa para iOS de tu sitio. Es un software que te permite crear y configurar la app, personalizando su aspecto, decidiendo las pantallas que tendrá y, cuando esté lista, publicarla en la App Store.

Si debes tener en cuenta que, aunque el plugin es gratuito el servicio no lo es. Y eso es debido a que para publicar una aplicación en la App Store debe estar asociada a un servidor que necesita una serie de requisito, y esto es lo que te ofrece la empresa que ha creado .

Los precios no son baratos, pero si tienes en cuenta el potencial de la App Store tampoco son caros. Desde 19,9$ al mes tienes un servicio muy completo, hasta 100.000 notificaciones push (esos avisos que iOS hace al usuario, que dependen de la disponibilidad del servidor de la aplicación, lo que es parte de su precio). Si quieres notificaciones push ilimitadas entonces el precio mensual sube hasta los 49,9$.

¿Merece la pena?.

Pues dependerá, como siempre, de tus necesidades u objetivos para tu web. Si tienes una web de alto tráfico, si quieres ofrecer un servicio completo a tus lectores, si quieres estar en el mayor mercado del mundo, entonces el precio está tirado. Pero si solo tienes un blog personal, o corporativo, con ofrecer una versión móvil de tu WordPress te bastará la mayoría de las veces. Eres tu quien tiene que valorarlo.

Otra gran ventaja de WiziApp es que no tienes que darte tu mismo de alta como desarrollador en la App Store, ni pagar los 99$ que cuesta, publicas tu aplicación desde la cuenta de WiziApp, lo que acelera y facilita enormemente el proceso de envío y, sobre todo, aprobación por parte de Apple, que suele ser bastante engorroso.

Además, WiziApp te permite probar la aplicación, incluso visualizar como quedaría, pudiendo navegar por ella como si estuvieras en un iPhone. Para ello puedes instalar el plugin, crear la aplicación y ver como se vería tu web. Yo, como no podía ser de otro modo, no me he resistido a probarlo.

Es más fácil de lo que uno puede imaginar. La primera vez que accedes a los ajustes del plugin el solito empieza a generar la app desde el contenido de tu sitio, lo que tardará dependiendo de cuanto contenido tengas.

Lo siguiente ya es la interfaz del plugin, muy visual y fácil de usar, y en cada paso puedes previsualizar como va quedando la app. Lo primero es ponerle nombre – si no acierta con lo que obtiene del proceso de generación automática -, elegir la pantalla de inicio, personalizar el aspecto del tema, configurar los menús de la app, definir si tendrá notificaciones push y como e incluso si quieres añadir un sistema publicitario para ganar dinero con el sistema Admob.

Asistente de WiziApp:
wiziapp8 wiziapp7 wiziapp6 wiziapp5 wiziapp4 wiziapp3 wiziapp2

Previsualización de la app:
wiziapp14 wiziapp13 wiziapp12 wiziapp11 wiziapp10

En el siguiente paso, ya con la aplicación creada (¡si, ya has terminado!) es elegir el plan de precios con WiziApp, donde te da las opciones disponibles, dependiendo de tu necesidad claro. Aquí hay que registrarse en el servidor de WiziApp e introducir los consabidos datos para los pagos.

Y, para terminar, en la última pantalla del asistente, puedes publicar directamente la aplicación de tu WordPress en la App Store de Apple, asociando un icono a tu aplicación, incluso decidiendo si cobrarás por ella o la ofrecerás gratis.

Cuando has publicado tu aplicación dispondrás de una pantalla nueva en el plugin, unas estadísticas con las que seguir el éxito de tu WordPress en la App Store, vamos, una gozada, y te recuerdo que todo sin salir del escritorio de tu WordPress.

La verdad es que ya no hay nada imposible con WordPress. Personalmente este plugin me ha dejado absolutamente alucinado de las posibilidades de este CMS de nuestros amores. El único límite es la imaginación de los desarrolladores.

Contenido exclusivo para suscriptores al

¡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

jueves, 8 de septiembre de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Reduce el tamaño de WordPress con Smush.it

Posted: 08 Sep 2011 03:12 PM PDT

Por si no lo conocías, Smush.it es un servicio gratuito de Yahoo de compresión “sin pérdida”. Smush.it usa técnicas de optimización específicas para imágenes que no cambian su aspecto o calidad visual. Si lo usas en la versión web lo que no recomienda es usar la imagen alojada “temporalmente” en Smush.it sino descargarla y usar la nueva, y optimizada, en lugar de la original.

Bueno, pues hechas las presentaciones, resulta que, como no, hay un plugin para WordPress que usa este genial servicio para reducir el tamaño, y en consecuencia los tiempos de carga, de nuestro sitio.

Esta pequeña maravilla (y van) se llama WP Smush.it y su uso es más que sencillo, tenemos 3 modos de utilizarlo una vez instalado y activo, a saber:

  • Una vez activo el plugin procesa a través de Smush.it todas las imágenes que subamos, por lo que siempre usaremos una versión optimizada de las mismas. No hay que hacer nada, trabaja por nosotros el solito.
  • Además, en la Librería Multimedia del Escritorio de WordPress podemos enviar manualmente a Smush.it cualquier imagen que hayamos subido previamente y, en consecuencia, no esté optimizada.
  • Pero en la última versión se ha incorporado una herramienta de optimizado en masa, que encontrarás como submenú de la Librería Multimedia y llamado “Bulk Smush.it” que hace precisamente eso, procesar todas las imágenes de tu sitio para optimizarlas de un tirón. Por supuesto, si tienes muchas tardará lo suyo. Es una funcionalidad aún experimental, así que úsala con precaución.
smushit manual wordpress bulk smushit wordpress

Por si te surge la duda, este servicio no depende de si mañana le da por cerrar Smush.it a Yahoo pues lo que hace el plugin es procesar nuestras imágenes gracias a la API de Smush.it, descarga la versión nueva y sustituye la anterior.

En mis primeras pruebas ha reducido en porcentajes de más del 30% imágenes en png de tamaño mediano y más del 50% en imágenes de más resolución. Echa unas sencillas cuentas y verás lo que puede ayudar a la hora de reducir los tiempos de carga de tu sitio, que ya sabes que es un parámetro más que tiene en cuenta Google Panda para el SEO de tu web.

miércoles, 7 de septiembre de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Comprime el contenido desde htaccesss

Posted: 07 Sep 2011 03:12 PM PDT

Un modo de acelerar WordPress es comprimir, mediante gzip, todo el contenido que tu sitio sirve a los navegadores de los usuarios que lo visitan.

Esto reducirá los tiempos de carga de tu web ya que la mayoría del HTML se comprime de maravilla.

Para conseguirlo solo tienes que añadir lo siguiente al fichero .htaccess:

PHP:
  1. AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/javascript application/x-javascript application/x-httpd-php application/rss+xml application/atom_xml text/javascript

¡A correr!

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

martes, 6 de septiembre de 2011

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Haz un duplicado de un archivo de tu tema sin salir del escritorio de WordPress

Posted: 06 Sep 2011 03:14 PM PDT

copy y paste

Si en algo ha evolucionado WordPress en los últimos meses es en que cada vez se hace menos necesario (normalmente solo en caso de desastres) el uso de FTP para realizar cualquier acción en tu sitio web.

Actualmente podemos hacer prácticamente de todo desde nuestro escritorio, desde cambiar el prefijo de la base de datos, instalar plugins de terceros o actualizar WordPress hasta instalar un foro y red social.

Pero siempre hay cosas que – hasta ahora – parecían resistirse. Una de ellas es hacer un duplicado, un clon, de un archivo concreto de tu tema.

La utilidad más habitual para esto es crear una plantilla de página, muchas veces algo requerido por plugins de galerías y cosas así. Si tenías que crear una nueva plantilla de página tenías que hacer una copia del fichero del tema – normalmente page.php – y luego hacer las modificaciones pertinentes.

Pero ahora, con un plugin (como no) puedes hacerlo en un par de clics. Theme file duplicador es esta pequeña maravilla, no para tener siempre activa, pero si una herramienta a tener guardada en nuestro arsenal WordPress.

Una vez instalado la cosa es tan sencilla como elegir el fichero a duplicar, poner un nombre a la plantilla y elegir un nombre también de archivo.

Olvídate de lo de siempre: Acceder por ftp -> Descargar el archivo a duplicar -> Modificarlo y cambiarle el nombre -> Volverlo a subir por FTP.

¡Es el modo WordPress de entender la vida!

Seguidores

Archivo del blog