Ayudas recomendadas para la creación de sitios web (capturas de pantalla, manipulación de imágenes, software para tomar notas, etc.)

Si quieres hacer un buen trabajo, primero debe hacer una buena herramienta. Aunque WordPress en sí es potente, pero con algunas buenas herramientas auxiliares, puede hacer que su proceso de construcción del sitio más eficiente y sin problemas, especialmente para cero novato básico, estas herramientas pueden ayudar a resolver una gran cantidad de operación práctica del problema encontrado.

En este artículo, clasificaremos y recomendaremos algunas herramientas útiles que utilizará en el proceso de creación de un sitio web WordPress, desde la planificación y el desarrollo hasta la creación de contenidos. La gran mayoría de ellas son gratuitas o proporcionan una versión libre, no dude en elegir.

​I. Notas y herramientas de planificación del pensamiento​

Antes de crear un sitio web, hay que planificar su estructura, inspirarse y recopilar información.

1. Notion​
   • ​Usos.​ ​todoterreno. Puede utilizarlo para redactar planes de proyectos, registrar listas de tareas pendientes, crear una base de conocimientos e incluso planificar el calendario de contenidos y la estructura de páginas de todo su sitio web.
   • Pros.De diseño modular y extremadamente flexible, puede construir casi cualquier sistema de gestión que necesite. La versión gratuita ya es muy potente.
   • Consejos para principiantes.Utilícelo para dibujar suMapa mental de la estructura del sitio webYLista de contenidos de la página。
2. ​XMind / MindMeister​
   • ​Usos.​ ​Herramientas de mapas mentales. Dedicado a la planificación de la visualización, es una gran herramienta para ordenar la categorización de las secciones del sitio web y la relación lógica de las páginas.
   • Pros.Imágenes intuitivas para ayudarle a usted y a los demás a comprender rápidamente la arquitectura general del sitio.
   • Alternativas.Papel y bolígrafo. Lo más primitivo, pero también lo más eficaz.

​II. Herramientas de diseño y tratamiento de imágenes​

WordPress no puede construir un sitio web sin la manipulación de imágenes, como la creación de banners, la compresión de imágenes y el simple tecleado.

1. ​Canva​
   • Usos.​ ​Una bendición para los diseñadores noveles. Crea fácilmente banners profesionales para sitios web, imágenes para redes sociales, imágenes destacadas de artículos, logotipos y mucho más con solo arrastrar y soltar sin ninguna base de diseño.
   • Pros.Cantidad masiva de plantillas y materiales (iconos, imágenes, fuentes), lo que reduce enormemente el umbral de diseño. La versión gratuita es suficiente para su uso.
   • Escenas esenciales.Crea una bonita imagen de portada para cada entrada del blog.
2. Figma​
   • ​Usos.​ ​Herramientas de diseño de interfaces más profesionales. Si tiene ideas más concretas sobre el diseño de su sitio web, puede empezar dibujando un esquema o prototipo sencillo con Figma.
   • Pros.La colaboración es potente y permite un control muy preciso del tamaño, el espaciado y mucho más. Gratis.
   • Consejos para principiantes.Puede utilizarse simplemente para planificar la disposición de los tableros en la página de inicio.
3. Snipaste​
   • Usos.​ ​La herramienta de captura de pantalla más potenteNo se trata sólo de hacer capturas de pantalla. No se trata sólo de hacer capturas de pantalla, se trata de “pegarlas” en la parte frontal de la pantalla, para poder configurarlas o codificarlas fácilmente.
   • Pros.Pequeño, rápido, sin publicidad y con funciones muy bien pensadas (por ejemplo, selector de colores o función de anotación).Muy recomendable.​
4. ​TinyPNG / Squoosh​
   • Usos.​ ​Herramientas de compresión de imágenes. Su uso para comprimir el tamaño de las imágenes antes de subirlas a la biblioteca multimedia de WordPress puede mejorar drásticamente la velocidad de carga de su sitio web.
   • Pros.Compresión inteligente que reduce drásticamente el tamaño del archivo con una pérdida de calidad apenas perceptible a simple vista.Pasos esenciales para el SEO y la experiencia del usuario.​

​III. Herramientas de desarrollo y depuración​

Aunque seas un novato, conocer estas herramientas puede ayudarte en un apuro.

1. ​FileZilla​
   • Usos.​ ​Herramienta cliente FTP. Cuando necesite cargar manualmente instaladores de WordPress, archivos de temas o modificar los archivos principales del sitio web (como el archivo wp-config.php) cuando llegue el momento de utilizarlo para conectarse a su servidor.
   • Por qué es necesaria.Aunque la mayor parte de esto se puede hacer en segundo plano, el FTP es la única forma de salvarte la vida en caso de problemas (por ejemplo, una pantalla blanca causada por un código erróneo en el functions.php del tema).
   • Pros.Gratuito, de código abierto y estable.
2. Herramientas para desarrolladores de navegadores​
   • Usos.​ ​Página web “Microscopio.. En su navegador (Chrome/Firefox) pulse el botón F12para abrirla. Puede ver la estructura HTML de la página, los estilos CSS y modificar el efecto de previsualización en tiempo real.
   • Aplicación para principiantes.Cuando quieras saber cuál es el color, la fuente o el margen de un elemento, utilízalo para verlo directamente. La herramienta definitiva para aprender y depurar CSS.
3. Código de Visual Studio​
   • Usos.​ ​Editor de códigoSi en el futuro deseas intentar modificar el código del tema (como archivos CSS o PHP), este es el editor preferido por desarrolladores de todo el mundo.
   • Pros.Gratuito, potente y con una gran cantidad de complementos para ampliar sus funciones. Incluso sin escribir código, puedes usarlo para editar archivos de texto con elegancia.

​IV. Herramientas de contenido y eficacia​

1. Grammarly​
   • Usos.​ ​Corrector de gramática y ortografía inglesas. Si tiene que redactar contenidos en inglés, puede ayudarle a evitar errores de bajo nivel y hacer que el artículo sea más profesional.
   • Pros.Comprobación ubicua en forma de complemento del navegador.
2. Todoist o Microsoft To Do​
   • Usos.​ ​Herramientas de gestión de tareas. Construir un sitio web es un proyecto, y dividirlo en tareas más pequeñas (por ejemplo, comprar un nombre de dominio, instalar un tema, escribir una página sobre nosotros) y completarlas una a una es mucho más satisfactorio y menos probable que se pase por alto.
   • Pros.Fácil de usar y sincronizado en múltiples plataformas.

​Resumen y consejos para principiantes​

No es necesario instalar todas las herramientas a la vez. Se recomienda seleccionarlas gradualmente, en función de la fase en la que se encuentre:

• Fase de planificación.​ ​Notiontal vezXMind+papel y lápiz。
• ​Fase de diseño y creación de contenidos.​ ​Canva(Cartografía) +Snipaste(Capturas de pantalla) +TinyPNG(imagen comprimida).
• Fase de desarrollo y despliegue.​ ​FileZilla(Pasar archivos) +Herramientas para desarrolladores de Chrome(ver efecto).
• Compañero completo.​ ​Barra de marcadores del navegador(Guarde el backend de WordPress, el backend del proveedor de alojamiento, el backend del domainer y otros enlaces importantes).

Estas herramientas son como su navaja suiza, que pueden ser útiles en diferentes escenarios de la construcción de sitios web WordPress. Utilízalas con destreza y dejarás de ser un “blanco” para convertirte en un “webmaster” eficiente.