¿Cómo convierto un tema de Wordpress?


11

Busqué en Google, pero no encontré ninguna solución automatizada. Entonces, lo comencé manualmente. Mapear archivos CSS es fácil, pero estoy buscando una forma de mapear bloques / plantillas. Por favor ayuda.

Respuestas:


16

No hay una forma directa de hacerlo ni una forma programática. Esto se debe a que las estructuras de la plantilla difieren mucho. Pero aquí están los pasos que debe seguir para lograr las conversiones más rápidas ...

  1. Cargue el tema en Wordpress y luego vea el sitio en un navegador. (El propósito de esto es extraer la estructura HTML básica de la plantilla).
  2. Vea la fuente en la página, copie todo el HTML y colóquelo en un editor de texto. Guardar en una nueva carpeta de proyecto.
  3. Copie sobre archivos CSS y JS a esta nueva carpeta de proyecto. Recomiendo usar una carpeta "css" y una carpeta "js" para la organización.
  4. Copie todas las imágenes a esta carpeta de proyecto. Recomiendo usar la carpeta "imágenes".
  5. Ahora tiene la plantilla base que necesita para convertirla en un tema para Drupal. ¡Hora de ponerse a trabajar!
  6. Recomiendo copiar el tema "guirnalda" a una nueva carpeta de proyecto y renombrarlo a su nuevo nombre de tema. Esto acelerará las cosas.
  7. Copie las carpetas css, js e imágenes al nuevo proyecto de tema.
  8. Edite el archivo .info para cargar archivos css y js.
  9. Modifique los archivos css y js para cargar cualquier imagen y otras rutas de archivos para que sean relativas a ellas.
  10. Usando una comparación lado a lado entre el page.tpl.php y su archivo html de plantilla, necesitará transformar la estructura del archivo tpl para que esté cerca de la del archivo html. Tenga cuidado de no eliminar referencias dinámicas.
  11. Pruebe, solucione los problemas según sea necesario.

Son muchos pasos, pero funciona. También puede usar un marco de tema que proporciona un tema esqueleto sobre el que construir. El único problema con esto es que a veces estos marcos son muy pesados ​​y hacen mucho más de lo necesario. El zen es común, pero es muy pesado. Puede encontrar más en el sitio web de Drupal en drupal.org (búsqueda de temas). A continuación hay algunos enlaces a algunos temas básicos.

  • Marco zen
  • NineSixty (960 Grid System, concepto muy flexible, aunque nunca lo he usado)
  • Fluid Grid (otro gran concepto, lo he visto en acción y es bastante agradable)

Finalmente, aquí hay un enlace a la guía de temas de Drupal .


Quiero agregar que desde que escribí este año pasado, he usado un tema base de 960gs y es hermoso lo bien que funciona. Incluso lo usé para convertir una plantilla básica que compré en línea en un tema de Drupal MUY rápidamente. Estoy enamorado del sistema y lo recomiendo encarecidamente. Generalmente no soy un chico de front-end, pero aún puedo hacer el trabajo si es necesario.
Patrick

Me gustaría agregar, usted menciona copiar el tema de la guirnalda y usar esto como punto de partida. Sugeriría usar uno de los temas iniciales que menciona, como Zen (recomendaría que alguien use Zen si es la primera vez que lo hace). Está diseñado solo para este propósito y conducirá a menos piratería y un tema más flexible al final.
cjm2671

1
Zen tiene muchos gastos generales involucrados y en realidad puede causar más confusión en comparación con algunos de los temas más livianos. Además, muchos de los extras que tenía en D6 están disponibles de alguna forma en núcleo en D7.
Patrick

Puede utilizar wget para obtener el sitio: wget --recursive --no-clobber --page-requisites --html-extension --convert-links --restrict-file-names=windows --no-parent -e robots=off --domains domain.com http://domain.com/path. Luego siga las instrucciones en esta respuesta.
frazras

4

Estoy de acuerdo con la respuesta de pthurmond, pero sugeriría no copiar todo el HTML y CSS, sino hacerlo paso a paso. Copie el HTML primero para, digamos, el menú; luego copie el CSS para ello. Usa Firebug para el proceso. De esta manera terminarás con solo las cosas realmente necesarias. También recomiendo una línea de sistema de cuadrícula 960.gs, ya que es muy flexible y no tendrá problemas de diseño.


1

Yo también estaba buscando una manera de convertir un tema de WordPress a Drupal pero no encontré ninguna solución fácil.

Como mi sitio Drupal es principalmente contenido de texto, he decidido crear un iframe dentro de mi sitio WP que contenga el sitio Drupal.

Parece que va a entrenar. He eliminado el encabezado y el pie de página del archivo de plantilla de Drupal y ahora todo lo que tengo es el cuerpo dentro de mi sitio WP.

Tendré que ajustar ligeramente el CSS en el sitio de Drupal, pero realmente estoy deseando que llegue este diseño híbrido.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.