ACF vs Divi Tasarım Değişkenleri: Ne Zaman Kullanılır

Divi 5'in en son alfa sürümü ile tasarım değişkenleri, web sitelerinizdeki tasarım ve içerik değerlerini yönetmeye yeni bir yaklaşım olarak Divi ekosistemine girdi. Bu, kullanıcılarımızı, özellikle de yıllardır Gelişmiş Özel Alanlara (ACF) güvenenleri heyecanlandırdı. ACF'ye bağlı kalmalı mı yoksa Divi'nin değişkenlerine geçmeli misiniz? Yoksa her ikisini aynı anda kullanabilir misiniz?

Bu yazı farkı ve ne zaman kullanmanız gerektiğini açıklar. Hadi alalım!

Divi 5 yeni web sitesi yapıları için kullanılmaya hazırdır.

Divi tasarım değişkenleri nelerdir?

Bir web sitesi oluştururken, aynı bilgileri renklerden yazı tipi stillerine, iletişim bilgilerine ve daha fazlasına kadar birçok sayfada yeniden kullanırsınız. Tasarım değişkenleri, bu paylaşılan öğeleri bir merkezi yerden yönetmenize yardımcı olur. Standart ACF alanlarından farklı olarak, tasarım değişkenleri spesifik sonrası içeriğe bağlı değildir, dinamik içerik alanları değil, küresel tasarım ve içerik değerleri olarak işlev görürler.

Bir telefon numarasını değiştirmek veya arka plan rengini ayarlamak gibi küçük bir güncelleme yapmak için her sayfayı kazmak yerine, bir değişkeni bir kez güncellersiniz ve bu değişiklik tüm sitenizden otomatik olarak akar.

Mevsimsel bir promosyon için marka renklerinizi değiştirmek ister misiniz? Tek bir değişkeni değiştirin. Altbilgi metninizi veya logonuzu güncellemeniz mi gerekiyor? Bir düzenleme her örneği anında günceller. Divi'nin tasarım değişkenleriyle, sadece daha hızlı stil değil, aynı zamanda daha akıllı inşa ediyorsunuz.

Daha akıllı ve daha kolay bir web sitesi oluşturmak

Standart ACF alanları, WordPress kullanıcılarının belirli yayınlara bağlı özel alanlar oluşturarak tasarım ve içeriği nasıl yaptıklarını geliştirir. Divi'nin tasarım değişkenleri tamamen farklı bir yol izliyor. Her yerde bir kerede güncellenen küresel olarak erişilebilir tasarım değerleridir. Fark başlangıçta ince görünebilir, ancak WordPress sitelerini oluşturma ve sürdürdüğünüzü değiştirir.

ACF'nin masaya getirdiği şey

Gelişmiş Özel Alanlar (ACF), temel sürümünde sayfalarınıza ve yayınlarınıza ekstra veri alanları eklemenizi sağlar. Sadece temel başlık ve içerik kutularından daha fazlasını elde edersiniz. ACF, resimler, metin blokları, dosyalar, açılır menüler ve çok daha fazlası için özel alanlar sunar.

İlgili alanları projeleriniz için mantıksal gruplara paketleyebilirsiniz. Örneğin, iş unvanı, departman, fotoğraf ve biyografiye sahip bir personel grubu yapabilirsiniz. Veya özellikler, fiyatlandırma ve özellik listeleri için alanlarla ürün detayları oluşturun.

Bu alan grupları özel yazı türleriyle gerçekten iyi çalışır. Bunları birleştirdiğinizde, her biri bu içerik için tam olarak doğru alanlara sahip ekip dizinleri, hizmet listeleri veya özellik katalogları gibi özel içerik bölümleri oluşturabilirsiniz.

İnsanlar ACF'yi seviyor çünkü normal WordPress yönetici alanına sorunsuz bir şekilde uyuyor. Özel alanlarınız normal düzenleme ekranlarında görünür ve teknoloji meraklısı olmayan müşterilerin içeriği güncellemesini kolaylaştırır.

Seçenek sayfaları: Site çapında kontrol paneliniz

