Her hafta size bir sonraki projeniz için kullanabileceğiniz yeni ve ücretsiz bir Divi düzen paketi veriyoruz. Her düzen paketiyle birlikte, web sitenizi bir sonraki seviyeye getirmenize yardımcı olacak kullanım durumlarını da paylaşıyoruz. Bu hafta, devam eden Divi Tasarım Girişimimizin bir parçası olarak, Divi yazarı ve 3D Flipbook eklenti düzeni paketini kullanarak web sitenize nasıl kitap ekleyeceğinizi göstereceğiz. Web sitenize önizleme ekleyin, karar vermede ziyaretçilere yardımcı olun. Ürününüzü hissedebilir ve paylaştığınız içerikten emin olabilirler. Önizleme kitaplarını paylaşmak için, kitabınızın ücretsiz olarak paylaşmak istediğiniz sayfa sayısını (e) içeren bir PDF dosyasına ihtiyacınız vardır.
Gizlice göz atma
Bölüm 1: Ücretsiz Etkileşimli 3D Flipbook Eklentisini İndirin ve Yükle Adım 1: Bir kitap incelemesi yapmak için eklentiyi indirin, aşağıdaki sayfayı açıp İndir düğmesini tıklayarak ücretsiz Flipbook 3D Flipbook eklentisini indirmemiz gerekir.
Adım 2: Eklentiyi yükleyin ve yükleyin, eklentiyi indirdikten sonra bilgisayarınıza koyun, eklentileri girerek eklentinize devam edin ve yeni ekleyin. Yükledikten sonra eklentiyi de etkinleştirdiğinizden emin olun.
Bölüm 2: PDF Birincil Dosyasını Yükle Kitabınız Adım 1: Yeni 3D Flipbook ekleyin, 3D Flipbook eklentisini yükledikten ve yükledikten sonra yapmanız gereken ilk şey, kitabınız için bir PDF dosyası eklemektir. İstediğiniz kadar kitabın önizlemesine ekleyebilirsiniz. Flipbook 3D’yi açın> Tüm kitaplar> Yeni ekleyin.
Adım 2: PDF Dosyaları Yükle Birincil kitabınızı her PDF dosyasını ayrı bir kitap olarak yükleyin. Bu da başlığı vermeyi de içerir. Bölüm 3: Kısa Kod Üretin #1: Lightbox Aktivasyon Bağlantısı Adım 1: Kısa Kod Üretme Bu kitabın önizlemesini nasıl ekleyeceğinize dair iki yol göstereceğiz. Birincisi tıklanır ve ikincisi sayfanın kendisinde görünür. Tıklandığında bir kitap incelemesiyle başlayacağız. Flipbook 3D’yi açın> Kısa Kod Makinesi.
Adım 2: 3D Geri Kitap sekmesinde PDF dosyasını seçin, kullanmak istediğiniz PDF dosyasını seçin.
Adım 3: Ekran modunu değiştirin, ardından Ekran Modu sekmesine geçin ve ‘LightBox etkinleştirme bağlantısı’ seçeneğini seçin.
Adım 4: Kısa Kodu Kopyala Kısa kodu, yaptığınız değişikliklere göre otomatik olarak güncellenecektir. Lütfen ve bu kısa kodu kopyalayın. Bu öğreticinin bir sonraki bölümünde buna ihtiyacımız olacak.
Bölüm 4: Ana Sayfa’daki Kahramana LightBox Etkinleştirme Bağlantısı Ekle Adım 1: Evi açın ve verandanıza tıklandığında önizleme kitapları eklemek için Görsel Yapımcıların Zamanını Etkinleştirin! Lütfen sayfayı görsel bir oluşturucu ile açın.
Adım 2: Kahraman bölümünün ilk sütununda kitap görüntü modülünü sil, ardından Kahramanın ilk sütunundaki görüntü modülünü silin. Kısa kod işlevi yöntemi nedeniyle, bunun yerine kod modülünü kullanacağız.
Adım 3: Bunun yerine kod modülünü ekleyin, lütfen ve ilk sütuna yeni bir kod modülü ekleyin.
Adım 4: Bir sonraki kısa kodunuzu ekleyin, oluşturduğunuz kısa kodu içerik kutusu modülüne bu kod ekleyin.
Adım 5: Kısa kod ve kısa bir kodun ortasında HTML görüntüsü ekleyin, bazı ek HTML kodları eklemek için yeriniz var. Görüntü eklemek için bu HTML kodunu kullanacağız. Aşağıdaki HTML kodunu kopyalayın ve URL’yi kendi görüntü URL’nizle değiştirin:
Adım 6: Kod modülünün boyutunu değiştirin, elbette bu görüntünün duyarlı olmasını istiyoruz. Bu yüzden tablet ve cep telefonu genişliğini boyut alt kategorisinde ‘%52’ olarak değiştireceğiz. Sonuçları görmek için görsel oluşturucuyu kaydettikten ve çıktıktan sonra lütfen görüntüyü tıklayın!
Bölüm 5: Kısa Kod Üretin #2: Tam Ekran Adım 1: Kısa Kodu Açın Bir yere tıklamak zorunda kalmadan sayfanın kendisine bir önizleme kitabı eklemek istiyorsunuz? Sorun değil! Ayrıca kolayca yapabilirsiniz. Flipbook 3D’ye dön> Kısa Kod Üreticisi.
Adım 2: PDF Dosyasını Seçin Seçenek PDF dosyasını tekrar seçin.
Adım 3: Ekran modunu değiştirin, ardından Ekran Modu sekmesine devam edin ve ‘LightBox Etkinleştirme Bağlantısı seçeneğini seçmek yerine’ Tam Ekran’ı seçin.
Adım 4: Kısa Kodu Kopyala Yaptığınız değişikliklere otomatik olarak ayarlanan kısa kodu kopyalayın.
Bölüm 6: Adım 1 için tam ekran kitabı kullanarak kitabın bir önizlemesini oluşturun: Evi Açın ve Görsel Maker Etkinleştir Bu kitabın önizlemesini bir sonraki sayfamıza ekleyeceğiz. Ana sayfanızı açın ve görsel oluşturucuyu etkinleştirin.
Adım 2: Kahramanın hemen altındaki kahramanların altına yeni bir parça ekleyin, yeni bir düzenli bölüm ekleyin.
Adım 3: Gradyanın arka planını kahramanla eşleştirmek için ekleyin, bu bölüm için aşağıdaki gradyan arka planını kullanacağız: Renk 1: #f4f4f4
Renk 2: RGBA (148,166,191.0.34)
Gradyan yönü: 90 derece
Başlangıç Pozisyonu:% 60
Son pozisyon:% 60
Adım 4: Ayarlarla bitirdikten sonra bölüme iki sütun ekleyin, iki sütunu ekleyin.
Adım 5: Herhangi bir modül eklemeden önce satırın boyutunu değiştirin, satır ayarlarını açın ve tasarım sekmesindeki boyutun alt kategorisinde ‘Bu satır genişliği için’ seçeneğini etkinleştirin.
Adım 6: Metin Modülünü Klonlama, İçeriği Değiştir ve Sütun 1’deki Yer Değiştirme, başından beri yapmak yerine zaten sayfada bulunan modülleri klonlayarak zamandan tasarruf edeceğiz. Sayfanızda aşağıdaki iki metin modülü bulun ve yeni yaptığınız satırın ilk sütununa sürükle:
Adım 7: Metin modülünü Sütun 2’ye ekleyin, kitabı yeni bir metin modülü ekleyerek bu satırın ikinci sütununa ekleyeceğiz.
Adım 8: Metin Modülüne Kısa Kod Ekle Bu metin modülünün içerik kutusuna kopyaladığınız kısa kodu yerleştirin ve burada sonuçları alırsınız!
Blog gönderisindeki son zihin Bu kullanım durumunda, Divi yazarının düzeni paketi ve 3D Flipbook eklentisi ile web sitenize nasıl bir kitap ekleyeceğinizi gösterdik. Bu kullanım durumu, tasarım ekibimizin her hafta sizinle yeni bir düzen paketini paylaştığı Divi girişimimizin bir parçasıdır. Eğer soruların varsa; Aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
