Como probar temas y plugins sin romper nada

Si eres de los que siempre andan experimentando con cambios de aspecto (temas) y mejora o incorporación de funcionalidades (plugins) en tu WordPress, debes saber que puedes hacer experimentos sin romper nada, solo tienes que seguir unas sencillas indicaciones para que ni te cargues la web ni sorprendas a tus visitantes con situaciones extrañas.

Por supuesto, antes de probar plugins hay unos pasos que puedes realizar para elegir el plugin perfecto, pero si a pesar de todo quieres hacer pruebas apunta esto …

Probar temas sin que lo noten tus lectores

Seguro que te gusta cambiar de tema de vez en cuando pero, si no tienes un entorno de pruebas, puedes probar como quedará tu sitio con el nuevo diseño antes de llevarte un susto.

Instala y activa el plugin Theme test drive, que añade una nueva página de configuración donde definir que tema vas a probar, que solo verán los administradores del sitio.

Una vez activo podrás comprobar si los widgets se adaptan al nuevo diseño y, sobre todo, si hay personalizaciones en el antiguo diseño que tendrás que incorporar en el nuevo, cuestión esta que casi siempre se escapa en este tipo de cambios.

El plugin es bastante veterano así que está muy probado. No es perfecto, pues los widgets te harán cosas raras en ocasiones, pero para pruebas genéricas te valdrá de sobra. Ahora bien, mi recomendación es que uses un entorno de pruebas, en tu mismo servidor, por ejemplo en una subcarpeta de tu dominio actual.

Probar plugins sin que lo noten tus lectores

Tanto para probar nuevas funcionalidades, como si eres desarrollador y quieres experimentar, puedes probar plugins, y como afectarán a tu sitio, sin que por ello tus visitantes tengan que sufrir consecuencias de los cambios indeseados, que a veces pasa.

Para ello te puedes valer de Plugin Test Drive que, al igual que con el plugin anterior, te permite hacer pruebas sin que tus visitantes lo noten. Para ello lo único que tienes que hacer, tras instalarlo y activarlo, es probar plugins.

Puedes hacerlo desde 3 pantallas distintas:

  • La pantalla de ajustes de Plugin test drive donde, además de especificar quien verá los efectos de los plugins en prueba (que puedes definir por rol de usuario o incluso por IP). Además de este primer ajuste puedes elegir entre los plugins existente y ponerlos a prueba
  • Al instalar un nuevo plugin, pues se añade un enlace para probarlo (“Test plugin”), además de los habituales de “Activar plugin” y “Voler a la pantalla de plugins”
  • En la pantalla de plugins, donde verás un nuevo enlace para probar el plugin y, si ya hubiera alguno en pruebas, te mostrará un mensaje recordándotelo

Cómo exportar e importar widgets personalizados

Creo que estarás de acuerdo en que migrar WordPress de un dominio a otro, incluso de WordPress.com a tu propio servidor es realmente sencillo.

Ya sea a través de la base de datos, o con las herramientas de importar y exportar de WordPress, con poco esfuerzo tienes tus entradas, páginas, enlaces, medios e incluso los comentarios de tus visitantes como si nada hubiera pasado.

Pero hay un escollo con el que seguro te has encontrado: las personalizaciones de los widgets.

Parece mentira pero a estas alturas, salvo que no uses widgets y gestiones tu/s barra/s lateral/es directamente en código, si personalizas cualquier widget, o simplemente tienes widgets de texto con tus códigos y mensajes personalizados, o tiras de capturas o copia-pega en un fichero de texto para luego recuperarlo, o no hay manera de migrar estas configuraciones ¿o si?.

Pues si, y es tan sencillo como instalar el plugin Widget Settings Import/Export en el sitio actual, lo que genera un fichero JSON que, ya en el nuevo sitio, también con el plugin instalado y activo, puedes importar y recuperar tus widgets con sus configuraciones y personalizaciones.

Además es totalmente seguro, pues no sobreescribe nada de la nueva instalación de WordPress, deja intactos los widgets existentes. Simplemente añade nuevos con las configuraciones que tenías en el sitio anterior.

¡Facilito y chulo, como es WordPress!

Clases CSS por defecto de WordPress

