Si tienes un blog de WordPress, normalmente encontrarás que un buen tema y un conjunto de plugins te cubrirán la mayoría de las funciones.
Pero, ¿qué pasa si hay algo que quieres que tu blog haga y ninguna de las soluciones existentes realmente lo resuelve?
Bueno, creas algo nuevo.
En la publicación de hoy, te daré una descripción general muy rápida y básica de cómo puedes diseñar y crear una función completamente nueva en tu blog con el menor inconveniente 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.
Así que decidí construir la mía propia.
Lo principal que quería hacer era tener una barra para dispositivos móviles y una barra para dispositivos de escritorio. Cada una tendría un mensaje, botón y URL de destino diferente, y podría cambiarla cuando quisiera sin pagar por clics.
La de escritorio:
Y aquí está la de móvil:
El resultado es que ahora tengo control total sobre esa barra en la parte superior de mi sitio. No tengo todas las analíticas y funciones de 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
Así que digamos que hay algo en tu blog que no puedes resolver con un plugin.
¿Qué haces?
Bueno, aquí están los pasos que suelo seguir para hacerlo rápidamente y sin costar una fortuna.
1. Diseña la función
Voy a usar el ejemplo de la barra que construí 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 tengas un programa como Photoshop o Pixelmator y un poco de conocimiento sobre cómo usarlo.
Si no es así, sin embargo, no es un gran problema y te daré otra opción a continuación.
i) Lo primero que querrás hacer es tomar una captura de pantalla de toda la parte del sitio web donde aparecerá esta característica o función. En una Mac, haces esto presionando Command Shift 4 y luego seleccionando el área de tu pantalla; con una PC, lo más fácil es simplemente abrir la Herramienta Recortes y hacer clic en Nuevo.
ii) Ahora querrás abrir esa captura de pantalla en Photoshop.
iii) Empieza a diseñar tu nueva característica pensando en cosas como la marca, cómo se mostrará, qué efectos al pasar el ratón podría tener, etc. A veces necesitarás diseñar dos imágenes para ver cómo se ve cuando ocurre una acción determinada.
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 varios colores para tenerlas como opciones para diferentes efectos, etc.
iv) Guarda tu diseño como un PSD. Este es un formato de Photoshop que permite a cualquiera con Photoshop leerlo, mover todos los elementos y cortarlos y unirlos. Esto es imposible (¡o realmente molesto!) con una imagen plana como un JPEG o PNG.
2. Crea una descripción del puesto, elige un desarrollador y pruébalo
Esto podría sonar molesto, pero en realidad solo toma unos minutos y una vez que hayas encontrado a alguien que te guste, puedes seguir usándolo una y otra vez a medida que tu negocio crece.
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 con gusto todo el tiempo.
La otra opción es ir a Freelancer.com y publicar un trabajo diciendo que buscas a alguien para desarrollar una nueva función en tu blog de WordPress.
i) Escribe un “resumen” que comunique exactamente lo que quieres que haga la función. Aquí tienes un ejemplo de lo que le escribiría a mi desarrollador para el ejemplo de HelloBar en esta publicación:
Hola.
Espero tener una nueva función codificada en mi blog para el viernes.
PSDs del diseño adjuntos e instrucciones abajo. Por favor, hazme saber tu costo estimado y si tienes alguna pregunta.
1. La función 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 escritorio y móvil y la capacidad de editarlas fácilmente en mi panel de WordPress.
4. Efecto de "mouse over" incluido en el diseño.
5. Por favor, configure la demostración antes de salir en vivo.
Gracias de antemano.
Ramsay
Puedo mantener mis correos electrónicos bastante cortos porque conozco a mi desarrollador desde hace mucho tiempo y él suele saber lo que intento decir. Si estás trabajando con alguien por primera vez, quizás deberías incluir más ejemplos y capturas de pantalla solo para evitar idas y venidas.
ii) Una vez que hayas redactado el brief o creado el trabajo en Freelancer, necesitas seleccionar al desarrollador y confirmar que su costo es apropiado. Dale luz verde para que proceda y monitorea su progreso respondiendo cualquier pregunta que tenga, etc.
iii) Prueba la función en el sitio de demostración que deberían haber configurado. Quieres asegurarte de que esto suceda para poder ver cualquier error o problema antes de que se publique en tu blog real.
3. Instalar la función
La última etapa es tener la función instalada en tu blog real. Esto podría ser en forma de un plugin, o podrías tener 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 es un concepto bastante aterrador para muchas personas: permitir que alguien tenga acceso a todo tu blog. Esta es una de las razones por las que prefiero recurrir a una empresa de confianza.
Si estás usando Freelancer, solo asegúrate de elegir un desarrollador que tenga muchísimas reseñas 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 efectivo en cuanto a costo y tiempo. Una vez que encuentras un desarrollador con el que te llevas bien, puedes acelerar mucho las cosas y notarás que tu blog se vuelve mucho más efectivo a medida que agregas funciones y características personalizadas que realmente necesita.
¿Tienes alguna pregunta? Deja un comentario abajo.
Foto principal: Sergei Zolkin
[ Sonríe ] Ramsay, tienes una manera de simplificar problemas intrincados.
¡Crear un nuevo plugin desde cero es alucinante!
Sí, solía pensar eso. Ahora los hacemos todo el tiempo. 🙂
Ramsay, ¡estos son excelentes recursos! ¿No puedes crear algo también con CSS (o con un tipo de tecnología inteligente que sepa CSS y WordPress)? Mi técnico creó una plantilla de página especial para mí (no estoy segura de cómo) y Studiopress facilita el uso de código CSS para modificar casi todo. No estoy segura si hará algo como una barra de saludo completa, ¡pero me has inspirado a averiguarlo!
Algunos de esos chicos de Fiverr son genios (si tienes suerte), pero tienes que confiar en alguien para que entre en tu blog y agregue algo... como autorizar una cirugía.
Cathy
Sí, claro que puedes. Yo ya no me meto con eso; es mucho más rápido para mí pagarle a un experto.
Esta es una distinción interesante, Ramsey. ¿Estás diciendo que podrías hacerlo, pero es más fácil y más eficiente en tiempo y costo que otros lo hagan? Si es así, ¿qué haces con el tiempo ahorrado?
¡gran publicación de nuevo!
Gracias Ramsey por compartir un artículo tan útil. Después de mucho tiempo leí un artículo diferente en tu blog. 🙂
¡Publiqué dos esta semana! Ja ja.
Gran idea para los procrastinadores: diseñar un archivo de Photoshop y usar un freelancer te ahorrará mucho tiempo de preocuparte por qué hacer con un plugin (lo cual para mí lleva siglos).
Jon Jon Jon.
Vaya... nunca se me habría ocurrido. Perfecto cuando tienes una idea y no hay un plugin. ¡Gracias por una idea fuera de lo común!
¡Bienvenido!
Hola,
Podrías haber titulado la publicación cómo publicar un trabajo en freelancer en lugar de decir cómo desarrollar una función personalizada.
No te lo tomes a mal, pero con el título esperaba que fuera algo más.
Gracias por los comentarios, Prabhat. Lo aprecio.
¡Eso está súper genial! Y mi esposo sabe Photoshop así que... ¡listo!
Gracias Ramsay.
¡Perfecto!
Hola Ramsay,
Gracias por la publicación.
Estoy pensando en el desarrollo de un plugin personalizado de WordPress y buscando desarrolladores de WordPress.
Me pregunto, ya que estás en este campo desde hace mucho tiempo, si conoces y podrías referir a algunos desarrolladores de plugins de WordPress.
Saludos,
Abhishek
Hay uno en el correo. 😉
Fui a su sitio web. No estaba claro si trabajan en plugins de WordPress completamente nuevos o no. Me pondré en contacto con ellos. Gracias 🙂
Afortunadamente, nunca he estado en una situación en la que un plugin no satisficiera todas mis necesidades, que no pudiera resolver simplemente instalando otro plugin... jajaja.
Sin embargo, ¡esto es realmente genial! Gracias por la idea Ramsey 🙂
Gracias por comentar.
Noté que dije "Ramsey" – me siento tonto 🙁
¡Por favor, perdóname Ramsay!
Hola Ramsay,
Excelente publicación, como siempre. Realmente disfruté esta publicación porque intenté desarrollar un plugin para Engagebit hace unos meses, pero no tuve éxito. Esta publicación fue útil.
Empezaré el proyecto de nuevo.
¡Que tengas un gran día!
Gracias, amigo.
Hola Ramsay,
¡Buen material, amigo.
Cuando cambié a la plataforma Rainmaker a finales del año pasado, tuve que despedirme de los plugins de WordPress. Te sorprendería las cosas que todavía puedo hacer gracias a mi experiencia en desarrollo web y la capacidad de Rainmaker para agregar scripts personalizados a cada página, sin embargo. 🙂
¿Qué cambió Hello Bar que te hizo cambiar? No los he usado en bastante tiempo.
Voy a tuitear este pronto, colega. También lo voy a publicar en FB (¿eso es una palabra?).
-Kevin
Sí, la gente parece estar encantada con Rainmaker. Me pregunto si debería intentarlo.
Hola Ramsay,
Cuéntame entre aquellos que son grandes fans de Rainmaker. (Si quieres leer por qué cambié a él, enlacé mi nombre arriba a la publicación que escribí sobre Rainmaker el otoño pasado).
Dicho esto, un cambio a Rainmaker requeriría un cambio de diseño para Blog Tyrant. A menos que logres que incorporen tu tema (lo cual es posible, supongo), necesitarías usar uno de sus temas de StudioPress y personalizarlo.
Por lo que vale, me encanta el diseño de tu sitio. Odiaría verlo desaparecer. 🙂
-Kevin
Publicación muy interesante. No estoy seguro de si estarías dispuesto a compartir, pero ¿cuánto costó hacer ese plugin? Solo para tener una idea aproximada.
Creo que fueron $60.
Vaya, eso es muy bueno para tu propio código/plugin personalizado. Definitivamente lo tendré en cuenta si encuentro una función que no pueda encontrar en el futuro.
Publicación interesante, Ramsay. Como indicaste anteriormente, crear tu propio plugin es bastante económico, ¿tienes todas tus funciones adicionales desarrolladas o todavía usas muchos plugins premium? A menudo encontraba que los plugins gratuitos simplemente no hacen lo suficiente y siento que gastar más dinero solo por la función que necesito no vale la pena. ¿Qué opinas?
¡Gracias y sigue así!
Hola Joep.
Normalmente estoy feliz de pagar por un buen plugin. Ayudan a que mi negocio sea más eficiente y puedo reclamarlos como deducción fiscal.
Sí, estaba pensando exactamente lo mismo sobre Hello Bar. Afortunadamente, estoy usando las plantillas Themify para la mayoría de mis blogs y fue súper fácil simplemente crear un hook 'antes del encabezado' y darle estilo para que se viera exactamente como una barra de saludo.
Ok, no tiene ninguna inteligencia, pero se queda en la parte superior de la página cuando te desplazas. Incluso puedo insertar una caja de registro de correo electrónico cuando esté listo.
Está en mi lista de cosas que hacer un tutorial.
Por supuesto que podría pagarle a un desarrollador, pero ¿dónde está la diversión en eso?
Ja ja. Creo que es súper divertido. ¡Me deja más tiempo para hacer senderismo!
jajaja. Waterfall Gully o senderismo real. Todavía no he estado en Flinders Ranges. Mejor lo pongo en mi lista de deseos.
Hola Ramsay, gracias por la publicación. También estoy planeando agregar una función personalizada para mi sitio web. Creo que estos puntos me ayudarán con mi sitio web. Sigue publicando.
Gracias, amigo.
Lynda.com tiene algunos cursos muy buenos sobre cómo personalizar un tema de WordPress y modificar funciones. Es realmente fácil de seguir porque consta de tutoriales en video fáciles de entender.
¡Gracias por el consejo!
¿Qué tal Ramsay? ¡Gran publicación! ¿Cómo está convirtiendo tu nuevo pop up y qué programa estás usando? Estoy usando MailChimp y convierte alrededor del 10%. Saludos, Chris
Sí, está en ese rango.
Un tutorial muy maravilloso Ramsay,
Nunca había pensado en esto antes. Por $60, apuesto a que será mucho más barato que el plugin ya diseñado que puede hacer lo que hace por ti.
Estaba pensando en cómo obtener un cuadro de funciones personalizado para mi blog, pero creo que debería probar este método.
Aunque nunca antes he usado freelancer, supongo que también puedo obtener el mismo servicio a través de Odesk.
Gracias por compartir.
Hazme saber cómo te va. Espero que ayude.
Es bueno saber sobre esta opción... El precio no está mal y la funcionalidad parece bastante robusta.
Los costos de desarrollo suelen resultar menos que fortuitos cuando las iteraciones comienzan a multiplicarse. Incluso algo como Elance.
Sí, supongo que por eso es bueno encontrar a alguien que conozcas y en quien confíes para trabajar después de un tiempo.
Después de leer algunos de los artículos en tu sitio web, me gusta mucho tu técnica de
bloguear. Lo guardé en mi lista de sitios de marcadores y volveré a revisar
en el futuro cercano. Por favor, visita mi sitio web también
y dime qué piensas.