40 Herramientas y recursos de diseño para WordPress

Por sí solo, WordPress es el negocio.

De hecho, no puedo pensar en una razón suficientemente buena por la cual cualquier empresa o individuo quiera usar algo que no sea WordPress para construir su sitio web.

WordPress actualmente controla más del 25% de todos los sitios web  en Internet. Esas son algunas estadísticas locas, ¿verdad?

WordPress actualmente controla más del 25% de todos los sitios web en Internet.

Lo mejor de WordPress es que no necesitas ser inteligente para usarlo.

Sí, WordPress.org es una plataforma de código abierto, pero realmente no necesita ser un diseñador o desarrollador web calificado para usar WordPress, o cualquiera de los miles de complementos, temas, aplicaciones y herramientas en línea que están disponibles para WordPress. hoy.

Si eres un blogger, propietario de una pequeña empresa, solopreneur, quien sea, si tu sitio está construido en WordPress, te espera un regalo con lo que tengo reservado para ti en esta publicación.

Entonces, sin perder más de su valioso tiempo, le doy más de 40 increíbles herramientas de diseño y desarrollo de WordPress, que  incluyen aplicaciones, servicios y diversas tecnologías en línea para todos los bloggers expertos y no expertos.

Solo para mencionarlo muy rápidamente: en la lista a continuación, describí algunas herramientas y servicios que no están directamente relacionados con WordPress, pero ciertamente son extensiones del uso de WordPress. Por ejemplo, menciono herramientas para editar fotos, de modo que pueda hacer que se vean bien en su sitio web de WordPress, etc.

OK, así que despotricando de mi parte, sigamos con la lista.

1. Nombre de dominio y alojamiento web

Cada proyecto de sitio web de WordPress comienza con dos ingredientes muy importantes. Un nombre de dominio único y un alojamiento web confiable.

Tenga en cuenta cómo digo ‘confiable’ y no solo ‘asequible’.

1. SiteGround Web Hosting – Cualquiera que sea el proyecto de blog o sitio web de WordPress que esté pensando en crear, no puede equivocarse al usar SiteGround para nombres de dominio y hosting confiables. Por supuesto, hay muchos otros para elegir .

2. Herramientas del navegador, aplicaciones y extensiones de Chrome

Bien, ahora aquí hay una lista de útiles, así como algunas de mis extensiones de Chrome y herramientas de navegador favoritas personales , para ayudarlo con su administración y desarrollo de WordPress. Pido disculpas ahora si utiliza cualquier otro navegador que no sea Google Chrome.

2. WordPress Style Editor : una útil extensión de Chrome que le permitirá guardar los cambios de CSS que realice con las herramientas de desarrollador de Chrome , directamente en su hoja de estilo de WordPress.

Esta extensión ha sido una de mis herramientas de desarrollo favoritas durante algún tiempo, y un gran ahorro de tiempo para mí si estoy trabajando en un proyecto de cliente o proyecto personal.

3. Control de la barra de administración de WordPress  : una simple extensión de Chrome para ver y ocultar el control de la barra de administración de su navegador.

Muy útil cuando desea acceder a la barra de administración desde el extremo frontal y ocultarla nuevamente sin tener que cambiar la configuración dentro de su perfil de WordPress. Otra extensión para ahorrar tiempo.

4. WordPress Site Manager  : agrega funcionalidad adicional al editor de WordPress.

5. Lista de verificación del desarrollador web  : una pequeña extensión útil de lista de verificación para Chrome que analiza el sitio web SEO , dispositivos móviles, usabilidad, accesibilidad, integración del entorno y rendimiento .

6. CSS Shack (Chrome ext)

7. Selector y convertidor de color  : ahorre un montón de tiempo con esta sencilla pero útil aplicación de selección de color. Excelente para encontrar valores de color de sitios web y páginas y convertirlos en HEX, RGBa o HSLa.

8. WhatFont – Esta es otra de mis extensiones favoritas de Chrome . ¿Alguna vez te has topado con un sitio web que usaba un estilo de fuente en particular que te encantaba y se preguntaba qué era? Esta herramienta te lo dirá. Ver imagen a continuación.

Herramientas y servicios de diseño y desarrollo en línea.

Cuando se trata de diseño , tener las herramientas adecuadas y el acceso a los servicios en línea disponibles a su alcance le ahorrará un montón de tiempo, ¿verdad? Estas son algunas de mis herramientas y servicios creativos favoritos que puede encontrar útiles para ayudarlo con el aspecto del diseño de cualquier proyecto de WordPress.

9. Herramienta de prueba de velocidad del sitio web de Pingdom : una herramienta confiable de prueba / carga de la página del sitio web y herramienta de información de la página.

10. Herramienta Google PageSpeed ​​Insight Score : mi herramienta favorita personal para probar la velocidad del sitio web o la página .

