Como faço para converter um tema do Wordpress?

11

Pesquisei no Google, mas não encontrei nenhuma solução automatizada. Então, eu comecei manualmente. O mapeamento de arquivos CSS é fácil, mas estou procurando uma maneira de mapear blocos / modelos. Por favor ajude.

theming user931
fonte

Respostas:

16

Não há maneira direta de fazê-lo, nem maneira programática. Isso ocorre porque as estruturas do modelo diferem muito. Mas aqui estão os passos que você deve seguir para obter as conversões mais rápidas ...

  1. Carregue o tema no Wordpress e depois visualize o site em um navegador. (o objetivo disso é extrair a estrutura HTML básica do modelo).
  2. Visualize a fonte na página, copie todo o HTML e solte em um editor de texto. Salve em uma nova pasta do projeto.
  3. Copie sobre arquivos CSS e JS para esta nova pasta do projeto. Eu recomendo usar uma pasta "css" e uma pasta "js" para organização.
  4. Copie todas as imagens para esta pasta do projeto. Eu recomendo usar a pasta "imagens".
  5. Agora você tem o modelo base que precisa para transformá-lo em um tema para o Drupal. Hora de ficar ocupado!
  6. Eu recomendo copiar o tema "guirlanda" para uma nova pasta do projeto e renomeá-lo para o seu novo nome de tema. Isso irá acelerar as coisas.
  7. Copie as pastas css, js e images para o novo projeto de tema.
  8. Edite o arquivo .info para carregar arquivos css e js.
  9. Modifique os arquivos css e js para carregar quaisquer imagens e outros caminhos de arquivo que sejam relativos a eles.
  10. Usando uma comparação lado a lado entre o page.tpl.php e o arquivo html do modelo, você precisará transformar a estrutura do arquivo tpl para ficar próxima à do arquivo html. Cuidado para não remover referências dinâmicas.
  11. Teste, solucione problemas conforme necessário.

São muitos passos, mas funciona. Você também pode usar uma estrutura de tema que fornece um tema esqueleto para desenvolver. O único problema com isso é que às vezes essas estruturas são muito pesadas e fazem muito mais do que o necessário. O Zen é comum, mas é muito pesado. Você pode encontrar mais informações no site do Drupal em drupal.org (procure por temas). Abaixo estão alguns links para alguns temas básicos.

  • Zen Framework
  • NineSixty (960 Grid System, conceito muito flexível, eu nunca o usei)
  • Fluid Grid (outro grande conceito, eu já vi isso em ação e é muito bom)

Finalmente, aqui está um link para o guia de temas do Drupal .

Patrick
fonte
Quero acrescentar que, desde que escrevi este ano passado, uso um tema básico de 960gs e é simplesmente lindo o quão bem ele funciona. Eu até o usei para transformar um modelo básico que comprei on-line em um tema Drupal MUITO rapidamente. Estou apaixonado pelo sistema e recomendo. Geralmente não sou um cara de front-end, mas ainda posso fazer o trabalho, se necessário.
Patrick
Gostaria de acrescentar, você mencionou copiar o tema guirlanda e usá-lo como ponto de partida. Eu sugeriria o uso de um dos temas iniciais que você mencionou, como o Zen (eu recomendo que alguém use o Zen se for a primeira vez que faz isso). Ele foi projetado para esse fim e resultará em muito menos hackers e um tema mais flexível no final.
cjm2671
1
O Zen tem muita sobrecarga e pode realmente causar mais confusão quando comparado a alguns dos temas mais leves. Além disso, muitos dos extras que ele possuía no D6 estão disponíveis de alguma forma no núcleo do D7.
27412 Patrick
Você pode usar wget para obter o site: 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. Em seguida, siga as instruções nesta resposta.
frazras
4

Concordo com a resposta de pthurmond, mas sugiro não copiar todo o HTML e CSS, mas fazê-lo passo a passo. Copie o HTML primeiro para, digamos, o menu; copie o CSS para ele. Use o Firebug para o processo. Dessa forma, você acabará apenas com as coisas realmente necessárias. Também recomendo uma linha 960.gs do sistema de grade, pois é muito flexível e você não terá problemas de layout.

Varshith
fonte
1

Eu também estava procurando uma maneira de converter um tema WordPress para Drupal, mas não encontrei nenhuma solução fácil.

Como meu site Drupal é principalmente de texto, eu decidi criar um iframe no meu site WP contendo o site Drupal.

Parece que vai malhar. Eu removi o cabeçalho e rodapé do arquivo de modelo do Drupal e agora tudo o que tenho é o corpo dentro do meu site WP.

Vou ter que ajustar um pouco o CSS no site Drupal, mas estou realmente ansioso por esse design híbrido.

Parag
fonte