26 EKİM 2012, Cuma

Drupal Öğreticiler #57 - Drupal Tema 101-3 Ayarlama

O tut diyelim ve gösteri kalmak çok keşfettim olurdu sen Bir de görünen konusunda biraz daha ve biz yapıyor olması gidiyoruz dripling yüzden daha da bu projeyi kurmak yaşıyorum olduğunu Biz CSS ve JavaScript alabilirsiniz Eğer tema yüklü ise hazır herşey tamam ben çok sizin manzaraları, tüm temalar olmalıdır ve size Omega tema ile o yan yana görmeniz gerekir ve hepsi önce oluşturulan 1i benim St ekibimiz var bakın Tüm sonra iyi yapılır ve biz sadece 1i olan tema bu seviyeye kadar var oluşturulan takım için bir teşvik biz bir koltuk bazı klasörleri fark edeceksiniz isimler, biz onların

bir kaç farklı CSS dosyaları vardır gidecek bir CSS var üzerinde biz biz biz süreci var, bir logo P süreci bizim bilgi dosyası var var MS onların ekranı bir ekran görüntüsü napped Sadece bir şablon PHP dosyası olduğu

nu ve bizim şablonlar biz gerçekten karşılamak için gidiyoruz değil ise yani bu şablon en Bu şablon, biz bu bakıyor olacak şimdi P sürecini presler css Polak ve bir sonraki yeni bir klasör oluşturmak

“Bu Drupal 7 öğretici serisinin 57 öğretici olduğunu. Bu eğitimde Sass, Pusula ve kahve komut dosyası kullanmak için projenizi nasıl ayarlanacağı gösterir. Ayrıca ...”
LevelUpTuts

için gidiyor yapacak Oluşturduğunuz onların için girinti yapmak onların ve bir süreç içinde grup nat bir JS yaratabilir kendi ve o an için iyi olmalı ve böylece bizim CSS dosyaları oluşturmak için Eğer biz o zaman küresel bir CSSA orada olduğunu fark edeceksiniz ve Dar Normal varsayılan geniş varsayılan stil sayfaları olarak ayarlanır Bu özel boyutlar için medya sorguları fark edeceksiniz eğer Bu içine bakmak Örneğin bir Style Sheets bu yeni dönemin

Drupal Öğreticiler #57 - Drupal Tema 101-3 Ayarlama Resim 1 Drupal Öğreticiler #57 - Drupal Tema 101-3 Ayarlama Resim 2 Drupal Öğreticiler #57 - Drupal Tema 101-3 Ayarlama Resim 3 Drupal Öğreticiler #57 - Drupal Tema 101-3 Ayarlama Resim 4

ne zaman bakarsanız Hiçbir medya sorguları burada kodunuzu sarma yerde var ancak ben Omega temelde tüm bilmeniz gereken özen bu dar dosyadaki CSS gider olduğunu senin dar görüntüsü ve Küresel CSS dosyası biz senin seviyorum tanımlamak olduğunu Küresel CSS ve Almeida şu göndermek Bu olacak sekiz mobil ilk felsefe Cep stilleri ve in aslında toplam ve mobil stil düz olarak temel gidiyor ve ve sonra biraz daha geniş bir versiyonu için değişiklik yapmak istediğimde yer Hatta biraz daha geniş, normal varsayıla

