it-swarm.asia

Sıfırdan yeni bir tema nasıl oluşturulur?

WordPress'te yeniyim.

Yeni tasarımımı WordPress teması olarak uygulamak için hangi adımları atmam gerekir?

5
googletorp

Carrington (ki gerçekten harika olan) gibi "skinnable" tema çerçevesine bir alternatif, sıfırdan yaptığınız bir tasarımı entegre etmektir. Özel WordPress temaları oluşturmayı bu şekilde öğrendim. Not: Bu, pek çok denemeyi içeren hack yöntemidir. Ama benden hoşlanıyorsan ve ellerinle oynadığın zaman en iyisini öğrensen, bu sana çok şey öğretebilir.

BTW, HTML, CSS ve PHP bildiğinizi varsayıyorum. Aksi takdirde, sıfırdan yeni bir tema oluşturmak için bu teknolojilerle ilgili çalışma bilgisi gerekir. LAMP 'ın çalışma bilgisi de faydalıdır.

  1. İlk önce, tasarımınızı statik kodda oluşturun: HTML ve CSS. Çapraz tarayıcı dostu olduğundan ve bir WordPress blogunda bulunacak öğelerin tümünü içerdiğinden emin olun (ör. Yorumlar, arşiv sayfaları, vb.) Ayrıca, tüm CSS kodlarını "style.css" adlı tek bir dosyaya yerleştirin ve tüm harici dosya referanslarının (CSS, resimler, JS, vb.) Mutlak URL'ler değil göreceli URL'ler kullandığından emin olun.

  2. Yerel makinenizde çalışan WordPress'i edinin. Bu, Apache, PHP ve MySQL'in masaüstünüze veya dizüstü bilgisayarınıza kurulmasını gerektirir. Windows kullanıyorsanız, WampServer Güzel bir çözümdür. Mac kullanıyorsanız, MAMP _ de iyi çalışır. Sonra WordPress'i yükleyin.

  3. WordPress yükleme paketiyle birlikte gelen Varsayılan temanın dosyalarını açın./Wp-content/themes/default/klasöründedir. Bu tema muhtemelen ihtiyacınız olandan daha fazla dosyaya sahiptir. Alternatif olarak,/wp-content/themes/classic/elbette, daha az tema dosyasına sahip olan Klasik temayla da başlayabilirsiniz. BTW: Varsayılan tema varsayılan olarak seçilir (ahh), ancak Klasik temayla başlamak istiyorsanız, o temayı WP admin içinde etkinleştirdiğinizden emin olun, böylece nasıl göründüğünü görebilirsiniz.

  4. Tarayıcınızda, WordPress Kodeksindeki Tema Geliştirme bölümünü açık tutun. Çok sık ihtiyacın olacak. Şablon Dosyaları Listesinde , bu listenin Varsayılan (veya Klasik) temada gördüğünüz dosyalarla nasıl eşleştiğini görürsünüz. Bazı tema dosyaları gerekli, bazıları zorunlu değil.

  5. Ne tür bir kişi olduğunuza bağlı olarak, artık tema dosyalarıyla uğraşmaya başlayabilir ve neyin işe yaradığını, neyin kırıldığını vb. Görebilirsiniz. Kendi tasarımınızın parçalarını bu temaya taşımaya bile başlayabilirsiniz. Veya, Tema Geliştirme talimatlarını dikkatlice okuyabilirsiniz (özellikle bilgi Döngü özellikle önemlidir), sonra geri gelin ve dosyalarla doldurun.

Bunu yapmaya başladığımda birçok şey bozulur. Bu durumda endişelenmeyin, bu yüzden bunu kamuya açık bir web sitesinde değil kendi yerel makinenizde yapıyorsunuz. Bozulmalar öğrenme eğlencesinin bir parçasıdır.

Sonunda, HTML ve CSS'nizin parçalarını Yavaşça veya Klasik temanın içine yavaşça taşıyabilir ve daha sonra hepsini çalıştırabilirsiniz. O zaman bir n00b'den bir Çırak'a mezun olacaksın.

Bundan sonra, PHP kodunun parçalarını (WordPress ' Şablon Etiketleri ) dışına taşıyabilirsiniz. Varsayılan veya Klasik tema ve HTML'inize ekleyin. İşte o zaman bir Yolculuğa mezun olacaksın.

(Ben kendi widget'larını, eklentilerini ve temalarını kolaylıkla yazabilen bir Kıdemli Yolcu olduğunu düşünüyorum. Ve bir Üstat, bu noktada WordPress Çekirdeğine geri katkıda bulunuyorsunuz. Kesinlikle öyle değil.)

Umarım bu yardımcı olur.

11
Mike Lee

Kendi temanızı oluşturmak için bir temel oluşturan Starkers gibi bir "başlangıç" teması kullanabilirsiniz. Yerinde asgari işlevsellik var, bu yüzden bazı işleri kendiniz yapmak zorundasınız.

Diğer bir seçenek de, basitçe kullanabileceğiniz birçok ortak temel işlev içeren bir tema çerçevesi kullanmaktır. Seçenekler arasında Carrington ve Genesis bulunur.

Sizi WordPress etiketleri ve işlevleri hakkında bilgi edinmeye zorlayacak Starkers ile başlamanızı öneririm. Sonra daha sonra çalışmayı hızlandırmak için bir çerçeve kullanabilirsiniz.

Ayrıca, tema geliştirme ile ilgili kaynaklar için, bu sorudaki cevaplarına bakmak isteyebilirsiniz .

3
Grant Palin

Kendi temanızı sıfırdan başlatabilir veya Tematik ( http://themeshaper.com/thematic/ ) gibi mevcut tema çerçevelerini kullanabilir ve çevrelerindeki tema. Tüm temayı sıfırdan geliştirmek istiyorsanız http://codex.wordpress.org/Theme_Development ve Wordpress Codex gibi diğer kaynaklar kanıtlanabilir. çok kullanışlı. http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/ Ayrıca yeni başlayanlar için çok harika bir Wordpress tema oluşturma öğreticisi.

0
User

Her zaman WPBasis ile başlangıç ​​teması olarak başladım ve müşterinin ihtiyaçları için eklenti ve tema yazdım - hepsi bu

0
bueltge