Respuesta a: Editar un Theme de forma Grafica

Inicio Foros WordPress Themes y Diseño Editar un Theme de forma Grafica Respuesta a: Editar un Theme de forma Grafica

#33948

pancholeal
Participante

Hola, primero que todo me presento, soy nuevo en este sitio y he comenzado a usar wordpress hace un par de meses, no soy para nada experto y bueno… si estoy aquí es para recibir ayuda y claro, si es posible, también entregarla.

Según lo que leo, lo que quieres hacer es poder editar como lo harías con DW, es decir probando directamente los cambios en un browser real (Firefox, Safari, Opera, IE, por nombrar los mas usados) y digo en un browser real pues sabemos que el editor visual de DW es un asco y no querrás confiar en la interpretación que hace del código, también existe [url=http://diariored.com/analisis/1999_09_19_21_57_12.html]GoLive[/url] que es mas o menos lo que buscas (drag & drop) pero desconozco si puede trabajar en local, ahora bien, no conozco ningún editor para wordpress ni para html puro con las características que mencionas, así es que en ese sentido no podría ayudarte, sin embargo te cuento lo que yo y muchos otros hacen para trabajar de esta forma (editar y ver).

Primero, y como dicen mas arriba, trabajar el código es indispensable y supongo que las aplicaciones que existen en ningún caso pueden hacer que el usuario pueda prescindir de manipular el código, por lo tanto hay que hacerse amigo de el.

Como WordPress es una aplicación que trabaja con bases de datos es preciso tener un servidor para trabajarlo (lease en este caso, editar plantillas, themes u otro), pero también es engorroso estar subiendo y bajando archivos y como no siempre tenemos un servidor o host al alcance lo que podemos hacer es convertir nuestro computador en uno:

para esto necesitamos algún programa que monte un servidor local, yo utilizo MAMP que es para mac pero existe también XAMPP que trabaja sobre windows, ambos trabajan con apache, MySql y PHP 5 por lo que para WordPress esta de lujo.

Puedes descargarlos [u]gratis[/u]:

[url=http://www.mamp.info/en/index.html]MAMP[/url] (para mac)

[url=http://www.apachefriends.org/en/xampp-windows.html#641]XAMPP[/url] (para windows)

Ambos son gratuitos y sumamente sencillos de utilizar y con abundante documentacion en red:

instalar [url=http://www.blogpocket.com/2006/11/20/como-instalar-mysql-en-mac/]MAMP[/url] (para mac)

instalar [url=http://ajbalmon.wordpress.com/2008/06/25/instalando-xampp-en-windows/]XAMPP[/url] (para windows)

Listo, ya tenemos un servidor local en lo que podremos montar wordpress con bases de datos y todo, tal como si estuviera en en la red, como?… asi:

Este [url=https://ayudawp.com/instalando-wordpress-en-un-servidor-local-22/]tutorial[/url] sirve tanto para MAC como para WINDOWS ya que ambos programas (mamp y xampp) tienen una carpeta llamada “htdocs que es en donde se coloca la carpeta WordPress.

pues con esto no soluciono para nada tu problema? la verdad es que creo que en gran medida, ahora puedes utilizar DW para editar tu sitio y visualizar los cambios en browsers reales que son los con que se deben realmente visualizar los cambios, en lo personal no uso DW pues como decia gventura mas arriba, ensucia el codigo y ofrece las condiciones para hacer malas practicas a la hora de escribir, manipular, editar codigo.

para editar tu theme debes abrir los archivos propios del theme (directorio: xampp o mamp > htdocs > wordpress > wp-content > themes > el theme que quieres editar) con tu editor preferido y un browser cualquiera (para ver el sitio debes escribir la siguiente direccion: http://localhost:8888/wordpress/ y para entrar al administrador http://localhost:8888/wordpress/wp-admin ) cada vez que hagas cambios en el editor, guardas y actualizas el browser, cuando las ediciones estén listas subes tu theme a tu servidor y listo.

Si no sabes cuales son las cosas que debes mover puedes usar un Plugin de firefox llamado [url=https://addons.mozilla.org/es-ES/firefox/addon/1843]firebug[/url] que te permite ver todo el código (menos el php) e identificarlo en el html y css, ademas te sugiero que entres en el código y muevas y muevas pues echando a perder se aprende!!!

espero que te sirva, saludos, suerte y recuerda que: code is poetry.

Pin It on Pinterest