Si quieres animarte a empezar a programar, o tocar, código en tu WordPress no estará de más conocer al menos los básicos, y esta entrada va de eso.

Lo que tienes a continuación es una relación de las clases CSS utilizadas por defecto por WordPress, que encontrarás en la inmensa mayoría de los temas WordPress que uses, así que toma nota y empieza a practicar. Si te animas a crear un tema WordPress luego me lo cuentas y lo promocionamos aquí.

css mola

Clases por defecto para el “body”

La etiqueta más importante en el contenido es body, y aquí hay ejemplos de las clases más comunes que WordPress suele añadir a este elemento:

.rtl {}
.home {}
.blog {}
.archive {}
.date {}
.search {}
.paged {}
.attachment {}
.error404 {}
.single postid-(id) {}
.attachmentid-(id) {}
.attachment-(mime-type) {}
.author {}
.author-(user_nicename) {}
.category {}
.category-(slug) {}
.tag {}
.tag-(slug) {}
.page-parent {}
.page-child parent-pageid-(id) {}
.page-template page-template-(template file name) {}
.search-results {}
.search-no-results {}
.logged-in {}
.paged-(page number) {}
.single-paged-(page number) {}
.page-paged-(page number) {}
.category-paged-(page number) {}
.tag-paged-(page number) {}
.date-paged-(page number) {}
.author-paged-(page number) {}
.search-paged-(page number) {}

Si quieres añadir estilo a la página de resultados de búsqueda, por ejemplo, puedes usar la clase “search-results” para añadir tu estilo ahí. WordPress solo añade esta clase a la etiqueta body cuando la página de resultados de búsqueda está activa, de modo que no afecta a otras páginas.

Estilos de entrada por defecto

Al igual que con el body, WordPress añade también clases dinámicas a los elementos de las entradas. En esta lista tienes los más utilizados:

.post-id {}
.post {}
.page {}
.attachment {}
.sticky {}
.hentry {}
.category-misc {}
.category-example {}
.tag-news {}
.tag-wordpress {}
.tag-markup {}

La idea es mostrar las entradas de manera dinámica, de acuerdo al formato que elijas. WordPress, de este modo, añade clases dinámicas usando la función post_class (), la cual te permite crear tus propios estilos para cada formato. Esta función añadirá una clase del tipo “.format-cosa” donde “cosa” es cualquier formato de entrada que hayas elegido, ya sea galería, minientrada, etc:

.format-image {}
.format-gallery {}
.format-chat {}
.format-link {}
.format-quote {}
.format-status {}
.format-video {}

Estilos por defecto para menús

De nuevo, podemos personalizar los estilos, en este caso para los menús de navegación:

#header .main-menu{} // clase del contenedor
#header .main-menu ul {} // clase del contender de la primera lista no ordenada (ul)
#header .main-menu ul ul {} //lista no ordenada (ul) dentro de una lista no ordenada (ul)
#header .main-menu li {} // cada elemento de navegación
#header .main-menu li a {} // cada texto de enlace de los elementos de navegación
#header .main-menu li ul {} // lista no ordenada si hay elementos desplegables
#header .main-menu li li {} // cada elemento de navegación desplegable
#header .main-menu li li a {} // cada texto de enlace de los elementos de navegación desplegables

.current_page_item{} // class para la página actual
.current-cat{} // class para la categoriá actual
.current-menu-item{} // class para cualquier otro elemento del menú
.menu-item-type-taxonomy{} // clase para una categoría
.menu-item-type-post_type{} // clase para las páginas
.menu-item-type-custom{} // clase para cualquier elemento personalizado que añadas
.menu-item-home{} // clase para el enlace a la portada

Observa que cuando creas un menú en WordPress automáticamente se envuelve en un div. Este div solo tiene un nombre de clase si lo especificas (por ejemplo main-menu). A partir de ahí ya puedes tu añadir estilo a cada elemento.

Estilos por defecto para el editor visual

El editor visual WYSIWYG es quizás uno de los elementos más utilizados de WordPress, y también de los más queridos. Así que no parece mala idea disponer de estilos por defecto para lo que añadimos en nuestro WordPress, como imágenes, citas, esas cosas. Las siguientes clases CSS son las que añade automáticamente WordPress a estos elementos y que, por supuesto, puedes identificar en tu hoja de estilos – normalmente style.css – y modificar a tu gusto:

