Archivos de la categoría code

Novedades WordPress 4.1

Este Lunes 15 de Diciembre llega la nueva versión de WordPress con mejoras importantes para bloggers y escritores ya que cada vez el equipo de WordPress va mejorando la experiencia en la escritura.

Aquí os dejo una lista de las mejoras que están por llegar.

  • Mejoras en el editor de entradas para que, por ejemplo, en el modo pantalla completa se pueda acceder a alguna caja meta, además de cambios de distribución de botones y estéticos.
WordPress 4.1 new distraction free
En la versión anterior había que cerrar el visor sin distracciones si queríamos editar el slug o editar algún metabox extra, esta nueva versión facilita la concentración y gestión del contenido.
  • Mejoras en los menús desplegables de usuario y entradas, posiblemente mediante el uso de Select2, un script jQuery totalmente compatible con todos los navegadores y muy solvente.
  • Permitir la desconexión en las sesiones existentes desde la pantalla de perfil de usuario, para lo que ya está en marcha un plugin.
webdesignerdepot.com
  • Nueva interfaz para la instalación de temas y plugins.
  • Ahora el fondo e imagen de cabecera porfín se mueven al customizer

Firefox

  • Mejoras en la gestión de archivos multimedia desde dispositivos móviles, sobre todo solucionar problemas actuales con el scroll en la pantalla de la Librería multimedia.
  • Cambio del idioma después de la instalación.

Firefox

Para desarrolladores hay unas mejoras muy interesantes en las queries WP_Meta_Query, WP_Tax_Query, and WP_Date_Query.

Así como mejor control sobre el title de un site.

 

Importante no olvidar hacer una copia de seguridad o backup de tu instalación WP antes de actualizar.

Esperamos vuestros comentarios con la nuevas opciones.

WP con soporte nativo a multilenguaje. Se Re-Abre la discusión

Para los desarrolladores que vivimos en las Islas Baleares una web monolenguaje es casi imposible, por lo menos tienen dos idiomas, Castellano y Catalán o Mallorquín, a los que hay que añadir el muy usado Alemán o Inglés dado la gran afluencia de este tipo de turistas, ultimamente se puede incluso contar con el Ruso.

Siempre que me preguntan como pueden hacer un sitio WordPress en varios idiomas recomiendo el plugin WPML, es el mas “completo” aunque dificil de usar, hace muchas mas cosas que solo traducir el contenido, traduce las urls permanentes, enlace las traducciones, permite editar las traducciones de los textos estáticos (.po, .mo) y muchas mas opciones que pueden llegar a frustar a un usuario de nivel bajo.

La dicusión de hacer que el Core de WordPress soporte multiples idiomas es vieja, lleva años. Pero recientemente el desarrollador de WordPress (Alemán) Caspar Hübinger está en el inicio del desarrollo de una propuesta para implementar una opción de selección del idioma del post.

El equipo de Make Core, liderado por Andrew Nacin a aclarado que aunque no está en el los planes de desarrollo del WP Core añadir el tan demandado soporte multilenguaje abre las puertas a la integración de este plugin un poco mas adelante ahora que ya WP 4.0 está listo para descargar o actualizar

 

Tabla comparativa de Frameworks de contenido para WordPress

Los frameworks son entornos de trabajo que te ofrecen todo lo necesario para realizar tu proyecto. En el mundo WordPress hay infinidad de frameworks de contenido para desarrolladores de Temas que facilitan la creación de Custom Post Types, Custom Taxonomies, Metaboxes. Por esta razón en mi búsqueda pedí ayuda a la gente de @podsframework que a travéz twitter


Y al preguntar por su chat me pasaron esta pods.io/compare con una tabla, no actualizada pero si reciente, con la mayoría de frameworks y/o plugins que se usan para desarrollar un Tema a medida o mejorar un Tema Premium. De esta tabla he hecho una copia con una pequeña selección, con los mas usados y mas conocidos, valorando algunos aspectos básicos que un framework/plugin de este tipo debe tener.

Si ves que falta algun plugin o framework en est tabla compártelo en un comentario a este post.

WordPress 4.0 permitiría escoger el idioma durante la instalación

Uno de los temas mas peleados dentro del Core de WordPress es la internacionalización, que no el multilenguaje nativo eso es otro tema también muy discutido.

Andrew Nacin del equipo de desarrollo del Core ha planteado unos objetivos y consideraciones para incorporar un selector de idioma dentro del ya famoso 5 minutos para instalar un WordPress.