Esta herramienta le proporcionará información, así como consejos y advertencias sobre dónde realizar mejoras en su sitio , para que pueda mejorar el rendimiento general de su sitio.También probará y le proporcionará una puntuación sobre cómo aparece y funciona su sitio en dispositivos móviles. Utilice la herramienta de prueba amigable móvil en su lugar .

11. Herramientas para webmasters de Google: herramientas imprescindibles para ayudarlo a controlar el estado de su sitio web de WordPress en la búsqueda de Google.

12. Font Squirrel Webfont Generator : útil para generar fuentes seguras en la web para cargar en su sitio de WordPress. Funciona bien con fuentes personalizadas Thrive Themes .

13. Pixlr : potente colección gratuita de aplicaciones de edición de fotos para iOS y Android. También hay un editor de escritorio disponible.

14. Photoscape (Mac y Windows): herramienta de edición de fotos de escritorio súper simple, rica en funciones, completa con filtros, fuentes, formas, pinceles, efectos y más.

Hay una versión gratuita y una versión premium de este software de escritorio. La versión premium abre más opciones, herramientas y posibilidades creativas, con filtros adicionales, elementos de diseño, etc. para usar.

15. TinyPNG : una herramienta en línea útil para comprimir y reducir archivos PNG y JPG antes de cargarlos en su sitio de WordPress. La optimización de sus imágenes , por supuesto, le ahorrará mucho espacio a lo largo del tiempo y lo ayudará a reducir el tiempo de carga de la página para sus visitantes.

Cada imagen y captura de pantalla en esta publicación se ha comprimido y optimizado utilizando TinyPNG para mejorar la carga de la página.

16. Affinity Designer (Mac y Windows): un galardonado paquete de diseño gráfico totalmente profesional para diseñadores gráficos y visuales serios. Probablemente la suite de diseño gráfico más asequible en el mercado hoy también.

17. Affinity Photo (Mac y Windows): un software de edición de fotos bestialmente profesional para competir con algunas de las mejores herramientas profesionales en el negocio, incluido Photoshop de Adobe, ¡pero a una fracción del precio!

18. Guacamayo – Potente herramienta de estructura de alambre para diseñadores web. Si bien no puede usar esta herramienta para exportar proyectos a WordPress, es excelente para crear plantillas de diseño de sitios web con marco de alambre , antes de finalizar y mover su concepto de diseño a una plataforma diferente.

3. Gestión de proyectos y herramientas de desarrollo.

Ahora aquí están algunas de mis herramientas favoritas de gestión de proyectos y desarrollo web para entornos Mac y Windows, así como herramientas en línea y aplicaciones móviles.

19. CodeAnywhere.com – Potente entorno de desarrollo integrado en la nube multiplataforma (IDE) con muchas características. Aplicación web, Android o iOS disponible.

20. Quiver (aplicación Mac) : aplicación muy útil para programadores organizados y blogueros que trabajan con código y texto. Quiver te permite crear y mezclar texto, código, rebajas en un cuaderno. Gran editor de código ACE con soporte de resaltado de sintaxis incorporado.

Uso Quiver a diario, ya que me ahorra una gran cantidad de tiempo tener que seguir escribiendo código. Solo puedo buscar mis textos guardados y códigos para agregarlos instantáneamente a mis proyectos web.

21. Notepad ++ (Windows) : un popular editor de código fuente gratuito para usuarios de Windows, que admite muchos idiomas.

22. Atom (aplicación Mac) : mi aplicación de editor de texto / código de código abierto favorita y actual para Mac, y una que es completamente pirateable. En estos días no uso nada más que Atom, Quiver, junto con el complemento Child Themerpara desarrollar sitios web.

23. Bablic.com : herramienta de traducción de idiomas para el contenido del sitio web.

24. Selector de color (aplicación Mac) : una aplicación muy útil para identificar y guardar códigos de color HEX y RGB para usar en proyectos web. Muy fácil de usar, arrastrar y soltar en cualquier parte de la pantalla. Arrastre y suelte colores en la paleta para guardarlos para más adelante.

4. Temas, editores visuales, marcos y complementos

Ahora nos ensuciamos con algunos realmente impresionantes, y nuevamente algunos de mis temas, complementos y herramientas de diseño visual front-end favoritos de WordPress.

25. Thrive Architect (Plugin) : el mejor y más intuitivo plugin de editor visual front-end ‘verdadero WYSIWYG’ para WordPress … Suficientemente dicho. Mira mi reseña y tutorial aquí .

26. Thrive Themes : temas de WordPress de calidad premium fácilmente personalizables y centrados en la conversión para cualquier proyecto web de WordPress.

27. Genesis Theme Framework – StudioPress ha creado un poderoso framework de temas de WordPress, además de muchos temas infantiles profesionales para trabajar con WordPress CMS. Genesis es muy popular entre los bloggers y las pequeñas empresas.