.entry-content img {}
.alignleft, img.alignleft {}
.alignright, img.alignright {}
.aligncenter, img.aligncenter {}
.alignnone, img.alignnone {}

.wp-caption {}
.wp-caption img {}
.wp-caption p.wp-caption-text {}

.wp-smiley {}

blockquote.left {}
blockquote.right {}

.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

Estilos por defecto de los widgets de WordPress

Otro elemento muy popular, y nunca suficientemente valorados, son los widgets. Normalmente se adaptan de maravilla al CSS de tu tema pero si no fuera así no está de más saber que clases CSS les afectan y poder cambiarlas. Las habituales son estas:

.widget {}

#searchform {}
.widget_search {}
.screen-reader-text {}

.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}

.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {}
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}

.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}

.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}

.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {}
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}

.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}

.textwidget {}
.widget_text {}
.textwidget p {}

Al aplicar estilos a los widges es probable que siempre necesites las mismas clases. Es por ello que es buena idea combinar clases en tu hoja de estilos usando comas. Por ejemplo, puedes combinar .widget_pages ul y .widget_archive ul haciendo algo así:

.widget_pages ul, .widget_archive ul {}

Estilos por defecto del formulario de comentarios

Una de las partes normalmente más feas en cualquier tema WordPress es el formulario de comentarios. Si quieres algo realmente chulo mejor que lo modifiques. Estas son las clases que encontrarás habitualmente en WordPress:

.commentlist .reply {}
.commentlist .reply a {}

.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}

.commentlist .vcard {}
.commentlist .vcard cite.fn {}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {}
.commentlist .vcard cite.fn a.url {}

.commentlist .comment-meta {}
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}

.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}

.commentlist {}
.commentlist li {}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-{id} {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}

#cancel-comment-reply {}
#cancel-comment-reply a {}

Bueno, creo que esta lista es genial para empezar a perderle el miedo a programar, CSS en este caso. ¡Que lo pases bien!, y acuérdate de hacer las pruebas siempre en un WordPress destinado a tal efecto, no enredes en tu tema activo.

Este maravilloso resumen lo publicaron en WP beginner

Tunea el escritorio de WordPress

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

¿Plugin o functions.php?

Desde hace algún tiempo estamos viendo que cada vez se populariza más la utilización del fichero functions.php de nuestro tema para añadir funcionalidades, muchas veces como un modo rápido de añadir características a WordPress sin tener que instalar un plugin, simplemente añadiendo un pequeño código que realiza lo que queremos. Pero - todo tiene algún pero - ¿es correcto actuar así?, es más, ¿qué es mejor, un plugin o código en el fichero functions.php?.

Vamos a ver un poco como funciona este fichero casi mágico y si es mejor usarlo o instalar plugins ¿te parece? …

¿En qué se diferencian?

Si acabas de empezar con WordPress seguramente, o no sabes la diferencia o realmente ni te importa, con que funcione vas que te matas. Pero para que lo sepas, y así también vas teniendo algo de culturilla WordPress, de manera sencilla, se puede decir que los elementos de tu archivo functions.php solo se ejecutan en el tema, mientras que los plugins se ejecutan en todo momento.

También debes saber que la mayoría de los plugins se pueden ejecutar dentro del fichero functions.php y viceversa, puedes hacer un plugin sencillo de un código para functions.php. Y lo mejor es que funcionarán bien ambos.

Vale, pero ¿qué hace el archivo functions.php?

El fichero functions.php se ha estandarizado en la mayoría de los temas actuales para WordPress. En realidad no es necesario pero es casi seguro que lo encontrarás en la mayoría de los temas. El código que veas en ese fichero se ejecutará en el tema y ya, eso es todo. Ahí te vas a encontrar funciones básicas de WordPress que "hacen cosas", como register_sidebar(), el más típico, que habilita que el tema tenga la funcionalidad de widgets, pero te encontrarás muchos otros códigos seguramente, unos modificarán partes del diseño del tema, otros se ocuparán de la página de opciones del tema y cosas así.

