Özel bir site oluşturmak için bir divi oluşturucu nasıl kullanılır (adım adım)
Web sitenizin düzenini oluşturmak için Divi Builder eklentisini kullanmak ister misiniz? Divi, web siteniz için güzel düzeni oluşturmanızı ve ayarlamanızı kolaylaştıran en popüler sayfa üreticileri eklentilerinden biridir. Bu makalede, düzeninizi oluşturmak için Divi Builder’ı nasıl kullanacağınızı tam olarak anlatacağız. Ama ondan önce, Divi Builder eklentisine bakalım. Divi Builder nedir?
Divi Builder eklentisi, tek bir kod satırı yazmadan web sitenizin düzenini oluşturmanıza, ayarlamanıza ve düzenlemenize olanak tanıyan bir WordPress sayfa üreticisidir. Bu sayfa üreticisini kullanmanın avantajlarından biri, tamamen ayarlanmış bir tasarım ve gerçekten benzersiz bir tasarım yapmanıza izin vermesidir.
Ayrıca, bunu yaparken yaptığınız değişikliklerin önizlemesini görebilirsiniz. Bu, geleneksel WordPress metin editörleriyle çalışmanın aksine, Divi’yi kullanmanın ilerlemenizi kontrol etmek için sürekli sekme aktarımı içermediği anlamına gelir. Bu Wysiwyg editörü (gördüğünüz şey, ne elde ettiğiniz) gerçek anlamda. Divi Builder, Divi temasıyla çok iyi çalışıyor, ancak birlikte kullanmasanız bile, bu, istediğiniz diğer WordPress temasıyla iyi çalışıyor. Çizgiler ve duyarlı düzenleme açısından olağanüstü esneklik sunar. Ayrıca 40 web sitesi öğesi, daha önce yapılan 800+ tasarım, 100+ eksiksiz web sitesi paketleri, çeşitli şekil yoksunlar ve daha fazlasını da kullanabilirsiniz. Ayrıca, gelişmiş bir stil seçeneği istiyorsanız kendi kodunuzu bile ekleyebilirsiniz.
Divi hakkında daha fazla bilgi edinmek için ayrıntılı incelemelerimizi buradan okuyun. Aşağıdaki adımlarda, tasarımınızı oluşturmak için Divi’yi nasıl kullanacağınızı göstereceğiz. Adım 1: Divi Builder ile başlayın Divi Builder ile başlamak için, önce web sitenizdeki eklentiyi yüklemeli ve etkinleştirmelisiniz. Nasıl yapılacağını bilmiyorsanız, eklentiyi nasıl yükleyeceğiniz ve etkinleştireceğinizle ilgili bu makaleyi okuyun. Eklenti kurulduktan ve etkinleştirildikten sonra, düzeninizi oluşturmak için kullanmaya başlayabilirsiniz. Divi ile yeni bir sayfa oluşturalım. Adım 2: Divi ile ilk sayfanızı oluşturmak için Divi Builder ile ilk sayfanızı oluşturun, WordPress kontrol panelinizi açın ve sayfa tıklayın »Yeni ekleyin. Yeni sayfa artık Divi Builder kullanım düğmesi ile ekranınızda görünecektir. Bu düğmeyi tıklayın: Ardından Divi Oluşturucu düğmesini tıklayın: Bu sizi 3 seçeneğiniz olacağı yeni bir ekrana götürecektir. Daha önce oluşturulan düzeni kullanmadan baştan bir tasarım yapmak istiyorsanız, ilk seçeneği seçin. Daha önce oluşturulan düzeni kullanmak istiyorsanız, 2. seçeneği seçin. 2. seçeneği seçerek, her şey sizin için yapıldığı için hemen başlayabilirsiniz. 3. seçenek mevcut tasarımları yeniden kullanmanıza olanak tanır. Hangisinin sizin için en iyi seçim olduğunu düşündüğünüzü seçebilirsiniz. Adım 3: Önceden oluşturulmuş düzeni/demo sitelerini içe aktarın Web sitenizi sıfırdan oluşturmak istemiyorsanız, daha önce oluşturulan düzeni seçebilirsiniz. Bunun için, önceden hazırlanmış bir düzen seçeneğini seçin. Bu, daha önce sizin için yapılan düzen kütüphanesini gösterecektir: Web sitenizin nişine bağlı olarak, düzeni belirli bir kategoride bulmak isteyebilirsiniz. Bunu yapmak için solunuzdaki kategoriyi seçebilir veya kategoriyi bulmak için arama alanını kullanabilirsiniz. Divi, ihtiyaçlarınıza uygun tüm düzenleri gösterecektir. Daha sonra istediğiniz düzeni seçebilirsiniz. Bu, 2 farklı seçeneğe sahip düzen önizlemesini görüntüleyecek. Doğrudan demoya bakın Bu düzeni kullanın
Bu düzeni kullanma seçeneğini seçin. Bu, eklentileri doğrulamanızı isteyecektir. Kullanıcı adınızı kullanın ve onu yönetmek için ateş edin:
Bundan sonra, düzeninizi ayarlamaya başlayabilirsiniz. Bununla birlikte, bu öğretici uğruna, başlamamıza izin veren ilk seçeneği oluşturmaya başlayacağız. Adım 4: Hatınızı ve Modülünüzü Ekleyin Seçenek 1’i seçtikten sonra, eklemek istediğiniz satır sayısını seçebileceğiniz yeni bir sayfaya götürüleceksiniz. Burada çeşitli seçenekler göreceksiniz. İhtiyaçlarınıza bağlı olarak, sayfanıza eklemek istediğiniz satırı seçin. Üç çizgili bir seçenek seçelim. Artık eklenebilecek tüm modülleri görüntüleyen bir açılır pencere göreceksiniz. Üzerine tıklayarak istediğiniz modülü seçin. Bu bir ses klibi, harekete geçmeye davet, düğmeler, iletişim formları ve daha fazlası olabilir. Belli bir seçeneğiniz varsa bir modül bulmak için bir arama kutusu kullanabilirsiniz. Burada üç farklı satırda metin, görüntüler ve düğmeleri ekledik. Şimdi sayfamız şöyle görünüyor:
Aşağıda, bunu nasıl yaptığımızın kısa bir özetidir: Daha fazla satır eklemek için, geçerli satırınızın altındaki ‘+’ simgesini kullanabilirsiniz. Adım 5: Satır ve modülü şimdi ayarlayın Hat ve modüller eklendikten sonra ayarlayın. İlk olarak, metin modülü üzerinde çalışacağız. Metni düzenlemek için metin modülüne çift tıklayın ve Ayarlar simgesini tıklayın. Farklı ayar seçenekleriyle küçük bir sembulan penceresinin göründüğünü göreceksiniz. Metninizin nasıl görünmesini istediğinizi yapmak için kullanabilirsiniz. Burada 3 sekme olacak: Doldurmak
Bu, ayar çubuğunu çeşitli seçeneklerle genişletecektir. Dişli simgesine (ayarlar) tıklayın:
3 sekme ile Ayarlar sayfası açılır penceresini göreceksiniz: Doldurmak Tasarım
Gelişmiş İçerik sekmesinde, sayfa başlıklarında çalışabilir, üstün resimler ekleyebilir, sayfanıza arka plan ekleyebilir ve ayrıca sayfa performansınızın ne kadar iyi olduğunu görmek için ayrı bir test yapabilirsiniz: Üstün resimler eklemek için ‘+’ işaretini tıklayın ve resim ekleyin Medya kütüphanesinden sizsiniz veya bilgisayarınızdan yeni resimler yükleyin. Sırada tasarım sekmesi. Burada renk şeması, sayfanızın mesafesi ve metninizin rengi üzerinde çalışabilirsiniz. Yapmak istediğiniz seçeneğe tıklayın ve değişiklik yapın:
Son olarak, gelişmiş bir sekmeniz var. Bu sekmede, özel CSS’nizi ekleyebilir ve Statik CSS Dosya Oluşturma seçeneğini etkinleştirebilirsiniz. Ayrıca sayfanızın kullanıcılarınız için nasıl görünmesini istediğinizi de seçebilirsiniz. Değişiklik yapıldıktan sonra, değişikliğinizi kaydetmek için aşağıdaki yeşil onay işaretini tıklayın. Mor düğmeyi kullanarak değişiklikleri iptal edebilir ve yeşil onay işaretinin yanındaki mavi düğmeyi kullanarak değişiklikleri tekrarlayabilirsiniz. Adım 7: Kendi Düzeninizi Gelecek İçin Depolama Kendi düzeninizi oluşturduktan sonra, gelecekte kullanım için kaydedebilirsiniz. Bu, Divi kütüphanesinde saklanacaktır. Bir dahaki sefere bu düzeni kullanmak istediğinizde, seçebilir ve hemen metninizi ekleyebilirsiniz. Düzeninizi kaydetmek için imleci sayfanıza yönlendirin ve sayfa ayarları çubuğundaki kütüphane simgesini tıklayın. Düzeninize bir ad ekleyebileceğiniz bir açılır pencere görünecektir. Ayrıca kategori ekleme seçeneğiniz var:
Ardından kütüphaneye kaydedin. Düzeniniz artık gelecekte kullanılmak üzere kaydedilecek. Kütüphaneye öğe eklendikten sonra, düzen, bölüm, satır ve yeni Divi modülü eklenirken Kütüphane’den sekme eklenmesinde görünür. Aynı işlemi izleyerek belirli modülleri de saklayabilirsiniz. Kaydet düğmesini kütüphaneye bulmak için imleci öğeye yönlendirdiğinizden emin olun. Adım 8: Bir düzen oluşturduktan sonra Divi’nin düzen yanıt verebilirliğini kontrol edin, Divi görünümü çeşitli ekran boyutlarında kontrol etmenizi sağlar. Düzen yanıtınızı kontrol etmek için, ekranınızın sol alt tarafındaki ekran simgesini tıklatın: İlk simge, düzen çerçevesi görüntüsünüzün görüntülenmesini gösterir. Yanındaki büyüteç simgesi, kullanıcı görünümünü artırmak istiyorsa, düzeninizin nasıl görüneceğini kontrol etmenizi sağlar. Bir sonraki simge, düzeninizin masaüstü ekranını, ardından bir tablet ve hücresel ekran ekranını sunar. Düzeninizin oldukça duyarlı olup olmadığını görmek için bu simgelerin her birini tıklayabilirsiniz. Adım 9: Divi düzeninizi her şey hazır olduktan sonra yayınlayın ve sayfanızı oluşturduğunuz düzen ile yayınlamak istediğinizden eminsiniz, ekranınızın sağ alt köşesindeki yayın düğmesini tıklayın:
Yayın düğmesine bastıktan hemen sonra sayfanız yayınlanacaktır. Düzeninizi oluşturmak için Divi Builder kullanır. Umarız bu makaleyi beğenirsiniz. Divi’yi kullanıp kullanmadığınızdan hala emin değilseniz, WordPress siteniz için başka bir sayfa üreticisi arıyor olabilirsiniz. Başka bir popüler sayfa yapıcı eklentisi olan Beaver Builder eklentisi incelemesine bakın.
Ayrıca, bunu yaparken yaptığınız değişikliklerin önizlemesini görebilirsiniz. Bu, geleneksel WordPress metin editörleriyle çalışmanın aksine, Divi’yi kullanmanın ilerlemenizi kontrol etmek için sürekli sekme aktarımı içermediği anlamına gelir. Bu Wysiwyg editörü (gördüğünüz şey, ne elde ettiğiniz) gerçek anlamda. Divi Builder, Divi temasıyla çok iyi çalışıyor, ancak birlikte kullanmasanız bile, bu, istediğiniz diğer WordPress temasıyla iyi çalışıyor. Çizgiler ve duyarlı düzenleme açısından olağanüstü esneklik sunar. Ayrıca 40 web sitesi öğesi, daha önce yapılan 800+ tasarım, 100+ eksiksiz web sitesi paketleri, çeşitli şekil yoksunlar ve daha fazlasını da kullanabilirsiniz. Ayrıca, gelişmiş bir stil seçeneği istiyorsanız kendi kodunuzu bile ekleyebilirsiniz.
Divi hakkında daha fazla bilgi edinmek için ayrıntılı incelemelerimizi buradan okuyun. Aşağıdaki adımlarda, tasarımınızı oluşturmak için Divi’yi nasıl kullanacağınızı göstereceğiz. Adım 1: Divi Builder ile başlayın Divi Builder ile başlamak için, önce web sitenizdeki eklentiyi yüklemeli ve etkinleştirmelisiniz. Nasıl yapılacağını bilmiyorsanız, eklentiyi nasıl yükleyeceğiniz ve etkinleştireceğinizle ilgili bu makaleyi okuyun. Eklenti kurulduktan ve etkinleştirildikten sonra, düzeninizi oluşturmak için kullanmaya başlayabilirsiniz. Divi ile yeni bir sayfa oluşturalım. Adım 2: Divi ile ilk sayfanızı oluşturmak için Divi Builder ile ilk sayfanızı oluşturun, WordPress kontrol panelinizi açın ve sayfa tıklayın »Yeni ekleyin. Yeni sayfa artık Divi Builder kullanım düğmesi ile ekranınızda görünecektir. Bu düğmeyi tıklayın: Ardından Divi Oluşturucu düğmesini tıklayın: Bu sizi 3 seçeneğiniz olacağı yeni bir ekrana götürecektir. Daha önce oluşturulan düzeni kullanmadan baştan bir tasarım yapmak istiyorsanız, ilk seçeneği seçin. Daha önce oluşturulan düzeni kullanmak istiyorsanız, 2. seçeneği seçin. 2. seçeneği seçerek, her şey sizin için yapıldığı için hemen başlayabilirsiniz. 3. seçenek mevcut tasarımları yeniden kullanmanıza olanak tanır. Hangisinin sizin için en iyi seçim olduğunu düşündüğünüzü seçebilirsiniz. Adım 3: Önceden oluşturulmuş düzeni/demo sitelerini içe aktarın Web sitenizi sıfırdan oluşturmak istemiyorsanız, daha önce oluşturulan düzeni seçebilirsiniz. Bunun için, önceden hazırlanmış bir düzen seçeneğini seçin. Bu, daha önce sizin için yapılan düzen kütüphanesini gösterecektir: Web sitenizin nişine bağlı olarak, düzeni belirli bir kategoride bulmak isteyebilirsiniz. Bunu yapmak için solunuzdaki kategoriyi seçebilir veya kategoriyi bulmak için arama alanını kullanabilirsiniz. Divi, ihtiyaçlarınıza uygun tüm düzenleri gösterecektir. Daha sonra istediğiniz düzeni seçebilirsiniz. Bu, 2 farklı seçeneğe sahip düzen önizlemesini görüntüleyecek. Doğrudan demoya bakın Bu düzeni kullanın
Bu düzeni kullanma seçeneğini seçin. Bu, eklentileri doğrulamanızı isteyecektir. Kullanıcı adınızı kullanın ve onu yönetmek için ateş edin:
Bundan sonra, düzeninizi ayarlamaya başlayabilirsiniz. Bununla birlikte, bu öğretici uğruna, başlamamıza izin veren ilk seçeneği oluşturmaya başlayacağız. Adım 4: Hatınızı ve Modülünüzü Ekleyin Seçenek 1’i seçtikten sonra, eklemek istediğiniz satır sayısını seçebileceğiniz yeni bir sayfaya götürüleceksiniz. Burada çeşitli seçenekler göreceksiniz. İhtiyaçlarınıza bağlı olarak, sayfanıza eklemek istediğiniz satırı seçin. Üç çizgili bir seçenek seçelim. Artık eklenebilecek tüm modülleri görüntüleyen bir açılır pencere göreceksiniz. Üzerine tıklayarak istediğiniz modülü seçin. Bu bir ses klibi, harekete geçmeye davet, düğmeler, iletişim formları ve daha fazlası olabilir. Belli bir seçeneğiniz varsa bir modül bulmak için bir arama kutusu kullanabilirsiniz. Burada üç farklı satırda metin, görüntüler ve düğmeleri ekledik. Şimdi sayfamız şöyle görünüyor:
Aşağıda, bunu nasıl yaptığımızın kısa bir özetidir: Daha fazla satır eklemek için, geçerli satırınızın altındaki ‘+’ simgesini kullanabilirsiniz. Adım 5: Satır ve modülü şimdi ayarlayın Hat ve modüller eklendikten sonra ayarlayın. İlk olarak, metin modülü üzerinde çalışacağız. Metni düzenlemek için metin modülüne çift tıklayın ve Ayarlar simgesini tıklayın. Farklı ayar seçenekleriyle küçük bir sembulan penceresinin göründüğünü göreceksiniz. Metninizin nasıl görünmesini istediğinizi yapmak için kullanabilirsiniz. Burada 3 sekme olacak: Doldurmak
Tasarım
Gelişmiş
İçerik sekmesinde metin üzerinde çalışabilir, metninize bağlantılar ekleyebilir, arka planınızı değiştirebilir ve daha fazlasını yapabilirsiniz. Tasarım sekmesinde modülünüzü nasıl görüneceğinizi yapabilirsiniz. Burada başlığı değiştirmek, boşlukları, sınırları, animasyonları ve daha fazlasını eklemek için çalışabilirsiniz.
Daha fazla ayar seçeneğine ihtiyacınız varsa, Gelişmiş sekmesini de kullanabilirsiniz. Görüntüler için modülü tıklayarak seçin. Şimdi Ayarlar simgesine tıklayın. Ekranınızda yeni bir açılır pencere göreceksiniz. Resim odasına tıklayın ve bilgisayarınızdan resim yükleyin. Bunu medya kütüphanenizden de kullanabilirsiniz.
Görüntü eklendikten sonra, yuvarlayarak görüntüye bir bağlantı ekleyebilirsiniz. Ayrıca, yeni sekmede bir resim bağlantısı açmak, ışık kutusundaki resim bağlantısını açmak ve diğerleri gibi diğer seçenekleri de göreceksiniz. Görüntünüze yanındaki bağlantıdan bir arka plan rengi de ekleyebilirsiniz. Tasarım seçenekleri için Tasarım sekmesine tıklayın. Burada animasyon, boşluklar, filtreler ve diğerleri ekleme seçeneğiniz var. Gelişmiş sekmesi, özel CSS’nin yanı sıra kendi CSS kimliğinizi ve sınıfınızı eklemenizi sağlar. Bu seçenek, kendi kodlarını eklemek isteyen gelişmiş kullanıcılar içindir. Ancak bir kod üreticisi değilseniz, bu sekmeyi tamamen geçebilirsiniz.
Ayarlarınızı saklamak için yeşil onay işaretine basmayı unutmayın. Metin ve resim eklemekle aynı şekilde çalışan düğmeyi ayarlayın. Tıklayarak düğme modülünü seçmeniz yeterlidir. Ardından ekranınızdaki açılır pencerede görünen seçeneği kullanarak ayarlamaya başlayın.
Bu, ayar çubuğunu çeşitli seçeneklerle genişletecektir. Dişli simgesine (ayarlar) tıklayın:
3 sekme ile Ayarlar sayfası açılır penceresini göreceksiniz: Doldurmak Tasarım
Gelişmiş İçerik sekmesinde, sayfa başlıklarında çalışabilir, üstün resimler ekleyebilir, sayfanıza arka plan ekleyebilir ve ayrıca sayfa performansınızın ne kadar iyi olduğunu görmek için ayrı bir test yapabilirsiniz: Üstün resimler eklemek için ‘+’ işaretini tıklayın ve resim ekleyin Medya kütüphanesinden sizsiniz veya bilgisayarınızdan yeni resimler yükleyin. Sırada tasarım sekmesi. Burada renk şeması, sayfanızın mesafesi ve metninizin rengi üzerinde çalışabilirsiniz. Yapmak istediğiniz seçeneğe tıklayın ve değişiklik yapın:
Son olarak, gelişmiş bir sekmeniz var. Bu sekmede, özel CSS’nizi ekleyebilir ve Statik CSS Dosya Oluşturma seçeneğini etkinleştirebilirsiniz. Ayrıca sayfanızın kullanıcılarınız için nasıl görünmesini istediğinizi de seçebilirsiniz. Değişiklik yapıldıktan sonra, değişikliğinizi kaydetmek için aşağıdaki yeşil onay işaretini tıklayın. Mor düğmeyi kullanarak değişiklikleri iptal edebilir ve yeşil onay işaretinin yanındaki mavi düğmeyi kullanarak değişiklikleri tekrarlayabilirsiniz. Adım 7: Kendi Düzeninizi Gelecek İçin Depolama Kendi düzeninizi oluşturduktan sonra, gelecekte kullanım için kaydedebilirsiniz. Bu, Divi kütüphanesinde saklanacaktır. Bir dahaki sefere bu düzeni kullanmak istediğinizde, seçebilir ve hemen metninizi ekleyebilirsiniz. Düzeninizi kaydetmek için imleci sayfanıza yönlendirin ve sayfa ayarları çubuğundaki kütüphane simgesini tıklayın. Düzeninize bir ad ekleyebileceğiniz bir açılır pencere görünecektir. Ayrıca kategori ekleme seçeneğiniz var:
Ardından kütüphaneye kaydedin. Düzeniniz artık gelecekte kullanılmak üzere kaydedilecek. Kütüphaneye öğe eklendikten sonra, düzen, bölüm, satır ve yeni Divi modülü eklenirken Kütüphane’den sekme eklenmesinde görünür. Aynı işlemi izleyerek belirli modülleri de saklayabilirsiniz. Kaydet düğmesini kütüphaneye bulmak için imleci öğeye yönlendirdiğinizden emin olun. Adım 8: Bir düzen oluşturduktan sonra Divi’nin düzen yanıt verebilirliğini kontrol edin, Divi görünümü çeşitli ekran boyutlarında kontrol etmenizi sağlar. Düzen yanıtınızı kontrol etmek için, ekranınızın sol alt tarafındaki ekran simgesini tıklatın: İlk simge, düzen çerçevesi görüntüsünüzün görüntülenmesini gösterir. Yanındaki büyüteç simgesi, kullanıcı görünümünü artırmak istiyorsa, düzeninizin nasıl görüneceğini kontrol etmenizi sağlar. Bir sonraki simge, düzeninizin masaüstü ekranını, ardından bir tablet ve hücresel ekran ekranını sunar. Düzeninizin oldukça duyarlı olup olmadığını görmek için bu simgelerin her birini tıklayabilirsiniz. Adım 9: Divi düzeninizi her şey hazır olduktan sonra yayınlayın ve sayfanızı oluşturduğunuz düzen ile yayınlamak istediğinizden eminsiniz, ekranınızın sağ alt köşesindeki yayın düğmesini tıklayın:
Yayın düğmesine bastıktan hemen sonra sayfanız yayınlanacaktır. Düzeninizi oluşturmak için Divi Builder kullanır. Umarız bu makaleyi beğenirsiniz. Divi’yi kullanıp kullanmadığınızdan hala emin değilseniz, WordPress siteniz için başka bir sayfa üreticisi arıyor olabilirsiniz. Başka bir popüler sayfa yapıcı eklentisi olan Beaver Builder eklentisi incelemesine bakın.