Magnet4Blogging funciona con Genesis utilizando un tema hijo personalizado .

Leer: Genesis Theme Framework Review
Leer: Genesis VS Thrive Themes: ¿Cuál usar?

28. Genesis Design Palette Pro (complemento) : el GDP es un complemento simple con características de diseño integradas simples para ayudarlo a personalizar cualquier tema secundario de Genesis y sin tener que tocar una sola línea de código.

Leer: Genesis Design Palette Pro Review

29. Dynamik Website Builder (Plugin): DWB es un poderoso plugin de WordPress diseñado para ayudarlo a crear temas secundarios personalizados para Genesis Theme Framework.

Este es un complemento como nada que hayas visto para Genesis. Viene con muchas funciones y opciones integradas, incluida la capacidad de exportar sus temas secundarios para instalarlos en otros sitios web que ejecutan WordPress y Genesis Framework. Un favorito entre muchos diseñadores web front-end, desarrolladores y bloggers.

30. Temas Headway : el potente y original generador de temas de arrastrar y soltar de WordPress desde 2009. Es un placer trabajar con él sin tener que perder el tiempo con demasiado código. La licencia de desarrollador también incluye una serie de plantillas gratuitas.

31. Comprobación de temas (complemento): una herramienta imprescindible para todos los desarrolladores de temas. Cuando se instala, este complemento lo ayudará a probar y verificar su tema y garantizará que cumplan con los estándares actuales y más recientes de WordPress.

32. P3 Plugin Performance Profiler : un complemento increíble que lo ayudará a realizar un seguimiento del rendimiento de cada complemento que haya instalado en su sitio de WordPress. Excelente si está tratando de optimizar su sitio y lograr una carga de página más rápida para sus proyectos web.

Otras herramientas, servicios, aplicaciones, guías de referencia y recursos útiles.

Aquí hay una colección de otras herramientas útiles, guías de referencia, recursos que aún no he mencionado.

Estos incluyen bibliotecas de imágenes de archivo gratuitas, selectores de color, guías de referencia para desarrolladores, recursos de referencia y varias otras herramientas de desarrollo.

33. MAMP y MAMP Pro : para aquellos bloggers y desarrolladores basados ​​en Mac que desean crear una instalación de WordPress localmente en su computadora para proyectos de desarrollo. MAMP es gratis y también hay una versión MAMP Pro que le brinda un número ilimitado de hosts virtuales y más.

34. WampServer : para aquellos bloggers y desarrolladores basados ​​en Windows que desean crear una instalación local de WordPress en su máquina para trabajar en proyectos de desarrollo.

35. WordPress Codex – La biblia para usuarios y desarrolladores de WordPress.

36. Pixabay : sitio web increíble para encontrar imágenes y vectores de calidad gratuitos para usar en sus proyectos de diseño web, plantillas y páginas de destino personales y / o del cliente. Actualmente hay más de 1.2 millones de imágenes para elegir, todas gratis.

También puede contribuir cargando sus propias imágenes de calidad para compartir con otros. Mira algunos de los míos aquí .

37. GitHub : un sistema de archivo masivo en línea para que los desarrolladores se conecten en red y compartan proyectos, entre otras muchas cosas geniales.

38. Iconsflow : ¿necesita algunos iconos para su proyecto web o de aplicación? Echa un vistazo a Iconsflow . Hay un plan gratuito esperándote, o algunos planes muy asequibles si quieres crear muchos más conjuntos de iconos.

39. Freepik : el portal en línea único para todos sus recursos gráficos, vectores, archivos PSD, iconos, fotos y más.

40. Canva : un software de diseño gráfico en línea popular, intuitivo y extremadamente adictivo para que todos lo usen, independientemente de su experiencia o nivel de creatividad.

41. Colores de interfaz de usuario planos : un portafolio de referencia en línea de impresionantes colores de interfaz de usuario de diseño plano, completo con códigos de color HEX y RGBa para su uso.

42. Death To The Stock Photo : suscríbete a este sitio web y recibirás imágenes gratuitas de calidad en tu bandeja de entrada cada mes.

43. Dafont : un excelente lugar para encontrar fuentes de licencia gratuitas y comerciales para usar en sus proyectos de diseño y desarrollo web de WordPress.

¿Eso es?

Sí, esa es mi increíble lista de herramientas de diseño y desarrollo de WordPress. ¡Creo que todo blogger inteligente debería usar o probar al menos una vez!

Haremos todo lo posible para actualizar esta lista cuando encuentre nuevas herramientas que creo que vale la pena agregar aquí.

Por ahora, sin embargo, disfruta.

40 Herramientas y recursos de diseño para WordPress

40 Herramientas y recursos de diseño para WordPress