Crea y edita Tu Tema De WordPress Ideal En Dreamweaver

Adobe Dreamweaver es una herramienta de escritorio para diseñar visualmente un sitio web. Es un IDE de front-end (entorno de desarrollo integrado) que le permite cambiar rápidamente entre la visualización de HTML, CSS, JavaScript y una vista previa en vivo del diseño actual.

También puede diseñar y maquetar páginas visualmente, utilizando un potente modo WYSIWYG («lo que ves es lo que obtienes») que genera código automáticamente mientras trabaja.

Dreamweaver se integra bien con otras herramientas de diseño visual de Adobe como Photoshop, InDesign e Illustrator. Para los profesionales de diseño gráfico experimentados que están acostumbrados a trabajar con esas otras aplicaciones, Dreamweaver ofrece una forma sencilla de adentrarse en el diseño web sin tener que dominar la codificación en tres idiomas diferentes.

WordPress es el sistema de gestión de contenido más popular de la web, que alimenta más del 25% de todos los sitios públicos. WordPress separa el contenido, la funcionalidad y el diseño; el diseño del front-end de un sitio de WordPress está determinado por un tema. Un tema es una colección de archivos de plantilla PHP que generan resultados HTML, y uno o más archivos CSS que definen el estilo visual.

Crear un tema para WordPress suele ser un ejercicio de codificación, y Dreamweaver se creó específicamente para ayudar a los diseñadores de páginas a evitar tener que codificar. De hecho, en las primeras versiones de Dreamweaver, el código PHP causaba problemas de visualización.

Además, Dreamweaver se orientó hacia la creación de páginas HTML completas, no plantillas de página divididas entre varios archivos PHP. En base a estos problemas, parecería que Dreamweaver no es una buena opción para el desarrollo de WordPress. De hecho, la opinión común solía ser que WordPress y Dreamweaver eran mutuamente excluyentes.

Sin embargo, esa opinión está un poco desactualizada en este momento. Dreamweaver ahora admite la integración con varios sistemas de gestión de contenido, incluido WordPress. Editar archivos de plantilla es tan fácil como editar páginas HTML, y el editor de código de Dreamweaver incluso incluye resaltado de sintaxis y autocompletado para PHP.

WordPress y Dreamweaver fueron diseñados para facilitar la creación de páginas web. Originalmente no estaban destinados a trabajar juntos, por lo que preparar todo requiere un poco de trabajo.

Pero si sigues alguno de los excelentes tutoriales que hemos recopilado para ti y agregas las excelentes herramientas que encontramos, no hay nada que te impida usar tu editor de páginas favorito para diseñar tu sistema de gestión de contenido favorito.

Tutoriales para trabajar con WordPress en Dreamweaver

• Cómo usar Adobe Dreamweaver para Diseñar una publicación de blog de WordPress o Editar un tema de WordPress es un tutorial completo que incluye información sobre cómo configurar un entorno de desarrollo local e integrar las dos tecnologías.
• Dreamweaver CC y WordPress 3.8: Conceptos básicos, de Lynda.com, es un curso de vídeo de cinco horas que cubre todo, desde el diseño adaptable hasta el uso de Dreamweaver para la implementación y las pruebas.
• Crear sitios de WordPress con Dreamweaver es un tutorial detallado que explica cómo configurar una instalación local de WordPress y conectarla a Dreamweaver.
• Crear sitios de WordPress con Adobe Dreamweaver CC es un gran tutorial del blog de Adobe que explora no solo cómo usar Dreamweaver con WordPress, sino también por qué querría hacerlo. Aquí también hay mucha inspiración visual.
• Dreamweaver CC Trabajar con WordPress es un tutorial completo sobre cómo crear temas de WordPress utilizando Dreamweaver, con más de seis horas de contenido de vídeo.
• Cómo configurar WordPress en Dreamweaver es un breve tutorial en vídeo centrado en conseguir que WordPress y Dreamweaver jueguen bien juntos.
• Establecer un flujo de trabajo de Dreamweaver CC y WordPress detalla los detalles de cómo integrar de manera efectiva WordPress y Dreamweaver en un proceso de desarrollo sensato.
• Editar un tema de WordPress con Adobe Dreamweaver CS5 es una serie de cuatro partes sobre la edición (no la construcción desde cero) de temas de WordPress con Dreamweaver.
• Editar un blog de WordPress con Dreamweaver CS5 es un recorrido muy detallado de lo que se necesita para ejecutar WordPress localmente y editar archivos de temas en Dreamweaver.
• Usar Dreamweaver para el diseño y desarrollo de WordPress describe el proceso básico de hacer que las dos aplicaciones funcionen juntas, pero también proporciona muchos consejos prácticos y ejemplos prácticos de lo que podría salir mal y cómo asegurarse de que las cosas salgan bien.
• Editar un tema de WordPress en Adobe Dreamweaver es un breve tutorial en vídeo que te ayudará a empezar a usar Dreamweaver con WordPress.
• La edición de temas de WordPress con Dreamweaver explica paso a paso cómo configurar un servidor de pruebas, instalar WordPress localmente e integrar Dreamweaver. Este artículo también trata de resolver algunos de los problemas comunes que surgen al editar archivos de temas desde Dreamweaver.
• Convertir un sitio de Dreamweaver a WordPress no se trata de trabajar en un tema de WordPress desde el interior de Dreamweaver, sino de convertir un sitio de Dreamweaver existente a WordPress.
• Cómo editar temas de WordPress Con Dreamweaver es un poco anticuado, pero proporciona buena información para ajustar temas.

¿Debo usar Dreamweaver con WordPress?

A muchos diseñadores web profesionales no les gusta Dreamweaver y no creen que deba usarlo para crear sitios web. Sin embargo, estas opiniones son probablemente un poco exageradas.

Es cierto que la mayoría de los desarrolladores de front-end profesionales no suelen utilizar Dreamweaver. Sin embargo, la mayoría de las cosas de las que a la gente le gusta quejarse en Dreamweaver se han solucionado en versiones recientes.

WordPress es tan popular como lo es precisamente porque no tienes que ser un desarrollador profesional de front-end para usarlo. Puede obtener un sitio bien construido y funcionando rápidamente, incluso si no sabe codificar. Es exactamente por eso que Dreamweaver también se hizo popular.

El uso de Dreamweaver con WordPress le permite crear temas personalizados sin tener que aprender HTML, CSS, JavaScript y PHP. Eso no significa que seas un desarrollador de front-end, pero sí significa que no tienes que serlo.

Más Lecturas y recursos

Tenemos más guías, tutoriales e infografías relacionadas con la codificación y el desarrollo de sitios web:

• Composición de buen HTML: esta es una sólida introducción a la escritura de HTML bien formado y el uso de software de validación de HTML.
• Introducción y recursos de Dreamweaver: esto te ayudará a empezar a usar Dreamweaver si eres nuevo en él.
• Alojamiento de sitios web de Dreamweaver: Aunque los sitios creados con Dreamweaver deberían funcionar en cualquier escenario de alojamiento, hemos recopilado información y seleccionado hosts recomendados que tienen experiencia en Dreamweaver.
• WordPress Hosting-Conozca y compare sus opciones para alojar sitios web creados con WordPress.