Bir Sonraki Divi Web Siteniz için Global Presets Style Guide Ayarlama (ÜCRETSİZ Çerçeve İndirme!)

Yayınlanan: 2020-07-23

Hey Divi Milleti! Her hafta yepyeni ücretsiz hediyeler verdiğimiz haftalık Divi Tasarım Girişimimizin bir sonraki bölümünde bize katıldığınız için teşekkür ederiz. Bugün, oluşturmayı planladığınız herhangi bir web sitesi için kullanabileceğiniz ÜCRETSİZ bir küresel hazır ayar stil kılavuzu çerçevesini paylaşıyoruz. Divi'nin global ön ayarları, web tasarım sürecinizi çok kısa sürede hızlandırmanıza yardımcı olur, hadi bir göz atalım!

bölme düzeni

Global Önayarlara Göz Atın
Aşağıdaki Stil Kılavuzu Çerçevesi

Bugün ücretsiz alın!

stil rehberi

Global Hazır Ayarlar Stil Kılavuzu Çerçevesini İndirin

Ücretsiz global hazır ayarlar stil kılavuzu çerçevesine el koymak için önce aşağıdaki düğmeyi kullanarak onu indirmeniz gerekir. İndirmeye erişmek için aşağıdaki formu kullanarak Divi Daily e-posta listemize abone olmanız gerekir. Yeni bir abone olarak, her Pazartesi daha da fazla Divi iyiliği ve ücretsiz bir Divi Düzen paketi alacaksınız! Zaten listedeyseniz, aşağıya e-posta adresinizi girin ve indir'i tıklayın. "Yeniden abone olmayacaksınız" veya fazladan e-posta almayacaksınız.

Dosyaları İndirin
Ücretsiz İndir

Ücretsiz İndir

Divi Bültenine katılın ve size nihai Divi Açılış Sayfası Düzen Paketinin bir kopyasını ve ayrıca tonlarca başka şaşırtıcı ve ücretsiz Divi kaynağı, ipucu ve püf noktası e-posta ile gönderelim. Takip edin ve kısa sürede bir Divi ustası olacaksınız. Zaten aboneyseniz, e-posta adresinizi aşağıya yazın ve düzen paketine erişmek için indir'i tıklayın.

Başarıyla abone oldunuz. Aboneliğinizi onaylamak ve haftalık ücretsiz Divi düzen paketlerine erişmek için lütfen e-posta adresinizi kontrol edin!

Sonraki Divi Web Siteniz için Global Hazır Ayar Stil Kılavuzu Oluşturma

Global Hazır Ayarlar Stil Kılavuzu nedir?

Global bir hazır ayar stil kılavuzu, Divi web sitenizde kullanmak üzere şekillendireceğiniz en önemli öğelere genel bir bakıştır. Üç bölümden oluşur:

1. Renk paleti

stil rehberi

2. Metin stilleri

stil rehberi

3. Modül stilleri

stil rehberi

Küresel hazır ayarlar yalnızca modüllerden daha fazlasına ulaşsa da (sütunlar, satırlar ve bölümler de genel hazır ayarlar içerebilir), web sitenizdeki en tek biçimli öğelerden bazılarına, yukarıda bahsedilen üç parçaya odaklanıyoruz. Buradaki fikir, tüm öğeleri tek bir yerde şekillendireceğiniz ve uyguladığınız tasarım stilinden memnun kalır kalmaz, farklı metin stillerini ve modül stillerini global hazır ayarlara dönüştürebilirsiniz.

Renk paleti, Divi Tema Seçeneklerinize ekleyebileceğiniz bir şeydir, ancak daha fazlası yazının devamında. Sayfalarınızı ve şablonlarınızı tasarlarken de stil kılavuzunu ayrı bir pencerede tutabileceksiniz. Bu, ayarları birer birer manuel olarak uygulamak zorunda kalmadan, ilerledikçe degrade arka plan ayarlarını kopyalamanıza ve geçmenize yardımcı olacaktır.

Global Hazır Ayarlar Stil Kılavuzu Ne Zaman Oluşturulur/Kullanılır?

Tercihen, sayfalarınızı, şablonlarınızı vb. oluşturmadan önce bir global hazır ayarlar stil kılavuzu oluşturacak ve kullanmaya başlayacaksınız. Bunun nedeni, tasarımlarınızı oluştururken gitmek zorunda kalmadan global hazır ayarlarınıza anında erişebilmenizdir. tasarımınıza geri dönün, satır içi stilleri öğe düzeyinde sıfırlayın ve genel bir ön ayar uygulayın.

