Bir Wordpress temasını nasıl dönüştürebilirim?


11

Google'ı aradım, ancak otomatik bir çözüm bulamadım. Bu yüzden manuel olarak başlattım. CSS dosyalarını eşlemek kolaydır, ancak blokları / şablonları eşlemenin bir yolunu arıyorum. Lütfen yardım et.

Yanıtlar:


16

Bunu yapmanın doğrudan bir yolu ya da herhangi bir programatik yolu yoktur. Bunun nedeni şablon yapılarının çok farklı olmasıdır. Ancak en hızlı dönüşümler için atmanız gereken adımlar ...

  1. Wordpress'te tema yükleyin, ardından siteyi bir tarayıcıda görüntüleyin. (bunun amacı şablonun temel HTML yapısını çıkarmaktır).
  2. Sayfadaki kaynağı görüntüleyin, tüm HTML'yi kopyalayın ve bir metin düzenleyicisine bırakın. Yeni bir proje klasörüne kaydedin.
  3. CSS ve JS dosyalarını bu yeni proje klasörüne kopyalayın. Kuruluş için bir "css" klasörü ve bir "js" klasörü kullanmanızı öneririm.
  4. Tüm görüntüleri bu proje klasörüne kopyalayın. "İmages" klasörünü kullanmanızı öneririm.
  5. Şimdi Drupal için bir temaya dönüştürmeniz gereken temel şablona sahipsiniz. Meşgul olma zamanı!
  6. "Garland" temasını yeni bir proje klasörüne kopyalamanızı ve yeni tema adınıza yeniden adlandırmanızı öneririm. Bu işleri hızlandıracak.
  7. Css, js ve images klasörlerinin üzerine yeni tema projesine kopyalayın.
  8. Css ve js dosyalarını yüklemek için .info dosyasını düzenleyin.
  9. Herhangi bir görüntü ve diğer dosya yollarını göreceli olarak yüklemek için css ve js dosyalarını değiştirin.
  10. Page.tpl.php ve şablon html dosyanız arasında yan yana karşılaştırma kullanarak, tpl dosyasının yapısını html dosyasına yakın olacak şekilde dönüştürmeniz gerekir. Dinamik referansları kaldırmamaya dikkat edin.
  11. Test edin, gerekiyorsa sorun giderin.

Bu çok fazla adım, ama işe yarıyor. Ayrıca, üzerinde oluşturulacak bir iskelet teması sağlayan bir tema çerçevesi de kullanabilirsiniz. Bununla ilgili tek sorun, bazen bu çerçevelerin çok ağır olması ve gerekenden daha fazlasını yapmasıdır. Zen yaygındır, ancak çok ağırdır. Daha fazla bilgiyi drupal.org adresindeki Drupal web sitesinde bulabilirsiniz (tema arayın). Aşağıda bazı temel temalara bazı bağlantılar verilmiştir.

  • Zen Framework
  • NineSixty (960 Grid System, çok esnek konsept, bunu hiç kullanmadım)
  • Fluid Grid (bir başka harika konsept, bunu eylemde gördüm ve oldukça güzel)

Son olarak, Drupal'ın tema rehberine bir link .


Bu geçen yıl yazdığımdan beri 960gs temel teması kullandığımı ve ne kadar iyi çalıştığını görmek çok güzel. Hatta çevrimiçi satın aldığım temel bir şablonu ÇOK hızlı bir Drupal temasına dönüştürmek için bile kullandım. Sisteme aşığım ve kesinlikle tavsiye ederim. Ben genellikle ön uçlu bir adam değilim, ancak gerekirse işi yine de yapabilirim.
Patrick

Eklemek istiyorum, çelenk temasını kopyalayıp bunu başlangıç ​​noktası olarak kullanıyorsunuz. Zen gibi bahsettiğiniz başlangıç ​​temalarından birini kullanmanızı öneririm (birisinin bunu ilk kez yapması durumunda Zen kullanmasını öneririm). Sadece bu amaç için tasarlanmıştır ve sonunda çok daha az saldırı ve daha esnek bir temaya yol açacaktır.
cjm2671

1
Zen'in ek yükü vardır ve daha hafif ağırlık temalarından bazılarına kıyasla aslında daha fazla karışıklığa neden olabilir. Ayrıca D6'da sahip olduğu ekstraların birçoğu D7'nin çekirdeğinde bir şekilde mevcuttur.
Patrick

Siteyi almak için wget kullanabilirsiniz: 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. Sonra bu cevaptaki talimatları izleyin.
frazras

4

Arthurmond'un cevabına katılıyorum, ancak tüm HTML ve CSS'yi kopyalamamanızı değil, adım adım yapmanızı öneririm. HTML'yi önce menü için kopyalayın; daha sonra bunun için CSS'yi kopyalayın. İşlem için Firebug kullanın. Bu şekilde sadece gerçekten gerekli şeylerle sonuçlanacaksınız. Ayrıca çok esnek olduğu ve herhangi bir yerleşim probleminiz olmayacağı için bir ızgara sistemi hattı 960.gs öneririm.


1

Ben de bir WordPress temasını Drupal'a dönüştürmenin bir yolunu arıyordum, ancak kolay bir çözüm bulamadım.

Drupal sitem çoğunlukla metin içeriği olduğundan, WP sitemde Drupal sitesini içeren bir iframe oluşturmaya karar verdim.

Antrenman yapacak gibi görünüyor. Üstbilgi ve altbilgiyi Drupal şablon dosyasından kaldırdım ve şimdi sahip olduğum tek şey WP sitemin içindeki gövde.

Drupal sitesindeki CSS'yi biraz ayarlamam gerekecek ama bu hibrit tasarımı gerçekten dört gözle bekliyorum.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.