ACF Pro'da bulunan ACF opsiyon sayfaları, belirli içeriğe bağlanan normal ACF alanlarının aksine, site çapında bilgiler için merkezi bir yer oluşturmanıza izin verir. Bu özellik şunlar için mükemmeldir:

• İletişim bilgileri
• Önemli bağlantılar
• İş Saatleri ve Yerler
• Varsayılan görüntüler ve logolar

Telefon numaranız gibi bir şey değiştiğinde, yalnızca yönetici bölümünde güncellemeniz gerekir. Değişiklik hemen sitenizdeki her yerde görünecektir. Seçenek sayfalarını kullanmak için ACF Pro'ya ihtiyacınız olacağını belirtmek gerekir.

Divi ile derin entegrasyon

Standart ACF alanları Divi'nin dinamik içerik sistemi aracılığıyla Divi ile güzelce eşleşir. Divi Builder'da sayfalar yaparken, ACF özel alanlarınızdan bilgi çekebilirsiniz. Bu ekip çalışması, Divi'nin tasarım araçlarını ACF'nin içerik yönetimi ile birlikte kullanmanızı sağlar.

İşlem genellikle böyle çalışır:

• ACF ile özel alanlar kurun
• Bu alanları WordPress'te içerikle doldurun
• Sayfa Düzeninizi Divi'de Tasarlayın
• ACF içeriğinizi divi modüllerinize bağlayın

Bu divi ve ACF kombinasyonu yararlı bir ayrım yaratır. İçerik editörleri temiz, organize bir arayüzde bilgileri güncelleyebilirken, tasarımcılar içerik yönetimi ayrıntılarında bükülmeden düzenler oluşturabilir.

Esnek yaklaşım

Standart ACF alanları, ister görsel araçları kodlayın, ister kodlayın, becerileriniz için çalışır. Geliştiriciler, özel temalarda alan değerlerini görüntülemek için şablon işlevlerini kullanabilir. Kodlamıyorsanız, PHP'yi bilmeden Divi gibi inşaatçılarla ACF alanlarını kullanabilirsiniz.

Bu esneklik, standart ACF alanlarını temel iş web siteleri ve karmaşık projeler için uygun hale getirir. Basit özelliklerle başlayabilir ve öğrendikçe daha gelişmiş özellikleri kullanabilirsiniz ve siteniz büyür.

Divi'nin tasarım değişkenlerinin esnekliği

Divi 5 tasarım değişkenleri web sitesi yönetimini daha basit hale getirir. Sitenizde herhangi bir yerde kullanabileceğiniz tasarım seçeneklerini ve yeniden kullanılabilir içeriği saklarlar. Bir değişkeni güncellediğinizde, kullandığınız her yerde değişir.

Değişken yönetici, Divi 5'in görsel oluşturucu kenar çubuğundaki değişkenler simgesini tıklayarak bulunur. Tüm tasarım öğelerinizi tek bir yerde yönetmenizi sağlar.

Altı tip tasarım değişkeni

Divi 5, web sitenizin çeşitli yönlerine yardımcı olacak altı farklı değişken türü içerir:

• Renk Değişkenleri: Marka renklerinizi, metin renklerinizi ve arka planlarınızı tutun
  • Onları "Mercan Allık" veya "Şampanya Altın" gibi açıkça adlandırabilirsiniz.
  • Bunları düğmeler, metin, arka planlar ve sınırlar için kullanın
  • Ardından, bu birkaç değişkeni güncelleyerek tüm renk şemanızı değiştirebilirsiniz.
• Yazı tipi değişkenleri: Tipografi seçeneklerini tema özelleştiricisinin ötesine ayarlayın
  • Başlıklar, gövde metni veya özel alanlar için ayrı yazı tipi ayarları oluşturabilirsiniz.
  • Bu, tipografiyi web sitenizde tutarlı tutar
  • Gerektiğinde, tüm yazı tiplerini bir kerede güncelleyebilirsiniz
• Sayı Değişkenleri: Tasarımınızda kullanılan ölçümleri saklayın
  • Aralık, sınırlar, boyutlar ve metin boyutları için harika
  • Duyarlı tasarımlar için CLAMP () gibi CSS birimleriyle çalışın
  • Bunlar her yerde aralık ve boyutlandırma tutarlı tutmanıza yardımcı olur