¿Y por qué no un plugin?

Los plugins los tienes en el repositorio oficial de WordPress.org, y también puedes instalarlos desde el escritorio de tu WordPress.. Pueden hacer cualquier cosa que hagas también con el fichero functions.php pero no se ejecutan solo con el tema, se ejecutan todo el tiempo si están activos. Los plugins hay que instalaros y activarlos desde el menú de … Plugins. Si no están activos no se ejecutan (con la excepción de los plugins de la carpeta mu-plugins de multisitio). Lo habitual es que los plugins tengan más funcionalidades que simplemente hacer que tengas widgets o un menú, pero también pueden hacerse cuan simples como desees.

Entonces ¿por qué y cuando usar un plugin?

Hay situaciones en que querrás que un plugin intercepte funciones o tags de plantilla de WordPress, en ese caso lo mejor es un plugin, pues se ejecuta todo el tiempo. Un buen ejemplo es el plugin para mostrar una versión móvil de tu sitio, WPTouch, que no necesita de tu tema sino que antepone uno distinto antes de que se muestre el activo, detectando si el dispositivo con el que están visitando tu sitio es un iPad, iPhone, Android o lo que sea. Este tipo de funciones, si estuvieran en el fichero functions.php serían menos eficaces e incluso no se ejecutarían porque incluso ignoran el TEMPLATEPATH.

Otro bueno ejemplo son los tipos de entrada personalizados, pues afectan al funcionamiento interno de WordPress, independientemente del tema que utilices.

¿Se entiende?

Casos raritos

Vale, hay casos extraños, pero de puro raros es algo que solo abordarás en caso de encontrártelos o necesitar esa rareza. Por ejemplo, cargar jQuery desde el CDN de Google, y que quieras que cargue en un diseño o no, cosas así.

En resumen …

La conclusión es que si la característica que que quieres incorporar debe afectar al diseño de tu sitio (al tema) entonces siempre optes por el fichero functions.php, en caso contrario, si necesitas funcionalidades más globales, seguramente lo mejor sea un plugin. ¿Te parece razonable?.

Esto proviene del genial planteamiento de Curtis McHale

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

Migración de Live Spaces a WordPress, guía completa y FAQ

Windows Live Spaces + WordPress.com

Buenas, como ya hace unos días que se anunció la migración de los Spaces de Microsoft Live a WordPress.com y, visto que la información está algo dispersa y no muy clara, ante las preguntas de los nuevos usuarios que van viniendo ya por aquí y el foro he decidido recopilar toda la información disponible acerca de la migración de Live Spaces a WordPress.

Espero que os ayude, máxime visto que en los foros oficiales en español de WordPress.com de momento te despachan cerrándote los hilos y dirigiéndote al formulario de contacto (en inglés) y en el blog oficial te remiten al post de Microsoft y, de nuevo a los foros de WordPress.com, que te devuelven aquí, creando un loop infinito (sic). Vamos, un alarde de como marear al usuario y no dar una respuesta a tanta inquietud.

Vamos a ello …

1. ¿A qué es debida la migración de Live Spaces a WordPress.com?

La explicación oficial es que con este acuerdo Microsoft ha decidido ofrecer una mejor plataforma de publicación de blogs a los usuarios de Live, algo con lo que estamos de acuerdo (en que WordPress es mejor), lo que no se ha dicho son los motivos estratégicos finales de esta acción, si Microsoft quiere ir más allá en su relación con Automattic o incluso si pretende "patrocinar" otros servicios como Gravatar o incluso Intense Debate, y casi prefiero que no o puede que dentro de poco tengamos que tener cuenta en Live para acceder a nuestro blog, conociendo la tendencia de Microsoft de tratar de controlar todo (igualita que la de Apple pero encima sin encandilar al usuario). En definitiva, y como bien me apunta Marcelino, es que Microsoft abandona Live Spaces, punto.

2. La migración, paso a paso

Paso 0: Iniciar la migración en Live Spaces

  1. Ve a tu espacio e inicia sesión.
  2. Haz clic en Primeros pasos. Actualizar mi blog a WordPress.com.
  3. Haz clic en Continuar.
  4. Aparecerá la página principal de WordPress.com.

  5. Sigue las instrucciones en pantalla, que detallamos a continuación …