n ve geniş olmayan varsayılan daraltmak gitmek Bu dosyalardaki sadece ayarlanması gereken şeyler ayarlamak edildi biz sadece başlıyoruz çünkü bunu ilk şey gitmek gibi dolaşırım edildi ile Aslında bu mutlu oluşturmak için gidiyorum mobil tema ilk olan I küresel CSS dosyası benim sass içinde bırakacağız ben onların tamam ben olmak için değiştireceğim uzatma diğerleri değilim s CSS erişim dosyası olarak kullanıyor gidiyor tamam şimdi biz bu var Biz onların erişimi var ve biz bir javascript klasör var Serin yani ama şimdi zamanı Monique Reid hakkında Yeni pencerede ve böylece Yüce Metin Bu örnekler için Ben Sublime Metin 2 kullanıyor olacağım size en ne olursa olsun Cody kullanabilirsiniz yukarı akıcı biliyorum ama ben Sublime Text 2 tavsiye biliyorum Bunu kontrol değil varsa yapmak ve lütfen böylece dakika aslında bütün bu tema onu bir sürükle dışarı yakala Benim proje içine böylece biz burada her şey olabilir K Mahkeme artık işe yeni dosya için RJS biter bana bu demek aracılığıyla da olacak: script dolandırıcılığı ihtiyacı olacak O kahve K ve bu bir polis, bir komut dosyası olacak biz aslında kullanmaya gerek sonradan o zaman daha ve en bir kaç bin yeni dosyası oluşturabilir bizim sass gidelim Yıllardır o bir tane var Baz sess çizgi ve başka bir tane var Bu Nixon'ın ben olacak olacak Nixon adlı çizgi Bu tamam ve EMBASE Sess Ben Nixon adlı döktü ithal gidiyorum bu yüzden İşsizlik Nixon adlı üssü haline ve sonra ben de pusula almak için gidiyorum bugünkü Janet yapmak Nixons önce okayed ve bu nedenle bu bizim üs s CSS stil ve daha sonra diğer belgelerin herhangi bir tür bu okayed var hem de getiriyor kendi kalacağım kullanmak istiyorsanız bu yüzden çok üstünde küresel sess içinde Yapacağımız ithalat yapmak ve bu baz olacak Tamam ve sen özünü oralarda değildi gerekiyorsa onlar da bilmiyorum biliyorum diyor ama check out acıyor ne düzeyde öğretici serisi diyor Tamamen kapsamlı onun olacak bilmeniz gereken her şeyi anlatacağım diyor bildiğim kadarıyla halka bence çünkü dediği gibi gerçekten size yardımcı olabilir bir şey CSS anlamak ve gerçekten eğlenceli reytinge yapmak değil varsa kadar bir bakıcısı olarak gidiyordu ya da sadece CSS düzenleme ve birlikte izliyor olabilir işte biz yapmamız gereken erişim kurulumu sonraki şey var bir derleyici kurmak var ve biz bu proje üzerinde pusulayı yüklemeniz gerekir yani, ne zaman aslında yapmak ve bir uygulama olarak adlandırılan kod çocuğu kullanarak hangi bir kullanım sahte gece çok seviyorum ve ne zaman kok tüm senin kahve komut dosyası için derleme olan kolları kriteri katyon parası JavaScript ve CSS JS katkısını yapar yapmak istiyorsun ekibim kod çocuk içine sürükle yani büyük app benim kod o burada onu o iş almak ve Seni bizim dosyalar bu proje için bir proje hava pusula kullanımı pusula demek var ve yıldız bu yüzden pusula görüntüler ve bu görüntü için bir ING ediliyor onların Ben onların CSS olan cesspool assassin oluşturmak gerekiyor hangi Onların JavaScript CSS için herhangi bir JS olan kendi can herşey Gidip izni ve kliği projesini kapsıyor ve hepimiz iyiyiz Burada bir ama onların benim görüntüler için bu ING oluşturmak bu yüzden diyoruz Eğer kokain var fark ederseniz bir bizim, sevgi derlenmiş dağınık ve aslında JS eller ile kontrol komut dosyaları 18 ben Şu anda derlemek tıklatın Biz gidiyoruz ne ve ben uzakta aldı biliyorum biz var onların bizim JS check out JS klasörüne oldukça serin tutulur kahve ama şimdi sadece komut dosyaları ve şimdi biz derleme eğer stilleri Eğer etmeyecek bir sürü görmek ama bu stilleri bakarsanız bunu görebilirsiniz Küresel o sess CSS kadar bağlantılıdır ve aynı zamanda tüm bu ebeveynler olarak biz yaratabilirsiniz CSS çok iyi bu diğer fakat biz dosyaları at Şimdi hepimizin CSS kullanmak üzere ayarlanmış olmalıdır diyelim ki Nedense BM ve diğer CSS dosyası için yeni bir CSS dosyası eklemek için gerekli iyi sen nokta bilgi dosyasında bu ekleyebilir Bu hepsi yüzden komut ekleyerek olurdu tüm komut selamlar Ben beri bu diski var Bu JS dosyasına lanetli o kahve Biz bilgi dosyası o yüzden gidelim olan bu iki olmasını istiyorsanız bizim ya sana gitmek bizim tema temel düzey bilgi bu ekip seviye yukarı Bana biraz olarak gerçekleri azaltmak ve bu burada bir sürü bilgi neden bu temelde tüm gots var The, adı Açıklama sahip yıl bize bir şey için bilgi Eğer üssü burada in değiştirebilirsiniz versiyonu Eğer bazı gibi tüm bu bölgeleri ve malzeme görebilirsiniz adlandırılmış ekran Ayarlar Buraya gelip eğer bir pop-up için de oldu ama bu yüzden gerekli yapmanız gereken ne bazı komut eklemek biz sadece bizim komut dosyasına ihtiyacınız ve güvenli başka bir CSS olması gerekir biz de burada ama biz komut dosyaları yazabilirsiniz ve daha sonra kendi parantez eşittir JS tire komut dosyaları bu JS ve birçok da eşarp sana gerektiği gibi İki yıllık belge eklemek sadece burada yapabiliriz daha ekleyebilirsiniz Şimdi biz herhangi bir eklenti olabilir ve ancak biz sadece bu bir tane var Bu js dosyası daha sonra bazı jQuery eklentileri falan başlamıştı ama şimdi bizim tema bizim komut olmalıdır Bu test etmek için iyi bir şekilde tema gelmek ve Eğer herhangi bir değişiklik yapmıyoruz yani eğer önbelleği temizlemek istemiyorum senin temalar bu bilgi dosyası Eğer görmeden önce önbelleği temizlemek için ihtiyacınız olacak Bunun yani tamam herhangi bir değişiklik önbellek açık bu yüzden beri eklenmesi 45 yılında veri etekler butik Biz komut için arama bizim kaynağını kontrol eğer önbellek temizlenir ettik Eğer tam burada burada görebilirsiniz Ben onun bizim için siteye eklendi seitz takımın seviyesi yukarı J serin .gs bu istediğimiz nasıl olduğunu kaçar Teknik bir şablon dosyalarını içine alabilir olabilir Temanız ve sadece kod kendiniz bu satırı ekleyebilirsiniz ama onunla yapmaz bu ne JS yapmaz Eğer bu şekilde yaparsak salya mutlaka var bilmiyor kötü yüzden ve burada eğer göreceksiniz senin performans size tüm javascript dosyaları bir araya getirebilmesini Drupal ile ve istediğin eyalet çalıştırmak a yapmak yapmayın şey biraz daha hızlı böylece CSS dosyaları dosyaları JS at Sizin alt tema gözlerinde o bilgi ile ve ben orada olduklarını bilecek Drupal göstermek edeceğiz tamam bu yüzden hepimiz CSS olan herhangi bir değişiklik yaparsanız hemen gitmek için hazırsınız Aslında sadece bu yüzden biz bunun için göstermek için bir şey var en onların gerçek hızlı yapalım CSS söylemek için gittiğini ve sonar küresel beden ve ve Ground hiçbir etkisi yükseltilmiş arka plan İnorganik kafatası arka plan asla 333 gri çok karanlık ve tamam görebiliriz pusula taze emekli derledi Bu atış başladı bu kadar gri arka plan olsun biliyorum Şu anda biz burada kendi javascript dosyaları var bir tema var ve biz biraz hazırsınız onların Eğer herhangi bir sorunuz varsa her zaman olduğu gibi oldu lütfen video üzerinde çalışıyor Heyecan bu yüzden bir sis var onun için yukarı seviyeye izlemek için o sayesinde var.

