Cómo desarrollar una función personalizada en tu blog cuando no hay complementos

Si tienes un blog en WordPress, normalmente descubrirás que un buen tema y un conjunto de complementos cubrirán la mayoría de las funciones.

¿Pero qué pasa si hay algo que quieres que haga tu blog y ninguna de las soluciones existentes es suficiente?

Bueno, construyes algo nuevo.

En el artículo de hoy voy a darte una descripción general rápida y sencilla de cómo puedes diseñar y crear una función completamente nueva en tu blog con la menor molestia posible.

Echemos un vistazo.

Un ejemplo reciente aquí en Blog Tyrant

Durante los últimos años he estado usando HelloBar para dirigir a los visitantes a diferentes partes del sitio.

Sin embargo, recientemente cambiaron la forma en que funcionaba su servicio y ya no se adaptaba realmente a mis necesidades específicas.

Así que decidí construir el mío propio.

Lo principal que quería hacer era tener una barra para dispositivos móviles y otra para dispositivos de escritorio. Cada una tendría un mensaje, un botón y una URL de destino diferentes, y podría cambiarlos cuando quisiera sin pagar por los clics.

El de escritorio:

Y aquí está el móvil:

El resultado es que ahora tengo control total sobre esa barra en la parte superior de mi sitio. No tengo todas las funciones de análisis y diseño que ofrece HelloBar (de todas formas es un servicio increíble), pero hace exactamente lo que necesito y seguiré desarrollando las funciones a medida que surjan.

Cómo crear una nueva función personalizada en tu blog

Digamos que hay algo en tu blog que no puedes resolver con un complemento.

¿A qué te dedicas?

Bueno, aquí están los pasos que suelo seguir para poder hacerlo rápido y sin que me cueste una fortuna.

1. Diseñar la función

Voy a utilizar el ejemplo de la barra que construí en Blog Tyrant, pero los próximos pasos se aplican prácticamente a cualquier tipo de característica que vayas a construir.

Este paso requerirá que tengas un programa como Photoshop o Pixelmator y un poco de conocimiento sobre cómo usarlo.

Sin embargo, si no es así, no es un gran problema y te daré otra opción a continuación.

i) Lo primero que debes hacer es tomar una captura de pantalla de toda la parte del sitio web donde aparecerá esta característica o función. En un dispositivo Apple, esto se hace haciendo clic en Comando + Shift 4 y luego seleccionando el área de la pantalla; en una PC, lo más fácil es abrir la herramienta Recortes y hacer clic en Nuevo.

ii) Ahora quieres abrir esa captura de pantalla en Photoshop.

iii) Comience a diseñar su nueva función pensando en aspectos como la marca, cómo se mostrará, qué efectos podría tener al pasar el mouse sobre ella, etc. A veces, necesitará diseñar dos imágenes para poder ver cómo se ve cuando se lleva a cabo una determinada acción.

Arriba hay una captura de pantalla de mi espacio de trabajo de Pixelmator donde estoy probando diferentes colores para el botón. Voy a crear varias imágenes diferentes con distintos colores para tenerlas como opciones para diferentes efectos, etc.

iv) Guarda tu diseño como PSD. Este es un formato de Photoshop que permite que cualquier persona con Photoshop lo lea, mueva todos los elementos y los corte y empalme. Esto es imposible (o realmente molesto) con una imagen plana como JPEG o PNG.

2. Crea una descripción del trabajo, elige un desarrollador y pruébalo

Puede que esto suene molesto, pero en realidad sólo toma unos minutos y una vez que encuentres a alguien que te guste, puedes seguir usándolo una y otra vez a medida que tu negocio crece.

Personalmente, utilizo Crazy XHTML para cubrir la mayoría de mis desarrollos en WordPress. Tengo una buena relación con ellos desde hace años y los recomiendo con gusto todo el tiempo.

La otra opción es ir a Freelancer.com y publicar un trabajo diciendo que estás buscando a alguien para desarrollar una nueva función en tu blog de WordPress.

i) Redacte un “informe” que comunique exactamente lo que desea que haga la función. A continuación, se muestra un ejemplo de algo que le escribiría a mi desarrollador para el ejemplo de HelloBar en esta publicación:

Hola amigo.

Espero tener una nueva característica codificada en mi blog para el viernes.

Se adjuntan archivos PSD del diseño y las instrucciones a continuación. Infórmeme sobre el costo estimado y cualquier pregunta que tenga.

1. La característica es una “barra flotante” que se ubica en la parte superior de la página y sigue al lector mientras se desplaza.
2. Se pueden ver ejemplos en www.example.com.
3. Necesito una barra separada para computadoras de escritorio y dispositivos móviles y la capacidad de editarlas fácilmente en mi panel de WordPress.
4. El efecto de mouseover está incluido en el diseño.
5. Configure la demostración antes de publicarla.

Gracias de antemano.

Ramsay

Puedo mantener mis correos electrónicos bastante breves porque conozco a mi desarrollador desde hace mucho tiempo y, por lo general, él sabe lo que intento decir. Si estás trabajando con alguien por primera vez, tal vez incluyas más ejemplos y capturas de pantalla para evitar idas y venidas.

ii) Una vez que hayas redactado el resumen o creado el trabajo en Freelancer, debes seleccionar al desarrollador y confirmar que su costo es adecuado. Dales el visto bueno para que sigan adelante y supervisa su progreso respondiendo a cualquier pregunta que tengan, etc.

iii) Pruebe la función en el sitio de demostración que deberían haber configurado. Debe asegurarse de que esto suceda para poder detectar errores o problemas antes de que se publique en su blog real.

3. Instalar la función

El último paso es tener la función instalada en tu blog. Puede ser en forma de complemento o quizás tengas que darle a tu programador acceso al backend de tu blog a través de FTP para que pueda hacer un poco de programación.

Este concepto puede resultar bastante intimidante para muchas personas: permitir que alguien tenga acceso a todo tu blog. Esta es una de las razones por las que prefiero trabajar con una empresa de confianza.

Si utiliza Freelancer, asegúrese de elegir un desarrollador que tenga muchísimas críticas excelentes de personas de todo el mundo.

Conclusión

Obviamente, esta no es la única forma de hacerlo, pero he descubierto que es el método más rentable y que ahorra tiempo. Una vez que encuentres un desarrollador con el que trabajes bien, podrás acelerar las cosas y verás que tu blog se vuelve mucho más eficaz a medida que agregas funciones y características personalizadas que realmente necesita.

¿Tienes alguna pregunta? Deja un comentario a continuación.

Foto superior: Sergei Zolkin