Divi ile kullanımı kolay bir altbilgi yapmak için 5 ipucu
Sayfalar tasarlarken altbilgi genellikle göz ardı edilir. Bununla birlikte, bu aynı zamanda bahçedeki en önemli yerlerden biridir. İyi tasarlanmalı ve sayfanın herhangi bir parçası gibi kullanılabilir. Neyse ki, bu Divi ile yapmak kolaydır. Bu makalede, kolay bir divi altbilgisi oluşturmak için 5 ipucu göreceğiz. 5 Kullanımı kolay olan divi altbilgisi yapmak için ipuçları 1. Kullanımı kolay bir divi altbilgisi oluşturmak için ilk ucumuzun ana öğesini ekleyin ana öğeye girmektir. Her altbilgi bazı temel unsurlar gerektirir. Beş kategoriye ayırdım ve her kategori için birkaç seçenek var. Bu kategorilerin her birinden sadece bir veya en fazla iki tane kullanmanızı öneririm. Bağlantılar gibi bazıları bir veya iki öğe seti içerebilir. Ne kadar az öğe kullanırsanız o kadar iyidir. Bu, altbilgiyi küçük ve temiz tutmaya yardımcı olur.
İşte her kategori için bazı ipuçları. Ücretsiz bir divi üstbilgisi ve altbilgi katmanı düzeni şablonu örneği kullanıyorum. Zarif temalar blogunda “ücretsiz altbilgi” arayarak bulabilirsiniz. grafik
Altbilgi değerli bir dönüşüm odası olabilir. Altbilgide hareket etmek için küçük bir davet, ziyaretçilerden yanıt almak için son şansınız olabilir. Bir e -posta kayıt formu, mağazanıza bağlantı veren düğme, bağış kutusu vb. Diğerlerinden ayrı olarak durmalı ve anlaşılması kolay olmalıdır. Bu örnek, altbilginin üstüne büyük bir başlık, kısa açıklama ve şık düğme içeren CTA ekler. Bağlantı Bağlantılar, sayfalar, iletişim sayfaları, şirket bilgileri, ekip üyeleri, yasal bilgiler vb. Gibi sayfaları içermelidir. Ayrıca en son veya popüler ürünlerinize, üstün yayınlarınıza vb. Bağlantılar da ekleyebilirsiniz. Bu örnek, hizmetlere ve kaynaklara bağlantılar içeren iki sütun ekler. Bir başka önemli bağlantı türü de sosyal medyanızdır. Ziyaretçilerinizin kısa bir süre anlayabilmesi için her bir sosyal ağ için bir simge ekleyin. Büyük veya küçük yapabilirsiniz. Bu örnek onları altına koydu. Temel İletişim Bilgileri Sizinle iletişim kurmanın en kolay yolunu gösteren temel iletişim bilgilerini sağlayın. Bu, e -posta, adres, telefon numarası ve hatta küçük iletişim formunuzu içerebilir. Daha ayrıntılı bilgi için iletişim sayfanıza bağlantı. Bu örnek, şirket bilgileri altında metin olarak bilgi ekler. Şirket Bilgileri Şirket bilgileri, görev beyanlarını, ekip üyelerinize bağlantılar, telif hakkı bildirimleri ve sizin tarafınızdan çerezlerin kullanımı hakkındaki bilgileri içerir. Telif hakkı bildirimi genellikle en altta yerleştirilir ve şirketin ve yılın adını içerir. Telif hakkı kelimelerini heceleyebilir, telif hakkı sembollerini kullanabilir veya her ikisini de ekleyebilirsiniz. Bu örnek, önemli bir altbilgi alanında şirket bilgileri içeren küçük bir paragraf ekler. Telif hakkı altta yerleştirilir ve en aza indirilir. 2. Öğeleri basitleştirin Kullanımı kolay bir divi altbilgisi yapmak için ikinci ipucumuz daha basit bir öğe sürümü kullanmaktır. Basit bir tasarımı sürdürmek iyi bir genel kuraldır, ancak bu altbilgide daha da önemlidir. Dikkatinizi çekmez, böylece dağınık görünmez. Web sitesinin web sitesinde kullandığınızdan daha basit bir öğe sürümü kullanın. Bu örnek, aralarında birçok boşluk bulunan ayrı bir alanda basitleştirilmiş bir elemanı göstermektedir. Birçok soru ile iletişim formları yerine, alanı mümkün olduğunca az kullanın. Çalışma örnekleri için birçok ayrıntıya sahip örnekler eklemeyin. Bunun yerine, küçük resimler, kısa cümleler veya başlıklar kullanın. Harekete geçme daveti için, düğmeyi kısa bir cümle veya başlık ile kullanın. Temiz ve görülmesi kolay kalması için elemanlar arasında çok fazla beyaz boşluk kullanın. 3. Üçüncü andap tema tasarımımızı, kolay bir divi altbilgisi oluşturmak için tema tasarımınızı entegre etmek için entegre edin. Altbilgi web sitenize benzemelidir. Altta işaretlenmiş bir kutu gibi görünmemelidir. Bu tasarlanmalıdır. Aynı zamanda, basit ve kullanımı kolay olmalıdır. Bu genellikle daha koyu bir renk, daha az renk ve daha basit bir tasarımla yapılır. Altbilginin çeşitli kısımları için farklı arka plan renkleri de kullanabilirsiniz. Global bir altbilgi oluşturmak ve web sitenizden tasarım öğeleri kullanmak için Divi Tema Oluşturucu kullanın. Birkaç renk, yazı tipi, düğme vb. Kullanın. Bu örnek, Divi Tema Builder’da açılan önceki görüntüden altbilgiyi göstermektedir. Altbilgerinizin web sitenizden öne çıkmasını istiyorsanız, yazı tipleri ve daha küçük düğmeler kullanabilir ve daha koyu renkler kullanabilirsiniz. Yazı tipleri için sans serif ve daha hafif ağırlık kullanın. Altbilgi tasarımınızın avlunun geri kalanından ayrı durmak zorunda değildir, ancak bu web sitesi tasarımı için dikkate alınması gereken bir şeydir.
4. Kontrast kontrol edin
Kullanımı kolay bir divi altbilgisi yapmak için dördüncü ipucumuz iyi kontrast kullanmaktır. Daha az önemli unsurlar daha küçük olabilir ve web sitenizin diğer bölümlerinden daha düşük kontrast oluşturabilir. Bu, altbilginin altındaki öğeler için idealdir. Bu, ziyaretçilere sayfaya her baktıklarında odaklanmaları gereken bir şey olmadığını söyler. Örneğin, telif hakkı bilgilerinin alt çizgisi, diğer altbilgi bölümlerine müdahale etmemesi için en düşük kontrast olabilir. Bununla birlikte, kontrast altbilginin kullanımı dikkate alınarak tasarlanması gerekir. Renklerinizi Webaim kontrast kontrolleri gibi çevrimiçi araçlarla test edebilirsiniz. Kullandığınız rengi girin ve bu size neden çalıştığı veya nasıl düzeltileceğine dair tavsiyelerde bulunan bir puan verecektir. 5. Tüm ekran boyutlarını kontrol edin Kullanımı kolay bir divi altbilgisi yapmak için beşinci ipucumuz, yanıt vermeyi sağlamaktır. Tıpkı diğer web siteniz gibi, altbilginin duyarlı olması gerekir. Mümkün olduğunca çok cihaz ve ekran boyutunu test edin. Her öğe herhangi bir cihazdan okunmalı ve kullanılmalıdır.Divi Builder, boyutu cihaz türüne göre ayarlamayı kolaylaştıran ayarlar içerir. Masaüstü, tablet ve mobil sürümleri web sitesinden bağımsız olarak ayarlamak için aygıt simgesini seçin. Her cihaz için dolgu, yazı tipi boyutu, simge boyutu vb. Ayarlayın. Tableti ve cep telefonunu ayarlamazsanız, masaüstü boyutunu takip ederler.