Pero esto implica un trabajo constante en las traducciones por parte de todos los que usamos WordPress, para ello os recomiendo entrar en GlotPress para ayudar con la traducción las cadenas en cualquiera de los lenguajes disponibles como puede ser para nuestra comunidad el Español de España (es_ES) o el Catalán (ca). No hace falta ser programador o saber de programación para colaborar en la tradución, tan solo hay que seguir los pasos, registrarse como traductor y enviar los cambios usando las herramientas de GlotPress. Esto es muy importante ya que si las traducciones están actualizadas es mas facil para nuestra comunidad Española como Catalana hacer las autoactualizaciones así como poder utilizar esta nueva opción a la hora de instalar nuestro WordPress.

Así que queda en manos de cada comunidad (lenguaje) estar preparado para soportar una posible avalancha de mejoras relacionadas a la internacionalización de WordPress.

Concepto > Contenido > Diseño > Tema

El desarrollo de un Tema puede empezar por varias partes, muchas veces comienza por un diseño el cual plasma una idea general de como queremos hacer nuestro theme, pero es el proceso correcto?. Ya hace tiempo que los Temas Premium son una opción fácil a la hora de poner en marcha un proyecto para un cliente, para escojer este Tema nos guiamos por el diseño, las valoraciones y compras que ha tenido ese Tema en concreto, ojeamos un poco el html usando firebug y si vemos necesario hacemos una consulta al desarrollador sobre la compatibilidad de este Tema con otros plugins que nos interesa usar.
Lo malo es que casi siempre el Tema no hace bien todo lo que ofrece, tiene miles de opciones para hacer un Tema Multipropuse, osea que sirve pa todo, cosa que es un gran error ya que terminas usando menos de la mitad de las funcionalidades del mismo.
Esto ya lo discutimos un poco en un Post sobre Themeforest y GPL, os recomiendo leerlo.

¿Pero que pasa si queremos hacer nuestro Tema desde cero, creando todo el código, plugins, css, personalizaciones de plugins o integraciones?, pues que no deberíamos empezar por el diseño.

A continuación os explicaré como creo que deben plantearse la creación de un Tema propio o para un cliente sin necesidad de personalizar un Tema Premium.

 

  1. El Concepto:
    Es el motivo, la razón escensial del porque hacer un diseño web a medida. Para desarrollar un concepto hace falta hacer sesiones con el cliente donde se elavora los objetivos que debe cumplir la web, que apartados se usarán y de que forma se va a administrar el canal web/online.
    Con este proceso crearemos primero un wireframe, son como planos esquemáticos para identificar todos los elementos que necesita la web, definir bien si son videos, fotos, texto, enlaces, es el contenido dinámico, estático o viene desde otras plataformas como el caso de los timelines de twitter o facebook.Este wireframe debe considerar que contenido es visible para mobil, para tablet y para desktop, sabiendo así como gestionar la visibilidad, calidad y carga de ese contenido. Es muy importante tener claro el wireframe y quien o quienes serán los responsables de mantener la web para que el contenido sea coherente con la capacidad de gestión de la información web dentro de la empresa.
  2. El Contenido:
    No solo son los textos, son fotos, videos, comentarios, formularios, respuestas, emails de contacto, galerías, material de descarga, PDFs, enlaces, todo aquellos que la web necesita para poder funcionar correctamente. Si el wireframe está bien hecho siguiendo los objetivos la web tendrá un concepto definido y eso ayudará a entender como se generará ese contenido, se puede calcular tiempos de producción, traducción, edición y revisión.
    Conociendo todo el contenido que vamos a usar es buena idea profundizar si algo de ese contenido se gestionará o generará con plugins, así facilitaremos el paso 3 y 4,  haciendo mas fácil, al diseñador y programador, la creación del código, pero sobre todo los parámetros de gestión que tendrá ese Tema. ¿Es importante tener todo el contenido desde el incio? no necesariamente, pero si tener claro que tipo de contenido es. Cuando falta contenido para realizar el diseño se puede utilizar contenido Dummy o mas conocido como LoremLipsum.
  3. El Diseño:
    Una vez tengamos claro el wireframe y el contenido podemos empezar a diseñar, lo haremos siguiendo y respetando los pasos anteriores haciendo los mínimos cambios posibles, esto ayudará a tener una producción organizada y sin desvíos de tiempo de ejecución.
    Al entrar en el terreno del diseño lo mas importante es saber que estilo se quiere usar, si se parte de un logo seguir las líneas de la marca, escojer una paleta de colores para cada elemento ayuda a la hora de programar, definir que color tienen los enlaces, los rollovers, los menus, el texto general, los titulares.Durante el diseño entramos en el terreno de las Fuentes o Tipografías, actualmente podemos usar Google Fonts de forma gratuita o servicios como Typekit para fuentes con licencia. Hay que tener claro el comportamiento de la fuente en los diferentes navegadores sobre todo para las dimensiones y tamaños de menus, titulares o textos grandes donde el tamaño si que importa, sobre todo para idiomas con palabras largas como el Alemán.
  4. El Tema:
    Como consejo siempre usar un wireframe primero para mobil, subir a tablet y terminar en desktop, es mas fácil añadir que quitar, además que la mayoría de frameworks para wireframing  responsive (foundation zurb) están hechos para programar primero para mobil, small y terminar en desktop, large.La programación del tema empieza por definir los templates a usar, saber si usaremos index.php o front-page.php para nuestra home, cuantas plantillas personalizadas para categorías o custom taxonomies, si hay custom post types necesitaremos los single-CPT.php.
    Lo bueno de seguir estos pasos es que se pueden organizar las tareas de producción por templates y partials (get_template_part()), de esta manera el seguimiento de la producción es mas fácil. El programador del tema debe trabajar conjuntamente con los editores y gestores de la web para coordinar las funcionalidades que debe el Tema ofrecer, como las opciones del Tema, Paneles, Widgets, Configuración de Plugins y sobre todo dejar claro como se carga el contenido.¿Se puede desarrollar mientras se carga el contenido? Si, aunque hay que saber manejar tareas en paralelo de dos equipos, editorial y programación.¿Se puede desarrollar sin tener todo el diseño hecho? Si, pero no es recomendable, ya que al no tener los diseños de todas las secciones y elementos puede hacer que el desarrollo se retrase por cambios sobre cambios.A la hora de programar las funcionalidades de un Tema o su compatibilidad con plugins hay que tener claro el tipo de editor que tendrá la web, ya que dependiendo de sus conocimiento de WordPress este podrá utilizar funcionalidades complejas o en su defecto se debe simplificar al máximo para no retrasar ni entorpecer la carga del contenido.Hay que reconocer que todo el trabajo termina en la programación del Tema, pero el éxito del Tema no solo está en la programación ya que si los pasos previos se hicieron a conciencia el proceso de creación del Tema será mucho mas organizado y seguro.

 

