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

Eddy PfoccoriActualizado por Cisco Pfoccori el 15 de agosto de 2021

función de blog

Si tiene un blog de WordPress, normalmente encontrará que un buen tema y un conjunto de complementos lo cubrirán para la mayoría de las funciones.

Pero, ¿qué pasa si hay algo que desea que haga su blog y ninguna de las soluciones existentes realmente lo está cortando?

Bueno, construyes algo nuevo.

En la publicación de hoy, te daré una descripción general muy rápida y sucia de cómo puedes diseñar y construir una función completamente nueva en tu blog con la menor molestia posible.

Vamos a ver.

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.

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

Entonces decidí construir el mío.

Lo principal que quería hacer era tener una barra para dispositivos móviles y una barra para dispositivos de escritorio. Cada uno 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:

barra superior

Y aquí está el móvil:

teléfono

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 (sigue siendo 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í tienes los pasos que suelo seguir para hacerlo rápido y sin que me cueste una fortuna.

1. Diseña la función

Voy a usar el ejemplo de la barra que creé en Blog Tyrant, pero los siguientes pasos se aplican prácticamente a cualquier tipo de función que vayas a crear.

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

Sin embargo, si no lo hace, no es un gran problema y le daré otra opción a continuación.

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

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

iii) Empiece a diseñar su nueva función pensando en cosas como la marca, cómo se mostrará, qué efectos de mouse over puede tener, etc. A veces necesitará diseñar dos imágenes para que pueda ver cómo se ve cuando se lleva a cabo una determinada acción.

espacio de trabajo

Arriba hay una captura de pantalla de mi espacio de trabajo de Pixelmator donde estoy probando diferentes colores para el botón. Haré un montón de imágenes diferentes con diferentes colores, así que las tengo como opciones para diferentes efectos, etc.

iv) Guarde su diseño como PSD. Este es un formato de Photoshop que permite a cualquier persona con Photoshop leerlo, mover todos los elementos y cortarlos y unirlos. Esto es imposible (¡o realmente molesto!) Con una imagen plana como JPEG o PNG.

2. Cree una descripción del trabajo, elija un desarrollador y pruébelo

Esto puede sonar molesto, pero en realidad solo toma unos minutos y una vez que haya encontrado a alguien que le guste, puede continuar usándolo una y otra vez a medida que su negocio crezca.

Yo personalmente uso Crazy XHTML para cubrir la mayoría de mis desarrollos de WordPress. He tenido una buena relación con ellos durante años y los recomiendo felizmente todo el tiempo.

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

i) Escriba un “resumen” que comunique exactamente lo que desea que haga la función. Aquí hay un ejemplo de algo que le escribiría a mi desarrollador para el ejemplo de HelloBar en esta publicación:

Hola colega.

Espero tener una nueva función codificada en mi blog para el viernes.

Los PSD de diseño adjuntos y las instrucciones se encuentran a continuación. Hágame saber su costo estimado y cualquier pregunta.

1. La función es una “barra flotante” que se encuentra en la parte superior de la página y sigue al lector a medida que se desplaza.
2. Se pueden ver ejemplos en www.example.com.
3. Necesito una barra separada para escritorio y móvil y la capacidad de editarlos fácilmente en mi panel de WordPress.
4. Efecto de mouseover incluido en el diseño.
5. Configure la demostración antes de publicarla.

Gracias por adelantado.

Ramsay

Puedo mantener mis correos electrónicos bastante cortos porque conozco a mi desarrollador desde hace mucho tiempo y generalmente sabe lo que estoy tratando de decir. Si está trabajando con alguien por primera vez, tal vez incluya más ejemplos y capturas de pantalla solo para evitar ir y venir.

ii) Una vez que haya escrito el resumen o creado el trabajo en Freelancer, debe seleccionar al desarrollador o confirmar que su costo es apropiado. Dígales que todo está claro para seguir adelante y monitorear su progreso respondiendo cualquier pregunta que tengan, etc.

iii) Pruebe la función en el sitio de demostración que deberían haber configurado. Desea asegurarse de que esto suceda para que pueda ver cualquier error o problema antes de que se publique en su blog real.

3. Instale la función

La última etapa es tener la función instalada en su blog real. Esto puede ser en forma de un complemento, o puede que tengas que darle a tu codificador acceso al backend de tu blog a través de FTP para que pueda programar un poco.

Este es un concepto bastante aterrador para mucha gente: permitir que alguien tenga acceso a todo tu blog. Esta es una de las razones por las que prefiero ir con una empresa de confianza.

Si está utilizando Freelancer, asegúrese de elegir un desarrollador que tenga muchas críticas importantes 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 rentable. Una vez que encuentre un desarrollador con el que trabaje bien, realmente puede acelerar las cosas y encontrará que su blog se vuelve mucho más efectivo a medida que agrega características y funciones personalizadas que realmente necesita.

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

Foto superior: Sergei Zolkin

Deja un comentario