Paso 1: Conexión

Lo primero que tenemos que hacer es conectar todo junto en el proceso de actualización. Si ya tienes una cuenta en WordPress.com puedes introducir ahí tu información si prefieres traer tu Espacio Live a la cuenta existente. Sino crea una cuenta nueva en http://es.wordpress.com antes de empezar.

Para empezar la migración haz clic en el botón "Connect"

Si no vieras el botón es que WordPress.com no ha detectado que ya tienes cuenta en el sitio, solo tienes que acceder y ya lo verás.

Una vez hagas clic en el "Connect" se te pedirá que te conectes a tu cuenta de Microsoft Live si no lo has hecho ya para, de este modo, poder conectar tu Live Space a WordPress.com. Sería una pantalla así …

Si no habías accedido antes rellena los datos de acceso a tu cuenta de Windows Live y, en ambos casos, haz clic en el botón "Connect" o "Conecta", como aparezca.

Por supuesto, si no estás de acuerdo en realizar la conexión, puedes terminar aquí mismo el proceso haciendo clic en el botón "No, thanks" o "No, gracias".

Paso 2: Cuenta de usuario

Si ya tienes una cuenta en WordPress.com estás listo para comenzar, en caso contrario se te pedirá que crees una nueva …

No te asustes si ya ves los datos cumplimentados en el formulario con tu información del ID de Live, eso es debido a que estos datos se conocen - y se usan - en el proceso de conexión. Por supuesto, si quieres puedes cambiar los datos en este momento por los que tu quieras. Es importante que elijas una contraseña lo más segura posible, para ello verás un indicador que va cambiando de color según la escribes.

Lees las condiciones del servicio, marcas la casilla que indica que estás de acuerdo con las mismas (si es así) y le das al botón "Next" (siguiente).

Si ya habías accedido a tu cuenta de WordPress.como como te recomendé en el paso anterior entonces no tendrás que rellenar nada, solo elegir si quieres que tu Live Space se integre en un sitio ya creado o prefieres crear uno nuevo (normalmente la elección más habitual si el contenido es distinto a otros sitios que ya tengas).

Si eliges un sitio ya existente se te preguntará si quieres permitir que se envíen avisos de tus nuevas publicaciones a tu cuenta de Windows Live Messenger.

En cualquier caso, tras hacer lo anterior haz clic en "Next" (siguiente)

Paso 3: Crea tu sitio en WordPress.com

Esto ya lo hemos cubierto en varias ocasiones y, casi lo mejor, es que veas la siguiente presentación (desde la diapositiva 15) que te muestra todos los pasos a realizar, es solo cuestión de ir rellenando información, en un par de pantallas tendrás tu sitio creado.

Paso 4: La actualización

Una vez completada la información de tu nuevo sitio, como la URL que tendrá y el nombre del mismo, ya empezamos la migración del contenido de tu Live Space a WordPress. Lo primero que verás será una pantalla de confirmación antes de empezar el proceso …

Mientras se realiza la migración recibirás un email de WordPress dándote la bienvenida, así te entretienes en el proceso. Cuando haya terminado verás una pantalla así …

Y ya está, ya has terminado la migración propiamente dicha, ahora es posible que hayan quedado algunos flecos, vamos a verlos.

3. No me fío de la migración, quiero descargar mi Space

Puedes conservar una copia de tu blog de Spaces actual y decidir más adelante (ojo, antes del 16 de marzo de 2011) si deseas moverlo a WordPress.com o a otro servicio de blog

  1. Ve a tu espacio e inicia sesión.
  2. Haz clic en Download my blog to my PC (Descargar mi blog en el equipo).
  3. En el cuadro de diálogo Descarga de archivo, haz clic en Guardar. Selecciona la ubicación en la que deseas guardar el archivo y, a continuación, haz clic en Guardar.

Se guardará el blog en formato HTML y se organizará en carpetas para que puedas almacenarlo y revisarlo fácilmente.

4. Paso, me habéis cabreado, borro mi Space