Si te ha gustado este post te invitamos a participar del SEMINARIO: CREACIÓN Y DISEÑO DE TEMAS CON WORDPRESS que nuestro compañero @lonchbox dará en @PalmaActiva, estará enfocado a desarrolladores WordPress con un nivel Medio ya que se toparán aspectos de programación php, js y css. Y si eres un diseñador que quiere aprender a diseñar para WordPress o programar tu propio tema también te puede ayudar este seminario. Anímate y forma parte de la gran comunidad de desarrolladores WordPress que hay en el mundo 🙂
Apúntate ya! que las plazas son limitadas.

Fuentes de Hooks, Filters, Actions, Functions for WordPress desde v1.5 a v3.8.2

Como buen codereadercopypaster 😉 soy un fan de los snippets o hooks. ¿Pero que son? simplemente son trozos de código que ayudan a modificar, añadir, cambiar, expandir, eliminar funcionalidades de nuestro WP Core, Theme, Plugins y mas. Todo esto trabajando contra los APIs de WordPress. Donde muchas veces este código se tiene que añadir al archivo functions.php de vuestro Tema.
Estos códigos generalmente son compartidos en los foros de desarrollo, así como en blogs de desarrolladores o en las guías de uso e instalación de plugins, la idea de compartir este código es ayudar a solucionar necesidades que muchas veces son difíciles de cambiar o se desconoce la posiblidad de trabajar directamente sobre ese código.

Y por esa razón existen varias webs que agrupan estos códigos para encontrarlos facilmente. A continuación os comparto 5 sites donde podréis buscar y encontrar fácilmente estos snippets.

wpseek 620  WordPress Snippets  Code  Hacks  for your theme  blog WP Snippets   Hacks  Snippets and Articles

Lanzado recientemente. Todavía en fase Alpha.
Lanzado recientemente. Todavía en fase Alpha.
Aqui econtraréis mas cosas que solo código para wordpress. Además es un fantástica webapp para compartir código.
Aqui econtraréis mas cosas que solo código para wordpress. Además es un fantástica webapp para compartir código.

 

Realizar algunas búsquedas y seguro encontraréis código útil para vuestros proyectos.