Verileri, farklı veri noktaları arasındaki ilişkiyi ve zaman içinde değer değişimini anlamanın tabloları ve grafikleri kullanmaktan daha iyi bir yolu var mı? Rakamlar kadar kuru ve heyecan verici olmayan bir şeyi sunmaya gelince, onu daha tüketilebilir hale getirmek için şık bir görsel sunum gibisi yoktur.
Grafik destekli temaların çeşitliliğinden de anlaşılacağı gibi, WordPress temalarının yaratıcıları bunu biliyor. Fakat Elementor eklentisi için Qi Eklentilerimizi oluştururken, bunu bir adım daha ileri götürmek istedik. Bu yüzden eklentiyle aldığınız altmış ücretsiz Elementor eklentisi arasında – online bulabileceğiniz en büyük ücretsiz paket – çizelgeler ve grafik eklentileri var.
Bu makalede, grafikler oluşturmanıza izin verene odaklanacağız. Bununla yapabileceğiniz o kadar çok harika şey var ki, eklenti sayfasında görebileceğiniz iki güzel grafiğin nasıl oluşturulacağını göstermeye karar verdik. Süreci detaylandıran bir video oluşturacak kadar ileri gittik – biraz farklı bir sunum sırasında olsa da – ve onu burada görebilirsiniz:
Fakat video izlemek size göre değilse ve bir makale okumak size göreyse, videoyu tamamen atlayabilir ve okumaya devam edebilirsiniz. Bekleyenler şunlar:
-
WordPress’te Grafik Ekleme
-
Çizgi Grafiğinin İçeriğini Düzenleme
-
Çizgi Grafiği Şekillendirme
-
Çubuk Grafiği Düzenleme ve Şekillendirme
WordPress’te Grafik Ekleme
Elementor için Qi Eklentilerini ve grafik widget’ını kullanarak WordPress’te bir grafik ekleyebilmeniz için Elementor sayfa oluşturucu eklentisini yüklemeniz ve etkinleştirmeniz gerekir. WordPress.org’da veya Eklentiler > Yeni Ekle’ye gidip onu arayarak kolayca bulabilirsiniz. Eklenti, yalnızca ödeme yapan müşterilere sunulan özelliklere ihtiyacınız olduğuna karar verdiğiniz ana kadar ücretsizdir. Qi Eklentileri söz konusu olduğunda, her iki sürümde de iyi çalışacaklar. Ve Elementor’da tamamen yeniyseniz, Elementor rehberimize bir göz atmak isteyebilirsiniz.
Her iki eklentiyi de kurduktan sonra, Grafik eklentisi ana sayfasında gördüğünüz grafikleri eklemek için yeni bir sayfa oluşturabilir veya mevcut bir sayfayı düzenleyebilirsiniz. Yeni bir sayfa oluşturduk ve ayrıca iki grafiğimizi barındırmak için iki sütunlu bir bölüm oluşturduk.
Grafikler widget’ını bulup boş bir sütuna taşıdıktan sonra, bazı yer tutucu içeriklere bir göz atacaksınız. Harika grafiklerinizi oluşturmanız için size ilham vermek için kullandığımız iki grafiğin ilkine nasıl dönüştürdüğümüzü adım adım göstereceğiz.
Çizgi Grafiğinin İçeriğini Düzenleme
Hemen başlar başlamaz, veri kümelerini temsil eden üç satırı fark edeceksiniz. Seçenekleri, grafiğin içeriğiyle ilgili olarak değiştirebileceğiniz ayarların çoğunu tutar. Fakat öncelikle, grafiğin X ekseni boyunca grafiğin altında uzanan Veri Etiketlerine dikkat edin. Şu anda “1 ay”, “3 ay” diyorlar.
Bu veri etiketlerini değiştirmek için tek yapmanız gereken, öğelerin hemen altındaki İçerik seçeneklerinin Genel menüsünde yenilerini girmek. Yine de onları virgülle ayırdığınızdan emin olun. Bunları “Bir”, “İki”, “Üç”, “Dört”, “Beş” olarak değiştireceğiz.
Yukarı çıkarken, Grafik öğelerini ayarlayabilecek veya Öğe Ekle düğmesini kullanarak yenilerini ekleyebileceksiniz. Öğeleri düzenlerken, çok önemli birkaç şey fark edeceksiniz. Birincisi, veri kümesi değerleridir – bu tür grafiklerde çizginin eğriliğini belirleyen değerler. Veri kümesi etiketlerini de göreceksiniz; bunlar, her bir öğeyi, stil seçeneklerinde etkinleştirdiğinizde bir göstergede görünecek şekilde etiketlemenize olanak tanır. Ayrıca renk seçeneklerini, doldurma modlarını, alanı ve kaplama alanı renklerini de fark edeceksiniz. Bu seçeneklerden bazıları çizgi grafikler içindir ve bazıları yalnızca çubuk grafikler içindir.
İstediğimiz grafik türünü elde etmek için veri kümesi değerlerini 39, 62, 64, 51 ve 58 olarak değiştirdik. Veri kümesi etiketinin adını Photography olarak değiştirdik. Seçtiğimiz rengin hex kodu #888db3 ve biz bunu alan rengi için de kullandık. Birinci ve ikinci satırlar arasındaki alanı renklendirmek için Doldurma Modlarına +1 değeri verdik. İşte tüm bu değişikliklerden sonra elimizde olan şey.
İkinci maddeye geçerek Art Direction etiketi olan 39,59,58,44,54 dataset değerlerini, çizgi ve alan rengi olarak #c1c3c7 verdik ve ayrıca dolgu modunu ayarladık. +1’e.
Üçüncü öğe için veri seti değerleri olarak 39, 57, 55, 38 ve 45’i kullandık ve ona Web Tasarım etiketi verdik. Seçtiğimiz renk #EDEDED99’du – içinde biraz saydamlık var ve bu gerçekten harika efekti elde etmek için doldurma modunu “orijin” olarak ayarladık.
Bununla, içerik değişikliklerini ilk grafikte yaptık ve onu şekillendirmeye geçebiliriz.
Çizgi Grafiği Şekillendirme
Stil seçeneklerine geçtiğinizde, seçeceğiniz ilk şey, oluşturmak istediğiniz grafiğin stili olacaktır. Şimdi size çizgi grafiği nasıl oluşturduğumuzu gösterdik. Birazdan size bir çubuk grafiği nasıl oluşturduğumuzu göstereceğiz. Grafik hizalamasını, boyutunu ve kenarlık genişliğini yani çizgilerin genişliğini seçebileceksiniz. Grafik boyutunu %87 ve kenarlık genişliğini 3 piksel olarak ayarladık.
Sırada Legend Style seçenekleri var. Seçtiğimiz tüm bu veri kümesi etiketleri şimdi görünmeye başlayacak. Elinizin altındaki seçenekler arasında grafik açıklamasını etkinleştirmek, konumunu ve hizalamasını seçmek yer alır. Grafiğimizde göstergeyi etkinleştirdik, konumunu en altta olacak şekilde seçtik ve varsayılan hizalamaya bağlı kaldık.
Açıklama çubuğuna gelince, genişliğini, yüksekliğini ve kenar boşluğunu seçebileceksiniz. Genişlik ve yükseklik için 8 piksel seçtik. Kenar boşluğunu 40 piksel olarak ayarladık.
Açıklama Stili seçeneklerinin son seti, etiket rengini, yazı tipini, yazı tipi boyutunu ve ağırlığını ayarlamanıza olanak tanır. Rengi #1e1e1e, yazı tipini DM Sans, yazı tipi boyutunu 16 piksel ve yazı tipi ağırlığını orta olarak ayarladık.
Stil seçeneklerinin son grubu olan Onay Stili’nde, göstermek istediğiniz adım boyutunun yanı sıra Y ekseninde görüntülenen minimum ve maksimum değeri ayarlayabileceksiniz. 20’lik adımlarla 0’dan 80’e kadar olan değerleri gösterecek şekilde yaptık.
Çubuk Grafiği Düzenleme ve Şekillendirme
Artık elinizin altındaki seçeneklere biraz aşina olduğunuza göre, size çubuk grafiği nasıl oluşturacağınızı gösterirken hızımızı artırabiliriz. Graphs eklentisini tekrar bulup mevcut olan diğer kolona sürükledikten sonra direk Style sekmesine gittik ve Graph Type kısmını Bar olarak değiştirdik. Stil sekmesine geri dönerek birkaç değişiklik yaptık – öğelerden birini sildik ve veri etiketlerini “Bir”, “İki”, “Üç” ve “Dört” olarak ayarladık.
Stil sekmesine geri döndüğümüzde, yeni grafiğin grafik boyutunu %85 olarak değiştirdik. Border Width ve Hover Border Width’i sıfıra ayarladık. Tek bir çubuğun kendisine ayrılan alanın ne kadarını kaplayacağını belirleyen Çubuk Boyutunu 0,88 olarak ayarladık. Bir grup çubuğun kendisine ayrılan alanın ne kadarını kaplayacağını belirleyen Kategori Boyutu 0,6 olarak ayarlandı.
Açıklama Stilinde, önceki grafiğin değerlerini hemen hemen kopyaladık. Efsaneyi etkinleştirdik ve en alta yerleştirdik. Barın genişliğini ve yüksekliğini 11 piksel, kenar boşluğunu 40 olarak ayarladık. Etiket için seçtiğimiz renk #1e1e1e, yazı tipi DM Sans, yazı tipi boyutu 16 ve ağırlık orta idi. Tik Stilini de 0, 80 ve 20 değerleri ile kopyaladık.
İçeriğe geri dönersek, öğeleri yeni değerlerine ayarlamanın zamanı geldi. İlk öğe için kullandığımız veri kümesi 63,38,24 ve 56’dır. Etiket Fotoğraf’tır ve hem Alan Rengi hem de Fareyle Üzerine Gelme Alanı Rengi için seçim rengimiz olarak #888DB3’ü kullandık.
İkinci öğe için veri kümesi değerleri 45, 76, 48 ve 36’dır. Etiketi Sanat Yönetmenliği olarak ve Alan ve Fareyle Üzerine Gelme Alanı Renklerini #c1c3d7 olarak değiştirdik. Bununla, çalışmanızın sonuçlarını önizleyebilir ve görebilirsiniz – widget sayfasında görebileceğiniz örnekle yakın eşleşmeleri gerekir.
Çözüm Yolu
Bir tablo veya grafik oluşturmanız gerekirse, Qi Addons for Elementor eklentisi sizin için doğru eklentiye sahip olacaktır. Size yalnızca birkaç seçenekle nasıl çarpıcı grafikler oluşturabileceğinizi gösterdik – bundan daha kolay veya daha güzel olamaz. Bu yüzden görsel olarak görüntülenmesi gereken veriler varsa tereddüt etmeyin ve dünyanın en büyük ücretsiz Elementor eklenti paketini edinin. Grafikler için alacaksınız ve kalan 59 eklenti için kullanmaya devam edeceksiniz.