Web sitesine bir grafik nasıl kolayca yerleştirilir WPDatatables
Grafikler ve tablolar, bilgileri özlü ve anlaşılması kolay bir şekilde göstermenin iyi bir yoludur. Ne yazık ki, web sitesine bir grafik girmenin geleneksel yöntemi bir kod satırı yazmaktır. Peki ya kod yapmayı bilmeyenler ne olacak? Grafikleri web sitesine gömmenin en kolay yolu eklentilerdir. WPDatatables, kullanıcıların etkileşimli grafikler ve tablolar oluşturmasına, yönetmesine ve görüntülemelerine yardımcı olan bir eklentidir. WPDatatables, kullanımı kolay ve esnek bir eklentidir. Bu, harici kaynaklardan veri içe aktarmanızı, tabloları ihtiyaçlarınıza göre düzenlemenizi ve web sitesinde herhangi bir yere grafikleri yerleştirmenizi kolaylaştırır. Ve kullanıcılar tüm bunları kodlamadan yapabilirler.
Bu makale WPDatatables eklentisini ayrıntılı olarak tartışacak ve grafiklerin web sitesine nasıl yerleştirileceğini açıklayacaktır. Bu makalede, WPDATATABLES’in yardımıyla web sitesine bir grafiğin nasıl yerleştirileceğini gösterecektir.
İlk şey, ilk olarak: WPDatatables’a bakalım WPDatatables’ın duyarlı tablolar ve grafikler oluşturmak için bir WordPress #1 eklentisi olmasının iyi bir nedeni var.
Vahşi WPDatatables’ın gerçek örneği ve böyle bir şey yapmak çok kolaydır:
Tablo verileri sağlarsınız
Yapılandırın ve Ayarlayın
Bir gönderi veya sayfada yayınlayın
Ve sadece güzel değil, aynı zamanda pratik. Milyonlarca satır içeren büyük bir masa oluşturabilir veya filtreler ve daha fazla arama kullanabilirsiniz veya vahşi olabilir ve düzenlenebilir hale getirebilirsiniz.
“Evet, ama Excel’i gerçekten seviyorum ve web sitesinde böyle bir şey yok”. Evet burada. Excel veya Google elektronik tablosunda olduğu gibi koşullu biçimlendirme kullanabilirsiniz. Size verilerinizle bir grafik yapabileceğinizi mi söylüyor muyum? Ve bu sadece küçük bir parça. Sizin için başka birçok özellik var. Grafikleri ve Tabloları Gömme Adımları Adım 1: Grafikler için temel ayarları belirleyin
Bir sihirbaz açmak için WordPress yönetici panelini açın ve WPDatatables eklentisini tıklayın. Wisaya Grafiği Oluştur’u tıklayın. Grafik grafik sihirbazı sadece gerekli bilgileri ister. Grafiği oluşturmak ve ayarlamak için sadece dört adım ve sabitlemek için beş adım atar.
Tablo verileri sağlarsınız
Yapılandırın ve Ayarlayın
Bir gönderi veya sayfada yayınlayın
Ve sadece güzel değil, aynı zamanda pratik. Milyonlarca satır içeren büyük bir masa oluşturabilir veya filtreler ve daha fazla arama kullanabilirsiniz veya vahşi olabilir ve düzenlenebilir hale getirebilirsiniz.
“Evet, ama Excel’i gerçekten seviyorum ve web sitesinde böyle bir şey yok”. Evet burada. Excel veya Google elektronik tablosunda olduğu gibi koşullu biçimlendirme kullanabilirsiniz. Size verilerinizle bir grafik yapabileceğinizi mi söylüyor muyum? Ve bu sadece küçük bir parça. Sizin için başka birçok özellik var. Grafikleri ve Tabloları Gömme Adımları Adım 1: Grafikler için temel ayarları belirleyin
Bir sihirbaz açmak için WordPress yönetici panelini açın ve WPDatatables eklentisini tıklayın. Wisaya Grafiği Oluştur’u tıklayın. Grafik grafik sihirbazı sadece gerekli bilgileri ister. Grafiği oluşturmak ve ayarlamak için sadece dört adım ve sabitlemek için beş adım atar.
İlk adım, bir ad vererek ve türü seçerek grafik ayarlarını belirlemektir. Diğer tüm grafikleriniz arasında daha hızlı bulabilmeniz için benzersiz bir ad grafiği verin.
Ardından, bir oluşturma makinesi seçin. Üç farklı oluşturma makinesi arasında bir seçeneğiniz var:
Ardından, bir oluşturma makinesi seçin. Üç farklı oluşturma makinesi arasında bir seçeneğiniz var:
Bagan.js
Yüksek grafik
Google Grafikleri
Bir oluşturma makinesi seçtikten sonra grafik türünü seçin. Grafik seçeneği türü, seçtiğiniz oluşturma makinesine bağlı olarak farklılık gösterir. 2. Adım: Veri Kaynağı’nı seçin
Ayrıca, kullanıcılar grafiğe girmek istedikleri verileri seçmelidir. Bu veriler, WPDatatables’da kullanıcılar tarafından yapılan veri tablosundan gelir. Basit Seçim kutusundan mevcut veri kaynağını seçin.
Yüksek grafik
Google Grafikleri
Bir oluşturma makinesi seçtikten sonra grafik türünü seçin. Grafik seçeneği türü, seçtiğiniz oluşturma makinesine bağlı olarak farklılık gösterir. 2. Adım: Veri Kaynağı’nı seçin
Ayrıca, kullanıcılar grafiğe girmek istedikleri verileri seçmelidir. Bu veriler, WPDatatables’da kullanıcılar tarafından yapılan veri tablosundan gelir. Basit Seçim kutusundan mevcut veri kaynağını seçin.
Kullanıcı bir veri tablosu oluşturduysa, grafikleri için kullanabilirler. Değilse, önce bir veri tablosu oluşturmaları gerekir. Menü bağlantısını tıklayın, grafiği ekleyin, verileri içe aktarın ve bir tablo oluşturun. Şimdi bu tabloyu veri kaynağınız olarak seçebilirsiniz. Adım 3: Veri aralığını belirleyin Veri kaynağını seçtikten sonra sihirbaz sizi veri aralığı sayfasına götürecektir. Burada kullanıcı, istenirse sütun aralığını, satır aralığını ve filtre verilerini seçebilir. İlk Colomber aralığı, kullanıcının Solun Solun Aralığı – Soldaki Blok Veri Kaynağı tablosunun sütununu görüntülemesine olanak tanır.
Sağdaki blok, grafikte kullanılacak sütunu görüntüler. Ayrıca, seçtiğiniz grafik türüne göre izin verilen minimum ve maksimum sütunlar gibi yararlı ipuçları da sağlar. Sol yan blokta, kullanıcı sütunun adını tıklayabilir. Daha sonra grafikte görünmesini seçmek için eklenebilirler. Sütunu ekledikten sonra sağ taraf blokta görünecektir. Kullanıcılar, seçenekleri seçerken ve iptal ederken kutunun üst kısmındaki “tüm” veya “hayır” kısayollarını kullanabilir. Sütunu seçtikten sonra, kullanıcı sağ taraftaki blokta sürükleyip serbest bırakarak sütunu yeniden düzenleyebilir.
Sağdaki blok, grafikte kullanılacak sütunu görüntüler. Ayrıca, seçtiğiniz grafik türüne göre izin verilen minimum ve maksimum sütunlar gibi yararlı ipuçları da sağlar. Sol yan blokta, kullanıcı sütunun adını tıklayabilir. Daha sonra grafikte görünmesini seçmek için eklenebilirler. Sütunu ekledikten sonra sağ taraf blokta görünecektir. Kullanıcılar, seçenekleri seçerken ve iptal ederken kutunun üst kısmındaki “tüm” veya “hayır” kısayollarını kullanabilir. Sütunu seçtikten sonra, kullanıcı sağ taraftaki blokta sürükleyip serbest bırakarak sütunu yeniden düzenleyebilir.
Hat aralığı
Ayrıca, kullanıcıların satır aralığını belirlemesi gerekir. Varsayılan ayarlar tüm satırları görüntüler, ancak kullanıcılar satırları ve ayrı satırları seçebilir.
Satır aralığını seçmek için aşağı indirme menüsünü tıklayın. Aralığı seçin, ardından Aralık Seçici düğmesini tıklayın.
Ayrıca, kullanıcıların satır aralığını belirlemesi gerekir. Varsayılan ayarlar tüm satırları görüntüler, ancak kullanıcılar satırları ve ayrı satırları seçebilir.
Satır aralığını seçmek için aşağı indirme menüsünü tıklayın. Aralığı seçin, ardından Aralık Seçici düğmesini tıklayın.
Sihirbaz bir masa gösterecektir. Artık kullanıcılar istedikleri satırları ve sütunları vurgulamak için tıklayabilir ve ilginç olabilir. Veya veri aralığını seçmek için her satırın ve sütun başında bir onay kutusu kullanabilirler. Bu sayfadaki son özelliklerden biri Tablo FIR -İlk seçeneğidir. Bu seçenek yalnızca tüm satırları kullananlar için kullanılabilir. Adım 4: Biçim ve İnceleme
Şimdi kullanıcı Düzenleme ve Önizleme sayfasına yönlendirilecektir. Grafik sayfanın sağ tarafında görülür, böylece kullanıcılar yaptıkları değişiklikleri hemen görebilir. Biçimlendirme adımları farklı grafik öğelerine göre kategorilere ayrılır. Kullanıcılar, yazı tiplerinden tablo boyutlarına, renklere ve daha fazlasına kadar her şeyi düzenleyebilir ve ayarlayabilir.
İlk kategori, kullanıcıların grafik ekranı değiştirmesine izin verir. Kullanıcılar genişlik, arka plan rengi, kaydırma ve diğerlerini düzenleyebilir. İkinci kategori, kullanıcıların etiketi, dikey ekseni, eğri türünü vb. Değiştirebilecekleri seri kategorisidir.
Ayrıca, eksen kategorisi grafik eksenler için seçenekler sunar. Aşağıdaki seçenekleri seçebilirsiniz:
Ayrıca, eksen kategorisi grafik eksenler için seçenekler sunar. Aşağıdaki seçenekleri seçebilirsiniz:
Kafes hat kuvveti
Yatay Eksen Etiketi
Yatay çapraz kılıç
Yatay çapraz kılıç
Yatay eksen yönü
Dikey eksen etiketi
Dikey bidik hattı
Dikey eksen yönü
Dikey eksenin minimum değeri
Dikey eksen maksimum değer
Tersi
Bundan sonraki kategori, grafik başlığı için bir tasarım seçeneği sunar. İzleyiciler imleci bir noktaya yönlendirdiğinde görünen araç ipucu seçenekleri aşağıdadır.
Kullanıcılar ayrıca efsaneleri etkinleştirebilir, grafik verilerini dışa aktarabilir ve kredi limitlerini içerebilir. Mükemmel ayarlanmış bir grafik yapmak için değiştirebileceğiniz düzinelerce ayrı ayar vardır.
Adım 5: Grafiği kaydedin ve grafiği oluşturmak ve ayarlamak için gereken dört adım olan kısa bir kod alın.Beşinci adım, kısa kodu kopyalamak ve web sitesine sabitlemek için yeterlidir.
Dikey eksen etiketi
Dikey bidik hattı
Dikey eksen yönü
Dikey eksenin minimum değeri
Dikey eksen maksimum değer
Tersi
Bundan sonraki kategori, grafik başlığı için bir tasarım seçeneği sunar. İzleyiciler imleci bir noktaya yönlendirdiğinde görünen araç ipucu seçenekleri aşağıdadır.
Kullanıcılar ayrıca efsaneleri etkinleştirebilir, grafik verilerini dışa aktarabilir ve kredi limitlerini içerebilir. Mükemmel ayarlanmış bir grafik yapmak için değiştirebileceğiniz düzinelerce ayrı ayar vardır.
Adım 5: Grafiği kaydedin ve grafiği oluşturmak ve ayarlamak için gereken dört adım olan kısa bir kod alın.Beşinci adım, kısa kodu kopyalamak ve web sitesine sabitlemek için yeterlidir.
Grafiği biçimlendirip inceledikten sonra kaydetmek için İleri’yi tıklatın.Kısa kodu vurgulayın ve kopyalayın, ardından herhangi bir gönderi veya web sayfasına yapıştırın.
Şimdi sabitlenmiş bir grafiğiniz var.Sonuç WPDatatables’ın WPDatatables’ın birçok avantajından birinin bir grafiğini gömmek için kullanımı hakkında kullanıcıların çeşitli harici kaynaklardan veri içe aktarabilmesidir.Tabloyu yapılandırabilir, birkaç fare tıklamasıyla duyarlı ve etkileşimli hale getirebilirler.