Bir stil kılavuzu oluşturduktan sonra Divi oluşturma işleminizi başlatmak, modüllerin bireysel ayarlarında manuel olarak değişiklik yapmaktan kaçınmanıza yardımcı olur. Baştan itibaren genel ön ayarlarla çalışıyorsanız, bunları tek bir yerde değiştirebilecek ve tüm web sitenizdeki değişiklikleri aynı anda izleyebileceksiniz.

Bu gönderide paylaştığımız ücretsiz global hazır ayarlar çerçevesi stil kılavuzu, doğrudan tasarım ilhamı aşamasına geçmenize yardımcı olacaktır. Kendinize bir stil rehberi oluşturmak yerine, uyum ve denge ile bir tasarım stili oluşturmaya odaklanabilirsiniz. UI öğelerinizi stil kılavuzunda şekillendirmeyi tamamladığınızda, bunları genel ön ayarlara dönüştürebilecek ve sayfalarınızı ve şablonlarınızı oluştururken kullanabileceksiniz.

Global Hazır Ayarlar Stil Kılavuzu Nasıl Kullanılır

Çerçeve Düzenini İndirin ve Divi Kitaplığınıza Yükleyin

Bu gönderideki ücretsiz global hazır ayarlar stil kılavuzu çerçeve düzenini indirerek başlayın. Ardından, indirme klasörünü açtıktan sonra, web sitenizin arka ucundaki Divi Kitaplığınıza gidin ve üst kısımdaki “İçe Aktar/Dışa Aktar” seçeneğine tıklayın. Oradayken, “İçe Aktar” sekmesine geçin ve indirme klasörünüzde bulabileceğiniz stil kılavuzu çerçeve düzenini yükleyin.

stil rehberi

stil rehberi

stil rehberi

Düzen için Yeni Taslak Sayfa Oluşturun ve Çerçeve Düzenini Yükleyin

Düzeniniz yüklendikten sonra, onu kitaplığın içinde açabilir veya onun için ayrı bir sayfa taslağı oluşturabilirsiniz. Sayfa deneyimini devam ettirmek için ikinci seçeneğe gideceğiz. Yeni bir sayfa ekleyin ve "Kaydedilen Düzenleriniz" içindeki düzeni bulun.

stil rehberi

stil rehberi

Renk Paletini Ayarla

Stil kılavuzu çerçevesine girdikten sonra, seçtiğiniz renk paletini ayarlayabileceksiniz. Ekleyeceğiniz renk sayısı tamamen size kalmış. Stil rehberimizin içindeki renkleri görsel olarak görüntülemek için bir Metin Modülünün arka plan ayarlarını kullanıyoruz. Bu Metin Modülünü açın, arka plan ayarlarına gidin ve arka plan rengini değiştirin. Kullanmakta olduğunuz onaltılı kodu kopyalayın ve altındaki Metin Modülünün içine yerleştirin, böylece her bir onaltılık renk kodunun yazılı bir versiyonu da global hazır ayarlar stil kılavuzunuzda her zaman bulunur.

stil rehberi

stil rehberi

Divi Tema Oluşturucunuzda Renk Kodlarıyla Özel Renk Paleti Oluşturun

Divi Tema Seçeneklerine Git

Stil kılavuzundaki onaltılı kodlar, Divi'yi oluştururken hızla erişebileceğiniz özel bir renk paleti oluşturmak için kullanılabilir. Bunu, stil kılavuzu çerçevenizin içindeki metni ve modülleri biçimlendirmeden önce yapmanızı öneririz. Renk paletini eklemek için Divi Tema Seçeneklerinize gidin.

stil rehberi

Stil Kılavuzunda Onaltılı Kodları Kullanarak Renk Paletini Özelleştirme

Stil kılavuzunda bulabileceğiniz, seçtiğiniz altıgen renk kodlarını varsayılan renk paletine ekleyin.

stil rehberi

Metin Stilleri Ekle

Sırada, stil kılavuzu çerçevenizdeki farklı metin türlerini şekillendirebileceksiniz. Her bir metin türü için kaç tane alternatif sunacağınız tamamen size kalmış, orada bir “birincil”, “ikincil” ve “üçüncül” seçeneği olması, her metin türü için 3 varyasyonunuz olması gerektiği anlamına gelmez. Daha fazla olasılık kaldırmak veya eklemek için çekinmeyin.

stil rehberi

Stil Modülleri

