Ghost Temasında CSS Dosyaları Nasıl Oluşturulur

[Nizam-ı Alem]

ROHAN2 WORLD 1-120 TR TİPİ OFFICIAL YOHARA, BALATHOR VE AMON! 80. GÜNÜNDE! +10.000 ONLİNE! HİLE VE BOT %100 ENGELLİ HEMEN TIKLA!

Ghost temanızda CSS dosyalarını Gulp ile nasıl oluşturacağınızı öğrenerek, kolayca stil güncellemeleri yapabilirsiniz

Ghost temanızda bir CSS dosyasını düzenledikten sonra bu değişikliklerin sitenizde neden görünmediğini merak ettiniz mi? Muhtemelen önemli derleme adımını kaçırdınız.

Bu eğitimde, temanızda stilistik değişiklikler yapabilmeniz için Gulp geliştirme aracını kullanarak CSS derlemeyi öğreneceksiniz

NOT: Eğer bir temada sadece ufak güncellemeler yapmak istiyorsanız kod enjeksiyonu yeterli olabilir.
Gulp Nedir?
Gulp, temanızın stilini belirleyen CSS'nizi düzenlemenize yardımcı olan bir araçtır. Kodunuzu daha tutarlı ve uyumlu hale getiren bir geliştirici aracıdır.

Neredeyse her web sitesinde CSS bulunur ve Ghost temaları da farklı değildir; düzen ve stil sağlamak için CSS'ye güvenirler.

Tüm ücretsiz ve resmi Ghost temaları ve birçok premium tema, CSS dosyalarını derlemek için Gulp kullanır. Sadece iki komutu öğrenerek, Gulp kullanan herhangi bir temayı özelleştirmek için ihtiyacınız olan bilgiye sahip olacaksınız.

Not: Bu eğitimdeki talimatlar tüm resmi Ghost temalarıyla çalışır. Özel temalar içinse sonuçlar farklılık gösterebilir.
CSS ve JS nasıl güncellenir?
Terminalinizde temanın klasörüne gidin. Kod düzenleyiciniz olarak VS Code kullanıyorsanız, yerleşik terminalini kullanabilirsiniz.

Node'u yüklemediyseniz, önce onu yüklemeniz gerekir. Ardından, Gulp ve temanız için gerekli diğer yazılımları (bağımlılıklar) yükleyin.
Terminale aşağıdaki komutu yazın ve Enter tuşuna basın

[CODE title="bash"]npm install[/CODE]

Bağımlılıklar yüklendikten sonra, yaptığınız değişiklikleri yansıtmak için CSS'yi şu komutu çalıştırarak işleyin:
[CODE title="bash"]npm run zip[/CODE]
Bu komut, Gulp'a CSS dosyalarınızda yapılan değişiklikleri bir araya getirmesini, optimize etmesini ve her şeyi temanın dist klasöründe bulunan bir zip dosyasına eklemesini söyler.

Aşağıdaki fotoğraf, komutların nasıl çalıştığını göstermektedir.

Her tema için gerekli bağımlılıkları indirmek için npm install komutunu bir kez çalıştırmanız yeterlidir. Ardından, stil değişiklikleri yaparken ve temanızın yeni bir sürümünü yüklemek istediğinizde npm run zip komutunu çalıştırmanız yeterlidir.

Şimdi tek yapmanız gereken zip dosyasını Ghost Admin'e yüklemek. Sitenizi yenileyin ve işte – değişiklikleriniz etkin!

Sonuç
Gulp gibi bir geliştirme aracını nasıl kullanacağınızı bilmek, daha gelişmiş Ghost temaları geliştirmek için olmazsa olmazdır ve artık bu bilgiye sahipsiniz!

Resmi bir Ghost temasının kendi versiyonunu oluşturma veya hatta tamamen sıfırdan bir tema oluşturma yolunda ilerliyorsunuz. Gelin, öğrenin ve dünyanın dört bir yanındaki yaratıcılar ve geliştiricilerle Forumumuzda süreci tartışın.

​

 

[chengdu]

Bağımlılıklar kelimesi tuhaf görünüyor bağımlıklıkları eklenti olarak düzeltelim yazılım ve bağımlılar yükleyin diye bir kısım var onuda eklenti ve araçlar olarak düzeltebilirsin yazılımları (bağımlılıklar) > yazılım ve eklentilerini gibi gibi


Bağımlılıklar yüklendikten sonra,
Her tema için gerekli bağımlılıkları indirmek için
yazılımları (bağımlılıklar) > yazılım ve eklentilerini