25 herramientas en línea gratuitas que ahorran tiempo para los desarrolladores de WordPress

Como Fred escribió en una publicación anterior, aprender el desarrollo de WordPress es difícil. No es solo un caso de poder escribir código. Hay muchas habilidades asociadas: análisis, diseño, SEO, redacción de redacción, experiencia del usuario, mantenimiento y más. Los desarrolladores de WordPress deben usar una serie de sombreros y no pueden ser expertos en todo. Por lo tanto, le ayuda a tener herramientas para realizar algunas de las tareas pesadas y acelerar su flujo de trabajo. Este artículo presenta 25 herramientas en línea que son útiles en el desarrollo de WordPress. Este artículo presenta 25 herramientas en línea que son muy útiles en el desarrollo de WordPress. Mi definición para “herramientas en línea” aquí no incluye complementos de WordPress. Más bien, la mayoría de estas herramientas son sitios independientes que le permiten ingresar cosas y eliminar algo útil, ya sea un fragmento de código, una descarga, un texto reformado o simplemente información útil.
Muchas de estas herramientas fueron creadas por otros desarrolladores que necesitaban trabajar X para hacer la Tarea Y y compartir su trabajo con la comunidad de desarrolladores. ¡Lo mejor es que todas estas herramientas en línea son gratuitas! Algunos tienen versiones de actualización pagadas si desea más funciones. Herramientas de desarrollo de WordPress: Análisis Debido a que se rediseñan muchos proyectos de sitios web, estas herramientas ayudan a examinar los sitios web existentes. Si escribe una propuesta y aún no tiene acceso al back-end de un sitio web, puede buscar “bajo el capó” de un sitio, tal vez para planificar el diseño y la construcción o estudiar a un competidor.
1. Detector de temas de WordPress Hay algunos sitios que realizan un estilo Sherlock Holmes en un sitio web de WordPress. Mi favorito es el detector de temas de WordPress. Si el tema está disponible públicamente, hay un enlace de descarga. El detector también puede decir si se usa un tema infantil en el sitio y puede identificar algunos complementos. 2. Construir otro detective en línea, construido con la tecnología detrás de un sitio. Tal vez más complementos utilizados que el detector de temas WP y pueden revelar información sobre análisis, alojamiento, CDN, tipo de servidor y más. También puede ver qué otros sitios usan una determinada tecnología.

Hay extensiones para Firefox y Chrome para hacer una búsqueda rápida. 3. Desminificar aunque el código minimizado es excelente para un sitio rápido, no es fácil de leer. Puede revertir el proceso con UnMiniify. ¡Simplemente copie e inserte el código en el cuadro, presione el botón sin importar y bueno, bueno! Código claramente formateado, legible. Herramientas de desarrollo de WordPress: Diseño y desarrollo de estas herramientas ayudan en elementos front-end y de back-end del proceso de creación del sitio web. 4. Fontpair Si proyecta un sitio web, la tipografía es un ingrediente clave. La mayoría de los desarrolladores están familiarizados con las fuentes gratuitas de Google, pero elaborar las fuentes correctas puede requerir poco pensamiento.
Fontpair proporciona una combinación perfecta. Simplemente seleccione los tipos de fuentes de Google que desea asociar (por ejemplo, Serif + Sans Serif), y Fontpair sugerirá algunas combinaciones agradables.
También hay un enlace a algunos recursos tipográficos útiles en el sitio, si desea profundizar más en el tema. 5. GlyphSearch está buscando el icono perfecto para su proyecto? GlyphSearch tiene una súper búsqueda de ocho conjuntos de iconos populares, incluidos Font Awesome, Ionicons and Foundation. Dependiendo de su caso de uso, puede copiar toda la marca HTML, Hexadecimal Entity.

Las bibliotecas de iconos están actualizadas, por lo que no le preocupa que pierda nada. 6. Cambiar las fotos en el bloque Si tiene la intención de usar o no un complemento de compresión de imagen, las fotos de cambio de tamaño a granel son un sitio ingenioso. Puede cambiar el tamaño de una colección de fotos al mismo tamaño en unos segundos, útil si crea una galería de fotos.