Divi 5 değişkenleri ayrıca sitenizde görünen içeriği de işler:

• Görüntü Değişkenleri: Birden fazla yerde kullanılan resimleri saklayın
  • Logolar, arka plan desenleri ve fotoğraflar için mükemmel
  • Her sayfada yerine resimleri bir kez güncelleyin
  • Mevsimsel güncellemeler veya yeniden markalaşmayı çok daha hızlı yapın
• Metin Değişkenleri: Birçok noktada görünen yazılı içeriği kaydedin
  • İletişim bilgileri, sloganlar ve çalışma saatleri için kullanışlı
  • Her yerde güncellemek için metni bir kez değiştirin
  • Ayrıntılar değiştiğinde bilgileri tutarlı tutun
• Bağlantı Değişkenleri: URL'leri düğmeler ve menüler için saklayın
  • Eylem düğmeleri, sosyal medya bağlantıları ve navigasyon için kullanın
  • Web adresleri değiştiğinde kırık bağlantılardan kaçının
  • Yeni sayfalar eklerken ilgili tüm düğmeleri bir kerede güncelleyin

Gerçek dünyadaki faydalar

Tasarım değişkenleri zamandan tasarruf edin ve görsel olduğu için hataları azaltın. Bir müşteri web sitesi renklerini değiştirmek istediğinde, sadece renk değişkenlerini güncelleyebilirsiniz ve bu renk (düğmeler, arka planlar ve metin) ile her şey hemen site boyunca değişir.

Bu değişkenler Divi'nin önceden ayarlanmış sistemi ile iyi çalışır. Modül ön ayarlarınıza değişkenler ekleyin ve bir değişkeni güncellediğinizde, bu değişkeni değiştiren her modül değişir.

Tüm cihazlarda iyi görünen web siteleri için, CLAMP () gibi CSS işlevlerine sahip sayı değişkenleri, düzenlerinizin ayrı tasarımlara ihtiyaç duymadan herhangi bir ekran boyutuna uymasına yardımcı olur. Birden fazla kişi bir web sitesinde çalıştığında, tasarım değişkenleri herkesi aynı tasarım kurallarını kullanır. Bu, kimin değişiklik yaparsa yapsın, sitenin tutarlı ve profesyonel kalmasına yardımcı olur.

Nasıl karşılaştırırlar

Standart ACF alanlarını ve Divi'nin tasarım değişkenlerini karşılaştırırken, web sitelerini daha yönetilebilir hale getirmek için iki farklı yaklaşıma bakıyoruz. Temel farklılıklarını yıkalım:

Standart ACF alanları, yayınlar ve sayfalar arasında değişen yapılandırılmış içeriğe ihtiyacınız olduğunda parlarken, Divi tasarım değişkenleri site çapında tasarım tutarlılığını korur. ACF seçenek sayfalarının (ACF Pro'da mevcut) ve Divi tasarım değişkenlerinin benzer olduğu bazı yönler vardır:

Divi tasarım değişkenlerinin ACF Pro'nun yaptığı her şeyi yapmaya çalışmadığını anlamak önemlidir. Web sitenizde aynı bilgileri saklamak ve kullanmak için başka bir yol sunarlar. ACF, Divi değişkenlerinin yapamayacağı birçok şey yapabilir:

Divi değişkenleri, iletişim bilgilerini değiştirme, mevsimlerle fotoğraf değiştirme veya marka renklerinizi güncelleme gibi basit işler için harika çalışır. ACF, özel alanlar ve yayın türleri oluşturmak gibi tasarım öğelerinin ötesinde özel içerik yönetimine ihtiyaç duyan web siteleri için idealdir. Benzer şekilde, ACF Pro ile mevcut olan ACF opsiyon sayfaları, Divi tasarım değişkenlerinin daha olgun bir sürümüdür.

Bununla birlikte, Divi'nin tasarım değişkenleri ek ücret ödemeden Divi 5'e yerleştirilmiştir. Renkleri, yazı tiplerini, metinleri ve görüntüleri zaten kullandığınız oluşturucuda ayarlayabilirsiniz. Ekstra eklentilere veya yeni sistemler öğrenmeye gerek yoktur. Proje gereksinimleriniz, hangi sistemin iş akışınızda başrolü üstlendiğini yönlendirmelidir, ancak bu araçların yüzey benzerliklerine rağmen temelde farklı sorunları çözdüğünü unutmayın.

ACF ve Divi değişkenleri birlikte çalışabilir mi?

Evet. Aslında aynı web sitesinde hem standart ACF alanlarını hem de Divi tasarım değişkenlerini kullanabilirsiniz. Sitenizin farklı bölümlerini ele aldıkları için birlikte iyi çalışıyorlar. Bunları eşleştirdiğinizde, standart ACF alanları, bir gayrimenkul sitesi gibi karmaşık veri ilişkilerini, ajanlara, mahalleye ve fiyatlandırma özel alanlarına bağlanan bir mülk listeleri postaları ile işleyebilir.

Bu arada, tasarım değişkenleri marka renklerinizi, tipografinizi ve aralıklarınızı her sayfada ve şablon sonrası tutarlı tutar. Bu, web sitenizin hem güçlü veri yönetimine hem de görsel tutarlılığa sahip olduğu anlamına gelir.

İçerik editörleriniz, mülk ayrıntılarını veya fiyatlandırmayı güncellemek için ACF'nin tanıdık alanlarıyla çalışabilirken, siteniz Divi'nin tasarım sistemine profesyonel görünümünü sürdürür. Bu kombinasyon, her iki aracın tek başına sağlayabileceğinden daha iyi kontrol sağlar.

Anahtar, her iş için hangi aracı kullanacağını bilmektir. Güçlü yönlerini anlayarak, hala uyumlu bir görsel kimliği koruyan sofistike içerik yapılarına sahip web siteleri oluşturabilirsiniz. Bu araçların ortak web sitesi sorunlarını nasıl çözdüğüne dair gerçek örneklere bakalım.

1 #1 - Mevsimsel değişikliklerle yerel işletme web sitesi

Yerel bir fırın web sitesi yapılandırılmış içerik ve mevsimsel tasarım güncellemelerine ihtiyaç duyar. Standart ACF alanlarını ve Divi tasarım değişkenlerini bu site için pratik bir şekilde birleştirdik.

Standart ACF alanları, Fırın Ürün Kataloğunu Özel Gönderi Türleri ve Alanları ile İşlemler:

• Öğeler
• Öğe Açıklamaları
• Malzemeler ve alerjen bilgileri
• Fiyatlandırma katmanları
• Kullanılabilirlik Durumu

Bu detaylar her ürün için değişir, bu nedenle ACF'nin yapılandırılmış yaklaşımı mükemmel çalışır. Fırın personeli ürün bilgilerini ACF'nin tanıdık WordPress arayüzü aracılığıyla günceller.

Bu arada, Divi tasarım değişkenleri mevsimsel tasarım öğelerini yönetiyor:

• Mevsimlerle değişen renk şemaları
• Tatil için Promosyon Banner Metni
• Ana sayfada öne çıkan ürün resimleri
• Aylık olarak yenilenen arka plan kalıpları

Sonbahar geldiğinde, fırın sahibi mevsimsel renk değişkenlerini yaz pastellerinden sonbahar tonlarına kadar günceller ve tüm site anında yenilenir.

Arka plan görüntüsü, aşağıdaki gibi görüntü değişkenlerini kullanarak her sayfayı ayrı ayrı düzenlemeye gerek kalmadan düşme temalı süslemeleri göstermek için değişir:

Bu kurulum, fırına her iki dünyanın en iyisini verir: standart ACF alanları aracılığıyla yapılandırılmış ürün verileri ve Divi'nin tasarım değişkenleri aracılığıyla hızlı mevsimsel yenilemeler.

KULLANIM #2 - Fotoğraf Portföy Web Sitesi

Bir fotoğrafçılık işletme web sitesinin organize müşteri galerilerini tutarlı bir görsel marka ile dengelemesi gerekir. Standart ACF alanları ve Divi tasarım değişkenlerinin bu zorluğu nasıl çözdüğü aşağıda açıklanmıştır. Standart ACF alanları yapılandırılmış içerik yönlerini yönetir:

• Özel Gönderi Türü olarak Müşteri Proje Galerileri
• İçin özel alanlar:
  • Ayrıntılı fiyatlandırma alanlarına sahip servis paketleri
  • Müşteri adlarıyla referans koleksiyonu
  • Proje Türleri
  • Ekipman özellikleri

Fotoğrafçı, her müşteri galerisini ACF'nin arayüzü aracılığıyla günceller ve şunları ekler.

• Proje Tarihi ve Konumu
• Temel Bilgi
• Görüntü sıralama ve sınıflandırma

Bu arada, Divi tasarım değişkenleri marka tutarlılığını ele alır:

• Tüm başlıklar ve vücut metni için tipografi sistemi
• Tüm sayfalarda uygulanan marka renk paleti
• Tutarlı bir düzen ritmi için aralık değerleri
• Tek tip sunum için galeri ızgara ayarları

Marka yenilemesine mi ihtiyacınız var? Fotoğrafçı birkaç tasarım değişkeni günceller ve tüm site değişir. Galeriler sayı değişkenleri nedeniyle aralığını korur ve her proje ACF sayesinde ayrıntılarını tutar.

Düğün sezonu meşgul olduğunda, fotoğrafçı rezervasyon durumu için bir metin değişkeni değiştirir ve sitenin her yerinde güncellenir. Aynı metni düzeltmek için her sayfayı kontrol etmek yok. Bu kombinasyon, fotoğrafçının (tasarım değişkenleriyle) göründüğünden ayrı olarak fotoğrafları ve müşteri bilgilerini (ACF olarak) ayrı tutar, böylece fotoğrafçının yapıyı ve görünümü doğru alabilir.

Projeniz için doğru seçimi yapmak

Fırın ve fotoğraf örneklerimize baktığımızda, bu araçların farklı web sitesi zorluklarıyla mücadele ettiğini görebiliriz. Fırın sahibi, mevsimsel renkleri zahmetsizce değiştirirken ürün bilgilerini günceller. Fotoğrafçı galerileri düzenli tutar, ancak sitelerinin görünümünü sadece birkaç tıklamayla güncelleyebilir.

Bazı siteler bu araçlardan sadece birine ihtiyaç duyarken, diğerleri her ikisiyle de daha iyi çalışır. Bir şey açıktır: Standart ACF alanları ile Divi tasarım değişkenleri arasında seçim yapmanın ya ya da karar olması gerekmez.

Divi 5, araç setinize yararlı bir seçenek daha ekledi. İster basit ister karmaşık bir şey inşa edin, artık iyi görünen ve iyi çalışan siteler oluşturmak için daha fazla yolunuz var.

Daha akıllı inşa etmeye başlayın

Sonuç olarak, Divi 5'in tasarım değişkenlerinin ve standart ACF alanlarının her birinin, bazı örtüşme (özellikle seçenekler sayfalarıyla) varken farklı sorunları çözmesidir. Sitenizde hızlı tasarım güncellemelerine mi ihtiyacınız var? Tasarım değişkenleri parlıyor. Koşullu mantıkla güçlü içerik yönetimi mi istiyorsunuz? Standart ACF alanları teslim edilir.

Birçok site her iki araçla yan yana iyi çalışır. ACF seçenek sayfaları karmaşık içerik ihtiyaçlarını yönetmek için daha iyidir. Tasarım değişkenleri seçenek sayfalarını tam olarak değiştirmeyi amaçlamaktadır, ancak basit gereksinimleri olan çoğu kullanıcı için güçlü bir alternatif olabilir.

Tasarım Değişkenleri özelliği artık Divi 5 ile kullanılabilir - ekstra maliyet yok, kodlamaya gerek yok ve bir sonraki projeniz için hazır.

Unutmayın: Divi 5 yeni web siteleri için en iyi şekilde çalışır. Henüz mevcut siteleri Divi 5'e taşımanızı önermiyoruz.