Stil kılavuzu çerçevesinin son bölümünde en çok kullanılan Divi modüllerini listeledik. Burada, modülleri aklınızdaki stile göre değiştirmeye başlayabilirsiniz. Tüm modüllerin birbirine çok yakın olması, tasarım stili ve dengesi hakkında daha iyi bir genel bakış elde etmenize yardımcı olacaktır. Her popüler modül için bir “birincil”, “ikincil” ve “üçüncül” bir seçenek de sağladık. Ancak, sayfa ve şablon oluşturma işleminiz boyunca her modülün kaç varyasyonunu kullanacağınızı kendiniz belirlemekten çekinmeyin.

stil rehberi

Modülleri Global Ön Ayarlara Dönüştürün (Tek Tek ve Tercih Edilen İsimle)

Tüm metin stilleri ve modül stilleri tamamlandıktan sonra - bunların duyarlı yönünü de unutmayın - modülleri global ön ayarlara dönüştürmenin zamanı geldi. Bunu yapmak için, stili belirlenmiş her modülü ayrı bir düzeyde açabilir ve modun en üstündeki mevcut stillerden yeni bir hazır ayar oluşturabilirsiniz. Birincil modülünüzü de varsayılan yapmayı seçebilirsiniz. Genel ön ayarı oluşturduktan sonra, modül için belirli bir ön ayarın seçildiğinden emin olun; bu, stil kılavuzu düzenini kullanarak genel ön ayarları içe ve dışa aktarmanıza yardımcı olur.

stil rehberi

stil rehberi

stil rehberi

Ayrıca modüllerinizi adlandırmanın basit bir yolunu bulmaya çalışın, böylece kafanız karışırsa stil kılavuzuna kolayca başvurabilirsiniz. Bir Blurb Module stilinin üç varyasyonunu adlandırmak için iyi bir yaklaşım şöyle olabilir:

  • Birincil Düğme
  • İkincil Düğme
  • Üçüncül Düğme

Ve bu yaklaşımı, global bir ön ayara dönüştürdüğünüz her metin stili veya modülü için tekrarlayabilirsiniz.

İç İçe Modüller: İç İçe Öğeleri de Global Ön Ayarlara Dönüştürün

Sosyal Medya Takip Modülü gibi iç içe modüller için, modülün içindeki öğeyi açmanız ve o öğeyi de yeni bir ön ayar olarak kaydetmeniz gerekir.

stil rehberi

stil rehberi

Farklı Bir Web Sitesinde Stil Kılavuzu Düzenini (Ön Ayarlı) Dışa Aktarma ve İçe Aktarma

Tüm modülleri global ön ayarlara dönüştürdüğünüz ve modül ayarları içinde bu ön ayarları seçtiğiniz anda, içindeki tüm ön ayarlarla düzeni dışa aktarabileceksiniz. Ardından, düzeni başka bir web sitesine yükler yüklemez, düzen ile birlikte ön ayarları içe aktarma olanağına sahip olursunuz ve bu da zamandan tasarruf etmenize yardımcı olur. Hazır ayarlar da dahil olmak üzere tamamladığınız stil kılavuzu düzeninizi Divi Kitaplığınıza kaydedin. Ardından, dosyayı dışa aktarın.

stil rehberi

stil rehberi

stil rehberi

Yeni stil kılavuzunu yüklemek istediğiniz web sitesine gidin, Divi Kitaplığı'na gidin ve Divi oluşturma işlemine başlamak için ön ayarlarla JSON dosyasını yükleyin!

stil rehberi

İpucu: Belirli Stilleri Kopyalamak/Yapıştırmak için Stil Kılavuzunu Ayrı Sekmede Tutun (Degradeler/Kutu Gölgesi/Kenarlık/…)

Son olarak, stil kılavuzunu her zaman ayrı bir sekmede tutmak harika bir fikirdir. Divi'nin yerleşik ve sayfalar arası kopyala-yapıştır seçeneğini kullanmak, degrade arka planlar gibi stilleri bir öğeden diğerine hızla aktarmanıza yardımcı olur!

stil rehberi

Her Hafta Yeni Küresel Hazır Stil Kılavuzları!

Bu küresel hazır ayarlar stil kılavuzu çerçevesini beğeneceğinizi umuyoruz. Bu çerçeveyi, oluşturduğunuz her türlü web sitesi için kullanabilirsiniz. Aşağıdaki yorum bölümünde görüşlerinizi duymak için sabırsızlanıyoruz. Daha fazla bedava için önümüzdeki hafta tekrar kontrol ettiğinizden emin olun!