Nada, ya volverás (a WordPress), si quieres eliminar tu espacio:

  1. Ve a tu espacio e inicia sesión.
  2. Haz clic en Continuar y eliminar mi espacio.
  3. Recuerda que no puedes deshacer esta acción, es irreversible, si dudas mejor haz una copia antes.

  4. Haz clic en Continuar.

5. He perdido mis Listas después de haber migrado a WordPress.com

Microsoft ha diseñado una solución temporal para los usuarios que han perdido sus Listas luego de haber migrado su blog a WordPress. Si eres uno de esos usuarios que desean recuperar el acceso a la información de tus Listas hay que seguir estos pasos:

  1. Inicia sesión en tu Perfil de Windows Live (http://profile.live.com)
  2. En la parte superior de tu navegador (donde verás la dirección: http://{cid}.profile.live.com – Agrega la palabra “lists” sin las comillas al final de la URL. De este modo, se verá así: http://{cid}.profile.live.com/lists
  3. Clic en Enter.

Deberás ese momento podrás acceder a todas las listas que estaban anteriormente disponibles en tu Espacio.

Nota: Esta solución estará únicamente disponible hasta Marzo, 2011 así que mejor que las copies y guardes en tu ordenador porque luego no podrás recuperarlas

En WordPress, por supuesto, puedes crear listas. Puedes hacerlo de muchas maneras pero mi consejo es el siguiente:

  1. Crea una entrada nueva
  2. Forma tu lista como quieras, puedes incluso añadir enlaces a cada elemento de la misma
  3. Cambia al editor HTML y copia el código generado (control+c o comando+c en tu teclado)
  4. Añade un Widget de texto en "Apariencia -> Widgets"
  5. Ponle el título que quieras y en la caja de texto pega (control+v o comando+v) el código que copiaste antes
  6. Haz clic en guardar para que se guarden los cambios en el widget y tu lista salga en la barra lateral elegida de tu sitio
  7. La entrada que usaste puedes borrarla o guardarla (sin publicarla) y usarla para generar códigos en cualquier ocasión en que quieras usar este truco para pegar HTML en tus widgets de texto

5. FAQ (preguntas frecuentes)

¿Que ha pasado con mis fotos?
Si tienes un módulo de fotos en tu espacio, puedes seguir organizando, almacenando y compartiendo las fotos en Windows LiveSkyDrive. Pero no será migrado a WordPress.com, sólo aquel contenido multimedia integrado a las entradas del blog será movido.

¿Puedo mover mi tema?
No, no puedes mover tu tema pero en WordPress.com encontrarás más de 100 a elegir.

¿Puedo mover listas, libros de visitas o notas?
No, WordPress te ofrece un montón de funcionalidades similares en algunos casos, además de muchas que no conocías, como estadísticas en tiempo real, iconos para compartir tus entradas en las redes sociales, encuestas, botones para votar comentarios y mucho más. Date una vuelta por el Escritorio de administración de tu sitio y verás.

Si tenías listas de enlaces a blogs amigos, modulos y cosas así guarda todo lo que puedas en formato HTML o incluso a mano, luego puedes añadirlo en los widgets de texto (no siempre pues WordPress.com restringe ciertos códigos por temas de seguridad) y los enlaces en la sección de enlaces, y luego añadir el widget de enlaces.

Mi blog de Spaces era privado ¿lo es también tras migrar a WordPress?
En la migración se guarda esta configuración, no obstante puedes cambiarla en cualquier momento en las opciones de privacidad del escritorio de administración de WordPress.

Si tenías amigos a los que permitías ver tu blog privado esta información no se importa así que tendrás que marcar tu sitio en WordPress para que solo lo vean las personas que tu elijas. Luego, en la página de configuración de usuarios puedes añadirles al sitio (se requiere que abran cuenta en WordPress.com aunque no creen un sitio).

¿Qué pasa con los borradores?
No se migran así que mejor que los publiques antes de la migración. Luego, si quieres, puedes hace que vuelvan a ser borradores en las opciones de publicación del editor de entradas de WordPress.

¿Se migran los comentarios?
Si, los comentarios de tus posts se migrarán a WordPress.

¿Que pasa con mis álbumes de fotos?
Si no tenías las imágenes insertadas en tus posts del blog en Spaces no se migrarán. Puedes insertarlas en el lugar adecuado antes de la migración. No obstante, tus álbumes seguirán disponibles en Windows Live Photos.

¿Donde están mis amigos y grupos?
WordPress.com no tiene un sistema de "grupos" o "amigos" como lo conoces en Live Spaces así que no se puede migrar esa parte. Si recuerdas el proceso de migración detallado antes hay un paso en el que puedes elegir que tus entradas se envíen a Messenger Connect, con lo que tus contactos sabrán cuando publicas algo nuevo.

A partir de ahí puedes usar los sistemas de WordPress de etiquetas, descubrimiento de sitios y suscripciones para encontrar nuevos amigos y blogs que leer.

¿Donde encuentro ayuda?
Tienes varias fuentes principales de ayuda sobre WordPress:

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

Configura tu WordPress: los widgets

Widgets

Para los usuarios un poco más avanzados, ya hemos hablado alguna vez sobre como poner widgets en tu theme si no los tiene. Pero quizá seas nuevo o no sepas todavía qué es un Widget en WordPress y cómo funciona.

Un widget es un fragmento de código (que está en algún sitio de WordPress o de alguna extensión) que ofrece funcionalidades añadidas a tu página web y que habitualmente se colocan en alguna de las barras laterales de tu blog. WordPress por defecto incluye algunos widgets para mostrar tu listado de enlaces, un calendario o los últimos artículos/comentarios, pero lo más interesante es que hay muchísimos plugins por Internet que te ayudarán a añadir nuevas funciones que pueden interesarte. Si te interesa alguna funcionalidad en concreto y quieres saber si existe algún plugin o widget para eso, pregúntanoslo en los comentarios e intentaremos investigarlo.

En este artículo, sin embargo, queremos enseñarte a configurar tus widgets fácilmente. Primero de todo, tienes que saber que la plantilla de diseño que estés utilizando en tu blog debe estar adaptada para soportar Widgets. En general, la mayoría de las plantillas lo están, así que es probable que sea tu caso. Para comprobarlo, ve a tu panel de administración, apartado de Apariencia, y accede a la sección Widgets.

En la barra lateral derecha de este apartado te aparecerán las distintas zonas donde puedes poner widgets. Habitualmente serán una o dos zonas, dependiendo de tu plantilla de diseño, que corresponderán seguramente a una o dos barras laterales en tu blog. En la parte izquierda de la página tendrás los Widgets disponibles en tu blog, ya sea los que te da WordPress por defecto o los que te proporcionen los plugins que tengas instalados.

¿Como colocar los Widgets disponibles en tu blog? Muy, muy fácil. Arrástralos a la sección correspondiente de la derecha, ahí donde te interese tenerlos. Podrás organizarlos y ordenarlos según te guste y te convenga de forma muy fácil y rápida, y verás los resultados en tu blog al momento.

Los Widgets son la forma más fácil de personalizar las funcionalidades y el diseño de tu blog sin tener que entrar dentro del código y tocar nada. Intenta aprovecharlos al máximo, utilizando las funciones que te interesen. Eso sí, ¡sin pasarse!, ya que pueden molestar si la cantidad de contenido en las barras laterales es excesiva.

Usando shortcodes en todas partes

hack wordpress

Ya hemos visto muchas maneras de personalizar WordPress con shortcodes pero estas pequeñas maravillas pueden usarse en muchos más sitios que en el editor de entradas, aquí tienes unos cuantos buenos ejemplos … 

Shorcodes en widgets de texto

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

PHP:
  1. add_filter( 'widget_text', 'shortcode_unautop');
  2. add_filter( 'widget_text', 'do_shortcode');

La segunda línea es la que hace que funcionen los shortcodes en el widget de texto. Además, hay que tener en cuenta que los widgets de texto tienen una casilla para "añadir saltos de párrafo automáticamente", pues bien, la segunda linea inhabilita el código autop que podría, en caso de estar marcada la casilla, meter el shortcode introducido en un párrafo o incluso romper las tags.

Shortcodes en el tema

También se pueden usar shortcodes en el tema que uses. Para ello utilizamos la función do_shortcode() en la que el argumento será una cadena que contendrá el shortcode.

Por ejemplo, para mostrar el shortcode [publicidad] en tu tema pondrías algo así donde quieras que aparezca el resultado esperado:

PHP:
  1. <?php do_shortcode('[publicidad]'); ?>

La función do_shortcode() acepta cualquier tipo de texto. Si la cadena contiene un shortcode procesará ese código. De este modo, por ejemplo, podrías mostrar manualmente contenido de tus entradas de este modo:

PHP:
  1. <?php
  2. $content = get_the_content();
  3. echo do_shortcode($content);
  4. ?>

Shortcodes en comentarios

De nuevo recurrimos al fichero functions.php para añadirle este código que permite shortcodes en los campos de comentarios:

PHP:
  1. add_filter( 'comment_text', 'shortcode_unautop');
  2. add_filter( 'comment_text', 'do_shortcode' );

Shortcodes en extractos

Ahora, en functions.php añadiremos esto para poder insertar shortcodes en los extractos de entrada:

PHP:
  1. add_filter( 'the_excerpt', 'shortcode_unautop');
  2. add_filter( 'the_excerpt', 'do_shortcode');

Shortcodes en la descripción de usuario

Para poder meter shortcodes en la descripción del usuario hay que pasar la cadena de descripción por la función do_shortcode(). Para ello tendrás que añadir esto a tu tema activo:

PHP:
  1. <?php
  2. // $user_id = 3;
  3. $userdata = get_userdata($user_id);
  4. echo do_shortcode($userdata->description);
  5. ?>

Solo tendrás que cambiar el ID de usuario, en este caso el 3.

Shortcodes en descripciones de etiquetas, categorías y taxonomías

También puedes filtrar estas descripciones. Para ello recurrimos de nuevo al fichero functions.php:

PHP:
  1. add_filter( 'term_description', 'shortcode_unautop');
  2. add_filter( 'term_description', 'do_shortcode' );

Un mundo de posibilidades más ¿no?

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!

Nueva forma para widgetizar nuestro tema

En este post, veremos un sencillo código para poner en functions.php que nos permitirá “widgetizar” nuestro tema de una forma más compacta a la habitual.

Como sabemos, los widgets son las pequeñas funcionalidades que, desde la Administración, y siempre y cuando nuestro tema esté preparado para ello (como hoy lograremos), pueden ser emplazadas libremente en los espacios habilitados a tal fin, y todo ello desde la página de Opciones correspondiente en WordPress.

Cuando normalmente widgetizábamos nuestro tema, debíamos poner en functions.php varios “condicionales” para listar cada widget a ser reconocido.

Sin embargo, hay una manera más compacta de hacerlo :

<?php // multiple widgetizable sidebars
if (function_exists('register_sidebar')) {
$sidebars = array('Mensaje Bienvenida', 'Barra Lateral', 'Pie de Página');
foreach($sidebars as $name) {
register_sidebar(array('name'=> $name,
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h3 class="widgetTitle">',
'after_title' => '</h3>',
));
}
}
?>

Aquí habremos habilitado tres espacios, “Mensaje de Bienvenida”, “Barra Lateral” y “Pie de Página”. WordPress nos registrará la posibilidad de llenar esos espacios con widgets.

Luego, en los templates correspondientes, vamos a hacer la llamada respectiva. Para la “Barra Lateral” en sidebar.php :

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar('Barra Lateral') ) : ?>
<p>¡ Espacio para widgets !</p>
<?php endif; ?>

Deberemos hacer lo mismo en home.php escribiendo ‘Mensaje de Bienvenida’ como nombre del widget, y en footer.php escribiendo ‘Pie de Página’.

3 fallos en WordPress 2.9 y parche que los soluciona

En Semiologic han detectado 3 fallos en WordPress 2.9 para los que, a falta de una actualización que los solucione, han elaborado un parche que los subsana.

Los fallos son los siguientes:

Los problemas visibles que provocan estos fallos pueden ser:

  • Widgets RSS que dan fallos, tanto en el escritorio como en las barras laterales del blog.
  • Posts programados que no terminan de publicarse nunca.

Para solucionarlo descarga este parche y sustituyes los archivos por los antiguos localizados en la carpeta 'wp-includes'

Gracias por el aviso Pedro

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

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!