Elementor’da çevrimiçi dergi ana sayfası nasıl yapılır
Tagdiv bestecisinin aksine, Elementor bir çevrimiçi dergi oluşturmak için özel olarak tasarlanmamıştır. Elementor, Tagdiv bestecisi gibi bir ızgara tarzında yayınları görüntülemek için orijinal widget’a sahip değildir. Tagdiv bestecisinde, web sitenizde birkaç ızgara stilinde makaleleri görüntülemek için 10’dan fazla büyük ızgara kısa kodunuz var. Bir Elementor ile bir çevrimiçi dergi oluşturmak istiyorsanız ve makalenizi görüntülemek için bazı kafes öğeleri eklemek istiyorsanız, eklenti jetblog kullanabilirsiniz. JetBlog, çevrimiçi dergiler ve benzer siteler oluşturmak için özel olarak tasarlanmış bir eklenti Elementor premium (yılda 19 $ maliyetle). Bu, Crocoblock tarafından geliştirilen bir dizi eklenti öğesi olan Jet Plugins Family’nin bir parçasıdır. JetBlog aşağıdaki widget ile birlikte gelir:
Video Oynatma Listesi: Bir Video Çalma Listesi oluşturmak için (YouTube ve Vimeo’yu destekleyin)
Yazılar Pagination: Pagination Post eklemek için
Navigasyon Postası: Navigasyon Sonrası Eklemek İçin
Ticker: Haber bileti eklemek için
Fayans gönderimi: Mesajları kafes tarzında görüntülemek. 9 farklı kafes stili arasından seçim yapabilirsiniz
Akıllı Gönderi Listesi: Makaleleri Liste Stilinde görüntülemek için.
Bu makalede, JetBlog ile bir çevrimiçi dergi ana sayfasının nasıl yapılacağını göstereceğiz. İşte yapacağımız bir ana sayfa örneği.
Hazırlık Başlamadan önce, Elementor’unuzu Pro sürümüne yükselttiğinizden emin olun (Elementor Free vs. Elementor Pro arasındaki farkı okuyun) ve eklenti jetblog’u da yüklediğiniz ve etkinleştirdiğinizden emin olun. Resmi Crocoblock web sitesinde bir jetblog alabilirsiniz. Veya, Jüpiter X tema paketinde bir zamanlı satın alma seçeneği ile bir jetblog da alabilirsiniz. Jetblog’u indirin
Hazır olduktan sonra yeni bir sayfa oluşturun (sayfalar -> yeni ekle) ve Elementor ile düzenleyin.
Elementor’u kullanmakta tamamen yeniyseniz, Elementor’u nasıl kullanacağınızı öğrenmek için yazdığımız yeni başlayan kılavuzu okuyabilirsiniz. Üç bölümden oluştuğumuz ana sayfa ana sayfası yapmaya başlayın. Bölüm 1 Bu bölümü aşağıdaki widget’ı yerleştirmek için kullanıyoruz:
Akıllı Post Fayans (jetblog)
Bölücü (Elementor)
Post (Elementor Pro)
Akıllı Post Tile Widget Tuval alanındaki Plus düğmesini tıklayıp bir sütunun yapısını seçerek yeni bir parça ekleyin. Akıllı mesajlar fayans widget’ı sol panelden sürükleyerek yaptığınız parçaya ekleyin.
Widget’ı ayarlamak için sol panele gidin. İlk olarak, içerik sekmesinin altındaki genel seçenek bloğunu açın. İstediğiniz kutunun düzenini seçin ve ana kutunun yüksekliğini ve genişliğini ayarlayın. Bu seçenek bloğundan, görüntünün boyutunu da ayarlayabilir, yazma terimini görüntüleyebilir/gizleyebilir, teklifin uzunluğunu ayarlayabilir, gönderiyi görüntüleyebilir/gizleyebilir, yazının yazarını görüntüleyebilir/gizleyebilir, tarihi görüntüleyin/gizle Gönderinin ve Gönderme Yorumlarını Görüntüle/Gizle. Ardından, makaleyi filtrelemek için Sorgu ve Kontroller Seçenek Bloğunu açın. Varsayılan olarak, widget web sitenizdeki son makaleyi görüntüler. Makaleleri kategorilere veya etiketlere göre görüntülemek için özel bir sorgu kullanabilirsiniz. Posta kimliğini girerek makaleyi manuel olarak da seçebilirsiniz. Özel alanlar eklemek için özel alan seçenek bloğunu da açabilirsiniz. Bu örnekte özel alanlar kullanmıyoruz. Ardından, widget’ı düzenlemek için Stil sekmesini açın. İşte açabileceğiniz anahtar seçenek bloğu: Kutu Izgaradaki kutu/karo arasındaki boşluğu ayarlamak için bu bloğu açabilirsiniz. Ayrıca dolgu, sınır yarıçapı ve Ovelay kutusunu da ayarlayabilirsiniz.
Doldurmak
İçerik başlığının rengini, Hover Rengi, Tipografi (yazı tipi ailesi, yazı tipi boyutu, yazı tipi stili, vb.), Ana kutu yazının başlığının rengi, posta alıntısının rengi ayarlamak için bu bloğu açabilirsiniz. İçeriğin hizalanması vb. Meta
Metin rengi, tipografi, simge boyutu, simgeler arasındaki mesafe, tesviye, dolgu, marj vb. Gibi meta ekranı ayarlamak için bu bloğu açabilirsiniz. İçerik sekmesinde ayarladığınız seçeneğe göre başka bir stil seçenek bloğunu açabilirsiniz. Bölücü widget’ımız bu widget’ı ızgara (akıllı direkler karo widget) öğeleri ve widget direkleri arasında bir ayırıcı eklemek için kullanacaktır. Bölücü widget’ını sürükleyin ve akıllı direkler fayans widget’ın altına yerleştirin. İçerik sekmesinin altındaki bölücü bloğundan metin öğeleri ekleyin. “Üstün Hikaye”, “Küratörlü Hikaye” veya istediğiniz metin gibi herhangi bir metin ekleyebilirsiniz.
Bu bloktan, bölücü, bölücü stilinin ve seviyelendirmenin genişliğini de ayarlayabilirsiniz. Temel seçeneği tamamladıktan sonra, bölücüyü düzenlemek için Stil sekmesini açın. Bölme metnini ayarlamak için divide R bloğundaki rengi, kalınlığı (ağırlık) ve boşluğu ayarlayabilirsiniz, metin bloğunu açabilirsiniz. Burada metnin, konumun, tipografinin ve alanın rengini ayarlayabilirsiniz. Widget sonrası Widget yayınları sol panelden tuval alanına sürükleyerek ekleyin. Divider widget’ın altına yerleştirin. Cildi, sütunu, sayfa başına gönderi, görüntü konumu vb. İşte kullandığımız ayar seçenekleri: Cilt: Klasik Sütun Sayısı: 3 Sayfa Başına Gönderim: 3
Görüntü Pozisyonu: Üst
Taş: Ölüm
Resim Boyutu: Tam
Şekil oranı: 0.55
Görüntü Genişliği:% 100
Meta veri: yazar, tarih
Düzen bloğu ile bittiğinde, makaleyi filtrelemek için sorgu bloğunu açın. Varsayılan olarak, widget yayınları web sitenizdeki en son makaleleri görüntüler. Makaleleri kategorilere, etiketlere, yazarlara vb. Göre filtreleyebilirsiniz. Örneğin, makaleleri kategoriye göre filtrelemek istiyorsanız, alandaki terimi seçin ve kategori seçiminize göre girin.
Makaleleri tarihe, başlığa veya rastgele olarak sipariş edebilirsiniz. Boyinasyonu aktive etmek istiyorsanız, sayfalandırma bloğunu açabilirsiniz.
İçerik sekmesi ile bittiğinde, gönderme widget’ını düzenlemek için Stil sekmesine gidebilirsiniz. İçerik sekmesinde ayarladığınız seçeneğe göre açabileceğiniz bir anahtar kuvvet seçenek bloğu.
Yerleşim Bu bloğu sütunlar, satırlar arasındaki boşluklar ve içerik seviyeleme arasındaki boşluğu ayarlamak için açabilirsiniz.
Kutu
Kutu, her yazının kabını ifade eder. Konteynerin sınır genişliğini, sınır yarıçapını, sınır rengi, içerik doldurma, arka plan rengi ve kutu gölgesini ayarlamak için bu bloğu açabilirsiniz.
Her yazının üstün görüntü sınırının yarıçapını ayarlamak için bu bloğu açabilirsiniz. Üstün görüntüler ve içerik arasındaki mesafeyi de ayarlayabilirsiniz. İsterseniz CSS filtrelerini de uygulayabilirsiniz.
Bölücü (Elementor) Post (Elementor Pro)
Resim (Element) Bir widget eklemeden önce önce yeni bir bölüm ekleyin. İki sütunun yapısını seçin ve sütunun genişliğini yaklaşık%68: 32 oranında ayarlayın.
İlk sütun (solda) Bölme widget’ını yukarıda eklediğiniz parçaya ilk sütuna ekleyin. İçerik sekmesinin altındaki bölme bloğunda, sevdiğiniz bölücü stilini seçin ve genişliği yaklaşık%25’e ayarlayın. Seviyeyi sola ayarlayın ve metin öğesini ekleyin. “Son Haberler”, “Son Haberler” gibi metinler ekleyebilirsiniz.
Bölücüyü düzenlemek için Stil sekmesini açın. Bölücü, kalınlık (ağırlık) ve boşluğun rengini ayarlamak için bölücü bloğunu açın.
Metin rengi, tipografi, pozisyon ve boşluk gibi metni ayarlamak için metin bloğunu açın.
Destekler widget’ı ekleyin ve bölücü widget’ının altına yerleştirin. Temel ayar seçeneğini ayarlamak için İçerik sekmesinin altındaki düzen bloğunu açın. Aşağıda kullandığımız temel ayarlardır. Cilt: Klasik Sütun Sayısı: 1 Sayfa Başına Gönderim: 5 Görüntü Pozisyonu: Sol
Taş: Ölüm
Resim Boyutu: Tam
Şekil oranı: 0.55
Görüntü Genişliği:% 40
Alıntı Uzunluğu: 25
Meta veri: yazar, tarih
Yukarıdaki Bölüm 1’de tartıştığımız gibi özel bir sorgu kullanmak istiyorsanız sorgu bloğunu açabilirsiniz. Sayfalandırmayı aktive etmek için sayfalandırma bloğunu açın. Önceki makalede nasıl sayfa ekleneceğini tartıştık. Daha fazla bilgi edinmek için okuyabilirsiniz. Temel seçeneği tamamladıktan sonra, Bölüm 1’de yaptığınız gibi yayın widget’ını düzenlemek için Stil sekmesini açın (ikinci sütun (sağ) görüntü widget’ını ekler ve ikinci sütuna yerleştirir. Aslında, görüntü widget 300×600 reklam pankartları görüntülemek için tasarlanmıştır. Web siteniz yayınlanmaya hazır olduktan ve bir reklam bayrağı hazırladıktan sonra 300×600 reklam pankartlarını görüntülemek için bu widget’ı bir HTML widget’ıyla değiştirebilirsiniz. Site geliştirme aşamasında, reklam pankartlarını göstermek için geçici bir görüntü widget’ı kullanabilirsiniz. Bu yerde kullanılmak üzere 300 × 600 piksel boyutlarda görüntüler hazırlayın. Görüntü widget’ıyla bittiğinde, bölücü widget’ını ekleyin ve hemen görüntü widget’ının altına yerleştirin. İçerik sekmesinin altındaki bölücü bloğunda, istediğiniz bölücü stilini seçin, kalınlığı (genişlik)%65’e ayarlayın, seviyelendirmeyi ayarlayın ve istediğiniz metni ekleyin. Bölücü bloktaki bölücü, kalınlık ve boşluğun rengini ayarlayabilirsiniz. Bu arada, metnin ve tipografinin rengini ayarlamak için metin bloğunu açabilirsiniz.
Ardından, yayın widget’ını ekleyin ve Divider Widget’ın altına yerleştirin. Temel ayar seçeneğini ayarlamak için İçerik sekmesinin altındaki düzen bloğunu açın. İşte kullandığımız ayarlar:
Cilt: Klasik
Sütun Sayısı: 2
Sayfa Başına Gönderim: 4 Görüntü Pozisyonu: Üst Taş: Ölüm
Resim Boyutu: Tam
Şekil oranı: 0.55 genişlik görüntüsü:% 100
Teklif Uzunluğu: Aktif
Meta veri: ölüm
Makaleyi yukarıdaki diğer yayınlarda yaptığınız gibi filtrelemek için sorgu bloğunu açın. İşiniz bittiğinde, widget’ı düzenlemek için Stil sekmesini açın. Bazı gelişmiş seçenekler oluşturmak istiyorsanız Gelişmiş sekmesini açın. Bu örnekte, Widget’ın görüntü widget’ıyla aynı dikey seviyeye sahip olmasını sağlamak için 45. sol dolguyu ayarladık.
Bölüm 3 Bu bölümü bölücü widget ve video oynatma listesini yerleştirmek için kullanıyoruz. Tuval alanındaki artı simgesini tıklayarak yeni bir parça ekleyin. Bir sütunun yapısını seçin. Hazır bölümden sonra video çalma listesi widget’ı ekleyin.
JetBlog Video Play List widget ile bir çalma listesi yapmanın iki yolu vardır. İlk olarak, YouTube hesabınıza bir çalma listesi yerleştirebilirsiniz. Bunu tartışan ayrı bir makalemiz var. Daha fazla bilgi edinmek için okuyabilirsiniz. İkincisi, çalma listesine eklemek istediğiniz videoyu ekleyerek yeni bir çalma listesi yapabilirsiniz. Yeni bir çalma listesi oluşturmak için, İçerik sekmesinin altındaki öğe bloğuna video URL’sini ekleyebilirsiniz. Yeni videolar eklemek için öğeler ekle tıklayın.
Yüksek çalma listesini, mini görüntü yönünü, mini görüntü konumunu vb. Ayarlamak için Ayarlar bloğunu açın.
Bir çalma listesi düzenlemek için Stil sekmesini açın.JetBlog’u kullanarak Elementor’da bir YouTube çalma listesinin nasıl yapılacağı hakkında daha fazla bilgi edinmek için önceki makalemizi okuyabilirsiniz.Bu noktada, JetBlog’u kullanarak Elementor’da bir çevrimiçi dergi ana sayfası oluşturmayı bitirdiniz.Eklenti jetblog hakkında daha fazla bilgi edinmek için oynayabilirsiniz.Ana sayfanızı yayınlamak için yayın düğmesine tıklayın.Sayfa yayınlandıktan sonra, web siteniz gerçekten hazır olduktan sonra WordPress sitenizde bir veranda olarak yönettiğinizden emin olun.Bunu yapmak için ayarları açın -> Oku.Verandanızın, Statik Sayfa seçeneğini seçin ve ısıtılmış menüde yeni oluşturduğunuz ana sayfayı seçin.