El cambio de tamaño tiene lugar en su computadora local, por lo que no hay problemas de confidencialidad y puede guardar su configuración como preajuste para su reutilización. 7. Subraye Underline es un tema de inicio bien codificado que forma la base de los temas predeterminados de WordPress. Es de uso gratuito para sus propios proyectos.
Complete solo unos pocos detalles (Sass es opcional) y será recompensado con un archivo zip con sus propios personajes subrayadores. Simplemente agregue el código. 8. Plugin Boilerplates creados por Tom McFarlin y se convierte en Vinson, Plugin Boilerplate es una economía real cuando comienza el desarrollo de un nuevo complemento. Complete los detalles de su complemento, presione el botón de complemento de compilación y recibirá un archivo zip con un archivo lógico y una estructura de carpeta lista para iniciar el desarrollo. ¡Feliz bacalao!

9. GenerateWP GenerateWP ofrece un conjunto completo de herramientas para generar rápidamente WordPress. Los genretadores incluyen aquellos para crear o registrarse:
Varios tipos de consultas, incluidas WP_Que y clases relacionadas.

Tipos de publicaciones personalizadas y taxonomías personalizadas

Acción personalizada y ganchos de filtro
Barras laterales personalizadas
Escrituras y estilos
Una característica muy útil es que puede explorar fragmentos de código hechos por otros desarrolladores en el archivo de fragmentos. Clon, descargue o modifique los fragmentos: ¡depende de usted! Si prefiere que sus fragmentos generados permanezcan privados, puede registrarse como miembro premium por solo $ 10/mes (pagado anualmente). Esto también le brinda acceso a generadores premium que no están disponibles para usuarios gratuitos, asistencia y almacenamiento ilimitados.
10. WP Hasty similar a GenerateWP es WP Hasty. Tiene algunos generadores gratuitos que generan AWP que carece: un generador de compositor visual y un generador de correo WP. El plan premium del WP Hasty ofrece otros 10 generadores y otros beneficios. Tiene un precio de $ 4/mes. 11. Extensión del desarrollador web La extensión del desarrollador web de Chris Pederick es un cuchillo de herramienta suiza. Está disponible para navegadores Firefox, Chrome y Opera.
Entre las golosinas construidas incluyen:
Selector de color
Gobernante