Açıklama

Bu Drupal 7 öğretici serisinin 57 öğretici olduğunu. Bu eğitimde Sass, Pusula ve kahve komut dosyası kullanmak için projenizi nasıl ayarlanacağı gösterir. Ayrıca nasıl .info dosyası aracılığıyla tema için komut dosyası eklemek gösterir. http://drupal.org/project/omega http://drupal.org/project/omega_tools Ekstra özellikler için Pro Up Düzeyine abone olun! http://leveluptuts.com/level-up-pro Sorularınız için yorumlar veya ziyaret sonrası: http://leveluptuts.com/forum Level Up Tuts Destek: http://leveluptuts.com/donations

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

LevelUpTuts

LevelUpTuts

Ön uç web geliştiricileri için Öğreticiler. Level Up Tuts web geliştirme ve diğer medya uygulamaları ücretsiz öğreticiler sağlamanın bir yolu olarak Scott Tolinski ve Ben Schaaf tarafından başlatıldı. Biz bir medya yaratıcısı olarak büyüme bizim bilgi yararlı bulacağını umuyorum. Biz tam zamanlı (ve freelance) geliştiriciler Çünkü, Level Up Tuts sana getirmek için biz çalışıyoruz, bir yandan projesidir. Eğer öğrendiklerini hoşlanıyorsanız bu yüzden yeni dersler yapmaya devam edebilirsiniz bağış yapmak için çekinmeyin. Level Up Tuts bu hızlı anketi doldurarak geliştirmemize yardımcı olun https://docs.google.com/forms/d/1x7MTNp_umnvdkwJ5dfOVnnJtndkYdU7EDoCE9r8bYBk/viewform

YORUMLAR



9.2/10

  • 36
    Olumlu
  • 3
    Olumsuz
  • 26
    Yorum
  • 13855
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Exalto_Gamer

    Exalto_Gamer

    15 EKİM 2014
  • pendrop gaming

    pendrop gami

    4 ŞUBAT 2013
  • The Bad Tutorials

    The Bad Tuto

    6 EKİM 2009

ANKET



Bu sayfa işinize yaradı mı?