Divi’deki her işletim sistemi için indirme düğmesi nasıl görüntülenir
Yazılım ve/veya hücresel uygulamalar için doğru indirme düğmesini tıklamak, işletim sistemleri için doğru indirmeyi bilmiyorlarsa kullanıcıları karıştırabilir. Bu sorunun bir çözümü, işletim sistemi için doğru indirme düğmesini görüntüleyebilmeniz için sayfayı web sitenize yüklediklerinde kullanıcının işletim sistemini otomatik olarak algılamaktır. Bu, ürününüz için doğru indirmeyi kolayca bulamayan potansiyel müşterileri kaybetme riskini ortadan kaldırır. Bu öğreticide, DIVI varsayılan koşul seçeneğini kullanarak her işletim sistemi için nasıl bir indirme düğmesi tasarlayacağınızı ve görüntüleyeceğinizi göstereceğiz. Bu, her işletim sisteminde hangi düğmenin görüntüleneceği üzerinde tam kontrol sağlayacaktır.
Başlayalım! Aşağıdaki gizlice göz atma, bu öğreticide yapacağımız işletim sistemi koşullu indirme düğmesine bir bakış. Her düğmeye belirli bir işletim sisteminin görünümünün durumu verilecektir.
Dosyayı indir
Divi bültenine katılmak için ücretsiz indirin ve en iyi divi düzen paketinin kopyasına bir e -posta göndereceğiz, ayrıca birçok kaynak, ipucu ve olağanüstü ve ücretsiz divi hileleri. Birlikte takip edin ve kısa sürede bir divi ustası olacaksınız. Abone olduysanız, e -posta adresinizi aşağıya yazın ve düzen paketine erişmek için İndir’i tıklayın. Başarılı bir şekilde abone oldunuz. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve ÜCRETSİZ DIVI Düzen Paketine erişin!
Parçanın düzenini Divi kütüphanenize aktarmak için Divi kütüphanesine gidin.
İçe Aktar düğmesini tıklayın. Taşınabilirlik açılır penceresinde, İçe Aktarma sekmesini seçin ve bilgisayarınızdan indirme dosyasını seçin. Ardından İçe Aktar düğmesini tıklayın.
Bittiğinde, parçanın düzeni Divi Builder’da mevcut olacak. Doğrudan öğreticiye mi gidiyorsunuz? Başlamak için neye ihtiyacın var Başlamak için aşağıdakileri yapmanız gerekir: Değilse, divi temasını yükleyin ve etkinleştirin.
WordPress’te yeni bir sayfa oluşturun ve ön taraftaki sayfaları düzenlemek için Divi Builder’ı kullanın (görsel yapımcı).
“Başından Uyan” seçeneğini seçin.
Bundan sonra, Divi’de tasarım yapmaya başlamak için boş bir tuvaliniz olacak. Tasarım sürecini hızlandırmak için, Divi hücresel uygulama düzeni paketinden hücresel uygulamanın mobil uygulamalarını kullanacağız.
Önceden yapılan sayfaya yüklemek için Divi Builder’ın altındaki Ayarlar menüsünü açın. Ardından kütüphane simgesinden sığmayı seçin. Kütüphaneden yükleme açılışında, hücresel uygulama düzeni paketini bulun ve Mobil Uygulama Ana Sayfası düzenini kullanmak için tıklayın.
Bu, sayfaya yerleşim içerecektir. Şimdi ayrılmaya hazırsın! Divi Bölüm 1’de her işletim sistemi için indirme düğmesi nasıl görüntülenir: İlk düğme için Mac OS için İndir düğmesini görüntüleyin, yalnızca Mac OS’deki indirme düğmesini görüntülemek için Divi Durum seçeneğini kullanacağız. Bunu yapmak için, başlık başlığındaki düğmeler için ayarları açın ve aşağıdaki düğmeyi ve URL metnini güncelleyin: Metin düğmesi: İndir (Mac OS) URL Link Kuts: [ZIP dosyasına URL ekleyin]
Tasarım sekmesinin altında, düğmeyi ve boşluk simgelerini aşağıdaki gibi güncelleyin:
Anahtar simgesi: Ekran görüntüsüne bakın Zorlu simgenin yerleşimi: sol
Sadece düğmeye işaret ettiğinde simgeler görüntüleyin: hayır
Dolgu (masaüstü): 16px üst, 16px alt, 40px sol, 20px sağ
Dolgu (Cep telefonu): 28px sol, 12 piksel sağ
İşletim sisteminin durumunu düğmeye eklemek için aşağıdakileri yapın:
Devam sekmesi altında, yeni görüntüleme koşulları eklemek için tıklayın. Açılır listeden işletim sistemi koşulunu seçin.
İşletim sistemi ayar açılır penceresinde, işletim sistemi ayarlanmışsa seçeneğin görüntülenmesini sağlayın.
Listeden Mac OS işletim sistemini seçin.
Ayarları kaydedin.
Mac OS’de görüntülenecek olan budur …
Bölüm 2: Windows işletim sistemi için İndir düğmesini görüntüleyin İkinci düğme için Windows işletim sistemi için indirme düğmesini görüntüleyeceğiz. İlk olarak, yeni bir düğme oluşturmak için yeni oluşturulan düğmeyi çoğaltın. Yeni düğme ayarlarını açın ve aşağıdaki düğmeyi ve URL metnini güncelleyin: Metin düğmesi: İndir (Windows işletim sistemi) URL Link Kuts: [ZIP dosyasına URL ekleyin]
Tasarım sekmesinin altında, gradyan arka plan düğmesini aşağıdaki gibi verin:
Sol renk gradyan arka plan: #00f2fe Gradyanın arka planının doğru rengi: #4facfe
Gradyan yönü: 90 derece
İşletim sisteminin durumunu düğmeye eklemek için aşağıdakileri yapın:
Devam sekmesi altında, yeni görüntüleme koşulları eklemek için tıklayın. Açılır listeden işletim sistemi koşulunu seçin.
İşletim sistemi ayar açılır penceresinde, işletim sistemi ayarlanmışsa seçeneğin görüntülenmesini sağlayın.
Listeden Windows İşletim Sistemini seçin.
Ayarları kaydedin.
İşte pencerelerde görüntülenecek …
Bölüm 3: Üçüncü düğme için iOS (iPhone, iPad, iPod) için indir düğmesini görüntüleyin, iOS aygıtı için indirme düğmesini görüntüleyeceğiz. Bir düğme oluşturmak için yaptığımız ilk düğmeyi çoğaltın. Yeni düğme ayarlarını açın ve aşağıdaki düğmeyi ve URL metnini güncelleyin: Metin Düğmesi: App Store’dan İndirin URL Link Kuts: [ZIP dosyasına URL ekleyin]
Tasarım sekmesinin altında, düğme simgesini sağ oka güncelleyin (bkz. Ekran görüntüleri).
İşletim sisteminin durumunu düğmeye eklemek için aşağıdakileri yapın: Devam sekmesi altında, yeni görüntüleme koşulları eklemek için tıklayın. Açılır listeden işletim sistemi koşulunu seçin.
İşletim sistemi ayar açılır penceresinde, işletim sistemi ayarlanmışsa seçeneğin görüntülenmesini sağlayın.
Listeden (iPhone, iPad, iPod) iOS işletim sistemi cihazını seçin.
Ayarları kaydedin.
İOS cihazlarında görüntülenecek olan budur …
Bölüm 4: Dördüncü düğme için Android için İndir düğmesini görüntüler, Android aygıtı için indir düğmesini görüntüleyeceğiz. Bir düğme oluşturmak için oluşturduğumuz önceki düğmeyi çoğaltın. Yeni düğme ayarlarını açın ve aşağıdaki düğmeyi ve URL metnini güncelleyin:
Metin düğmesi: Google Play’e Get URL Link Kuts: [ZIP dosyasına URL ekleyin]
Tasarım sekmesinin altında, gradyan arka plan düğmesini aşağıdaki gibi verin:
Sol renk gradyan arka plan: #a8eb9 engebeli arka planın en rengi: #39Abc5 Gradyan yönü: 90 derece
İşletim sisteminin durumunu düğmeye eklemek için aşağıdakileri yapın:
Devam sekmesi altında, yeni görüntüleme koşulları eklemek için tıklayın.
Açılır listeden işletim sistemi koşulunu seçin. İşletim sistemi ayar açılır penceresinde, işletim sistemi ayarlanmışsa seçeneğin görüntülenmesini sağlayın.
Listeden Android işletim sistemini seçin.
Ayarları kaydedin.
Android cihazlarda görüntülenecek olan budur …
Bölüm 5: Düğmeniz için bir resim veya rozet kullanmak, daha resmi görünmesi için düğmeniz için bir resim veya rozet kullanmayı da seçebilir. Örneğin, iOS cihazları için indirme düğmesini görüntülemek için Apple rozetinden birini kullanabilirsiniz. Görüntüyü bir düğme olarak kullanmak istiyorsanız, sayfaya yeni bir resim ekleyin.
Görüntüleri modüle yükleyin ve kullanıcıyı uygulama deposuna veya indirme sayfasına yönlendirmek için resim bağlantısı URL’sini verin. Ardından, ilgili işletim sistemindeki görüntü düğmesini görüntülemek için ekran koşullarını güncelleyin. İOS cihazındaki “App Store’dan İndir” düğmesini görüntüleyebilirsiniz. Ve bir Android cihazında “Google Play Al” düğmesini görüntüleyebilirsiniz. Sonuçları Chrome Devtools ile Test Edin Bir krom tarayıcı kullanıyorsanız, farklı bir işletim sisteminde sayfa/düğme ekranınızı test etmek için varsayılan Devtools’u kullanabilirsiniz. Bilgisayarınız hangi işletim sistemini çalıştırıyor. Chrome Devtools, işletim sistemini test amacıyla tahrif edebilir. Sayfalarınızı Chrome Devtools kullanarak farklı bir işletim sisteminde test etmek için aşağıdaki adımları izleyin: Geliştiriciyi açın ve pencerenin sağ üst kısmındaki üç noktalı simgeyi tıklayın. Konsol çekmecesinde, çekmecenin sol üst kısmındaki üç nokta menüsünü tıklayın. Alt listeden sekme ağı koşullarını ekleyin.
Ağ koşulu altında, kullanıcı aracısı için “Varsayılan Tarayıcıyı Kullan” seçeneğini iptal edin.
Ardından listeden bir tarayıcı/özel işletim sistemi seçin.
Bittiğinde, sayfayı ağ koşuluna yüklemek için sayfayı yenileyebilirsiniz. Buradaki nihai sonuç, ilgili işletim sisteminde görüntülenen nihai sonuçtur. Mac OS için İndir düğmesi
Windows İşletim Sistemi için İndir düğmesi
Divi düğmesini kullanarak iOS cihazı için indir düğmesi
Görüntü veya rozet kullanma Divi düğmesini kullanarak Android cihazlar için indir düğmesini indir Görüntü veya rozet kullanma Son zihin, Divi’deki indirme düğmesini çok kolay hale getirir. Zip dosyasını indirmek veya kullanıcıyı indirme sayfasına veya uygulama deposuna yönlendirmek için bir düğme modülü veya hatta bağlantı URL’si olan bir resim modülü kullanabilirsiniz. Bundan sonra, her bir kullanıcının işletim sistemine göre her bir düğmeyi görüntülemek için Divi İşletim Sistemi Koşulu seçeneğini kullanarak sayfanızı büyük ölçüde artırabilirsiniz. Bu, kullanıcıların ihtiyaç duyduklarını hızlı ve verimli bir şekilde elde etmelerini sağlamaya yardımcı olacaktır. Ve kullanıcının doğru düğmeyi gördüğünden emin olmak için Chrome Devtools kullanarak farklı ağ koşullarında düğmeyi test etmeyi unutmayın. Yorumlarda sizden haber almayı umuyorum. Kızarmış ekmek!
Parçanın düzenini Divi kütüphanenize aktarmak için Divi kütüphanesine gidin.
İçe Aktar düğmesini tıklayın. Taşınabilirlik açılır penceresinde, İçe Aktarma sekmesini seçin ve bilgisayarınızdan indirme dosyasını seçin. Ardından İçe Aktar düğmesini tıklayın.
Bittiğinde, parçanın düzeni Divi Builder’da mevcut olacak. Doğrudan öğreticiye mi gidiyorsunuz? Başlamak için neye ihtiyacın var Başlamak için aşağıdakileri yapmanız gerekir: Değilse, divi temasını yükleyin ve etkinleştirin.
WordPress’te yeni bir sayfa oluşturun ve ön taraftaki sayfaları düzenlemek için Divi Builder’ı kullanın (görsel yapımcı).
“Başından Uyan” seçeneğini seçin.
Bundan sonra, Divi’de tasarım yapmaya başlamak için boş bir tuvaliniz olacak. Tasarım sürecini hızlandırmak için, Divi hücresel uygulama düzeni paketinden hücresel uygulamanın mobil uygulamalarını kullanacağız.
Önceden yapılan sayfaya yüklemek için Divi Builder’ın altındaki Ayarlar menüsünü açın. Ardından kütüphane simgesinden sığmayı seçin. Kütüphaneden yükleme açılışında, hücresel uygulama düzeni paketini bulun ve Mobil Uygulama Ana Sayfası düzenini kullanmak için tıklayın.
Bu, sayfaya yerleşim içerecektir. Şimdi ayrılmaya hazırsın! Divi Bölüm 1’de her işletim sistemi için indirme düğmesi nasıl görüntülenir: İlk düğme için Mac OS için İndir düğmesini görüntüleyin, yalnızca Mac OS’deki indirme düğmesini görüntülemek için Divi Durum seçeneğini kullanacağız. Bunu yapmak için, başlık başlığındaki düğmeler için ayarları açın ve aşağıdaki düğmeyi ve URL metnini güncelleyin: Metin düğmesi: İndir (Mac OS) URL Link Kuts: [ZIP dosyasına URL ekleyin]
Tasarım sekmesinin altında, düğmeyi ve boşluk simgelerini aşağıdaki gibi güncelleyin:
Anahtar simgesi: Ekran görüntüsüne bakın Zorlu simgenin yerleşimi: sol
Sadece düğmeye işaret ettiğinde simgeler görüntüleyin: hayır
Dolgu (masaüstü): 16px üst, 16px alt, 40px sol, 20px sağ
Dolgu (Cep telefonu): 28px sol, 12 piksel sağ
İşletim sisteminin durumunu düğmeye eklemek için aşağıdakileri yapın:
Devam sekmesi altında, yeni görüntüleme koşulları eklemek için tıklayın. Açılır listeden işletim sistemi koşulunu seçin.
İşletim sistemi ayar açılır penceresinde, işletim sistemi ayarlanmışsa seçeneğin görüntülenmesini sağlayın.
Listeden Mac OS işletim sistemini seçin.
Ayarları kaydedin.
Mac OS’de görüntülenecek olan budur …
Bölüm 2: Windows işletim sistemi için İndir düğmesini görüntüleyin İkinci düğme için Windows işletim sistemi için indirme düğmesini görüntüleyeceğiz. İlk olarak, yeni bir düğme oluşturmak için yeni oluşturulan düğmeyi çoğaltın. Yeni düğme ayarlarını açın ve aşağıdaki düğmeyi ve URL metnini güncelleyin: Metin düğmesi: İndir (Windows işletim sistemi) URL Link Kuts: [ZIP dosyasına URL ekleyin]
Tasarım sekmesinin altında, gradyan arka plan düğmesini aşağıdaki gibi verin:
Sol renk gradyan arka plan: #00f2fe Gradyanın arka planının doğru rengi: #4facfe
Gradyan yönü: 90 derece
İşletim sisteminin durumunu düğmeye eklemek için aşağıdakileri yapın:
Devam sekmesi altında, yeni görüntüleme koşulları eklemek için tıklayın. Açılır listeden işletim sistemi koşulunu seçin.
İşletim sistemi ayar açılır penceresinde, işletim sistemi ayarlanmışsa seçeneğin görüntülenmesini sağlayın.
Listeden Windows İşletim Sistemini seçin.
Ayarları kaydedin.
İşte pencerelerde görüntülenecek …
Bölüm 3: Üçüncü düğme için iOS (iPhone, iPad, iPod) için indir düğmesini görüntüleyin, iOS aygıtı için indirme düğmesini görüntüleyeceğiz. Bir düğme oluşturmak için yaptığımız ilk düğmeyi çoğaltın. Yeni düğme ayarlarını açın ve aşağıdaki düğmeyi ve URL metnini güncelleyin: Metin Düğmesi: App Store’dan İndirin URL Link Kuts: [ZIP dosyasına URL ekleyin]
Tasarım sekmesinin altında, düğme simgesini sağ oka güncelleyin (bkz. Ekran görüntüleri).
İşletim sisteminin durumunu düğmeye eklemek için aşağıdakileri yapın: Devam sekmesi altında, yeni görüntüleme koşulları eklemek için tıklayın. Açılır listeden işletim sistemi koşulunu seçin.
İşletim sistemi ayar açılır penceresinde, işletim sistemi ayarlanmışsa seçeneğin görüntülenmesini sağlayın.
Listeden (iPhone, iPad, iPod) iOS işletim sistemi cihazını seçin.
Ayarları kaydedin.
İOS cihazlarında görüntülenecek olan budur …
Bölüm 4: Dördüncü düğme için Android için İndir düğmesini görüntüler, Android aygıtı için indir düğmesini görüntüleyeceğiz. Bir düğme oluşturmak için oluşturduğumuz önceki düğmeyi çoğaltın. Yeni düğme ayarlarını açın ve aşağıdaki düğmeyi ve URL metnini güncelleyin:
Metin düğmesi: Google Play’e Get URL Link Kuts: [ZIP dosyasına URL ekleyin]
Tasarım sekmesinin altında, gradyan arka plan düğmesini aşağıdaki gibi verin:
Sol renk gradyan arka plan: #a8eb9 engebeli arka planın en rengi: #39Abc5 Gradyan yönü: 90 derece
İşletim sisteminin durumunu düğmeye eklemek için aşağıdakileri yapın:
Devam sekmesi altında, yeni görüntüleme koşulları eklemek için tıklayın.
Açılır listeden işletim sistemi koşulunu seçin. İşletim sistemi ayar açılır penceresinde, işletim sistemi ayarlanmışsa seçeneğin görüntülenmesini sağlayın.
Listeden Android işletim sistemini seçin.
Ayarları kaydedin.
Android cihazlarda görüntülenecek olan budur …
Bölüm 5: Düğmeniz için bir resim veya rozet kullanmak, daha resmi görünmesi için düğmeniz için bir resim veya rozet kullanmayı da seçebilir. Örneğin, iOS cihazları için indirme düğmesini görüntülemek için Apple rozetinden birini kullanabilirsiniz. Görüntüyü bir düğme olarak kullanmak istiyorsanız, sayfaya yeni bir resim ekleyin.
Görüntüleri modüle yükleyin ve kullanıcıyı uygulama deposuna veya indirme sayfasına yönlendirmek için resim bağlantısı URL’sini verin. Ardından, ilgili işletim sistemindeki görüntü düğmesini görüntülemek için ekran koşullarını güncelleyin. İOS cihazındaki “App Store’dan İndir” düğmesini görüntüleyebilirsiniz. Ve bir Android cihazında “Google Play Al” düğmesini görüntüleyebilirsiniz. Sonuçları Chrome Devtools ile Test Edin Bir krom tarayıcı kullanıyorsanız, farklı bir işletim sisteminde sayfa/düğme ekranınızı test etmek için varsayılan Devtools’u kullanabilirsiniz. Bilgisayarınız hangi işletim sistemini çalıştırıyor. Chrome Devtools, işletim sistemini test amacıyla tahrif edebilir. Sayfalarınızı Chrome Devtools kullanarak farklı bir işletim sisteminde test etmek için aşağıdaki adımları izleyin: Geliştiriciyi açın ve pencerenin sağ üst kısmındaki üç noktalı simgeyi tıklayın. Konsol çekmecesinde, çekmecenin sol üst kısmındaki üç nokta menüsünü tıklayın. Alt listeden sekme ağı koşullarını ekleyin.
Ağ koşulu altında, kullanıcı aracısı için “Varsayılan Tarayıcıyı Kullan” seçeneğini iptal edin.
Ardından listeden bir tarayıcı/özel işletim sistemi seçin.
Bittiğinde, sayfayı ağ koşuluna yüklemek için sayfayı yenileyebilirsiniz. Buradaki nihai sonuç, ilgili işletim sisteminde görüntülenen nihai sonuçtur. Mac OS için İndir düğmesi
Windows İşletim Sistemi için İndir düğmesi
Divi düğmesini kullanarak iOS cihazı için indir düğmesi
Görüntü veya rozet kullanma Divi düğmesini kullanarak Android cihazlar için indir düğmesini indir Görüntü veya rozet kullanma Son zihin, Divi’deki indirme düğmesini çok kolay hale getirir. Zip dosyasını indirmek veya kullanıcıyı indirme sayfasına veya uygulama deposuna yönlendirmek için bir düğme modülü veya hatta bağlantı URL’si olan bir resim modülü kullanabilirsiniz. Bundan sonra, her bir kullanıcının işletim sistemine göre her bir düğmeyi görüntülemek için Divi İşletim Sistemi Koşulu seçeneğini kullanarak sayfanızı büyük ölçüde artırabilirsiniz. Bu, kullanıcıların ihtiyaç duyduklarını hızlı ve verimli bir şekilde elde etmelerini sağlamaya yardımcı olacaktır. Ve kullanıcının doğru düğmeyi gördüğünden emin olmak için Chrome Devtools kullanarak farklı ağ koşullarında düğmeyi test etmeyi unutmayın. Yorumlarda sizden haber almayı umuyorum. Kızarmış ekmek!