Encuentra identificaciones duplicadas
Complete los campos de formulario (útil para la prueba de formularios rápidos)
Ver información de imagen
12. Generadores de conocimiento SQL SQL es una habilidad esencial cuando necesita seleccionar, insertar, actualizar o eliminar en la base de datos de WordPress, por ejemplo, si guarda la configuración del complemento o las opciones de personalización del tema. (También podría ayudar a limpiar los complementos sin una rutina de desinstalación adecuada. 13. El generador de color SASS Use Sass en su proyecto de WordPress tiene muchos beneficios, uno de los cuales es definir los valores de color y la posibilidad de manipularlos con funciones. Pero probablemente sea difícil ver qué color es “5% más oscuro”.
Aquí viene el generador de color sass. Tome el código hexadecimal de un color y agregue un porcentaje porcentual y puede ver cómo se ve el color si es claro, oscuro, saturado o desaturado.
14. Etiqueta HTML genial y atributo Stripper en línea A veces conocía un código desordenado en un sitio y necesitaba limpiarlo en rediseño. P.ej:
Publique o contente con la página con muchos estilos en línea.
Un documento de Google copiado en WordPress con etiquetas aburridas .

Contenido PDF pegado a WordPress que está lleno de etiquetas no deseadas, incluidas las interrupciones de línea.

Me pareció que un stripper de etiqueta es una ventaja para llevar a cabo esta tarea. Hay algunas herramientas que hacen esto, pero me gusta la etiqueta HTML genial y el stripper en línea de atributos debido a las opciones que obtiene. Hay una lista predeterminada de etiquetas y atributos para mantener, pero puede editarlas o eliminarlas todas dependiendo de su propósito (debe mantener el atributo HREF con la etiqueta , por ejemplo). Cómo muestra visualmente un sitio web o analiza el código para obtener errores. 15. Fireshot Fireshot es una de mis herramientas favoritas. Es mi extensión de navegador favorita hacer capturas de pantalla completas. Se aceptan diez navegadores diferentes. Hay una versión profesional que puede usar para anotar sus capturas de pantalla, además de otros beneficios. 16. Captura del navegador BrowserShots es una herramienta para verificar sitios web en diferentes navegadores y sistemas operativos (Windows, Mac y Linux). Se cubre una amplia gama de navegadores, incluidos Chrome, Firefox, Safari y Opera. En particular, Falt e IE faltan y no se prueban navegadores móviles. BROWSERSHOTS muestra sus capturas de pantalla después de unos minutos y tienen un corto tiempo para descargarlas.
Si necesita pruebas adicionales en diferentes navegadores y dispositivos, puede consultar una versión de prueba de prueba de navegador cruzado gratuito. 17. W3C No HTML Checker ¿Por qué debería validar su código? Debido a que es más probable que el código válido sea amigable con SEO, compatible entre los navegadores, se ejecute más rápido y sea más accesible. Ningún comprobador HTML es el sucesor del validador W3C más antiguo. El nombre es engañoso: verifique los errores HTML, CSS o SVG. 18. Jslint Jslint escanea el código JavaScript y ofrece sugerencias para que sea más limpio y más ordenado. ¿Ves demasiadas advertencias? En la parte inferior de la interfaz hay varios cuadros de selección en los que puede hacer que JSLint ignore ciertos factores en su evaluación. Diffchecker Si no tiene su idea favorita para comparar archivos, Diffchecker hará el trabajo. Pegue en dos archivos de texto, que pueden incluir código. El instrumento le mostrará las diferencias entre los dos. Si crea una cuenta gratuita, puede guardar las diferencias.
Trabaja en línea para fotos y PDF. También puede instalar una versión de la interfaz de línea de comandos a través de Node.js y NPM. Hay una versión de escritorio con múltiples funciones que puede probar gratis durante 30 días o comprar por $ 49. Herramientas de desarrollo de WordPress: producción Cuando termine de construir el sitio, estas herramientas optimizan su código y lo preparan para el lanzamiento. 20. Minimice si no reduce CSS y JS con instrumentos de línea de comandos o con un complemento de caché, puede usar Minify para completar el embarazo.
21. Converter CSS en SASS/SCSS ¿No dominaste la sintaxis SASS?El convertidor CSS en SASS/SCSS convertirá su código CSS en SASS o SCSS, usted elige cuál.22. Generador de cuentas de administrador de WordPress El generador de administrador de WordPress de Exygy ofrece una forma rápida de ejecutar una consulta SQL para crear una nueva cuenta de administrador.Es útil si ha desarrollado un sitio, pero lo enseña al cliente y necesita acceso al administrador.Rode la consulta en la base de datos de WordPress para crear la cuenta. WordPress Development Instruments: Mantenimiento Una vez que el sitio está en funcionamiento, estas herramientas lo ayudan a mantener un sitio saludable.23. Manegeswp Managementwp es una placa de software como servicio que le permite manejar más sitios de WordPress fácilmente y es mi sitio favorito de este tipo.
La versión gratuita tiene varias funciones, incluidas la copia de seguridad mensual, las verificaciones de rendimiento y la seguridad e informes de los clientes. Otras ventajas, como los sitios de clonación, requieren una actualización pagada. El precio depende de la cantidad de suplementos premium que use. 24. Las herramientas para administrar las redirecciones 301 redirecciones 301 son importantes para mantener un buen SEO en un sitio. Yoast Permalink Changer lo ayuda si ha decidido cambiar la estructura de enlace permanente al tipo /% postname% /. El instrumento genera automáticamente las redirecciones que necesita, según la URL del sitio, los enlaces permanentes existentes y el tipo de servidor. También es posible que necesite un instrumento para probar expresiones de redirección regulares como Regexr. 25. Comprobación de conexiones rotas Los enlaces interrumpidos se acumulan con el tiempo y pueden afectar la credibilidad y la capacidad de usar un sitio. Hay algo que querrá ver, especialmente si son enlaces de pago o enlaces afiliados. Hay algunos cheques de enlaces en línea, pero me gustan los checkest del enlace roto por algunas razones: verifique más enlaces que otras herramientas en línea hasta 3.000.

No hay límite para el número de enlaces encontrados.

Muestra dónde se interrumpe un enlace (número de línea) en la página.

Busque enlaces interrumpidos distintos.

Las limitaciones de servicio son:

Una sola verificación para cada dirección IP a la vez.

Un escaneo puede tomar mucho tiempo dependiendo del tamaño del sitio.

La imagen y los documentos no son escaneados.
No hay forma de exportar la lista de enlaces rotos a otro programa, por ejemplo, Excel.(Una forma de evitar esto, lo encontré, es enviar la página de resultados para imprimir y usar la opción Imprimir a PDF para descargarlo).¿Extrañé alguna de tus herramientas de desarrollo de WordPress favoritas?Agrégalos en los comentarios o comience una conversación en nuestro grupo de Facebook.