Divi Eklentisi Vurgusu: Divi Panosuna Hoş Geldiniz


WordPress panosu, faydalı araçlar ve bilgiler koymak için harika bir yerdir. Birçok eklenti bu alana bir şeyler ekleyerek onların bilgilerine hızlı erişim sağlar. Divi Builder'ı kullanarak kendi gösterge tablosu sayfanızı oluşturmak isteseydiniz ne olurdu? DiviLife.com'dan Tim Strifler'dan Divi Dashboard Welcome'ın yaptığı budur.

Divi Pano Hoş Geldiniz, geçerli panonuza Divi Builder'ı kullanarak oluşturduğunuz bir sayfayı görüntüleyen yeni bir alan ekler. Pano karşılama sayfası, ekranın en belirgin alanına diğer tüm pano bilgilerinin üzerine eklenir.

Bu eklentiyi kullanmanın birçok yolu vardır. Bu yazıda özelliklerini vurgulayacağım ve kendime ait birkaç pano karşılama ekranı oluşturacağım.

Kimin için

Bu, aşağıdakiler için idealdir:

  • Müşterileri için bağlantılar ve bilgiler, satış ürünleri sağlamak, eğitim videoları sağlamak, bağlı kuruluş bağlantıları, blog içeriği eklemek vb. isteyen geliştiriciler.
  • Katkıda bulunanlar için bağlantı ve bilgi sağlamak, yapılacaklar listesi oluşturmak, SSS oluşturmak, kullanıcıların destek için takip etmeleri için bir sorun giderme listesi vb. sağlamak isteyen birden fazla kullanıcılı site yöneticileri.
  • Resim boyutları için notlar, indirme kaynakları için bağlantılar, takvim, yapılacaklar listesi vb. gibi kendi ihtiyaçlarına göre özelleştirilmiş bir karşılama ekranı oluşturmak isteyen herkes.

Tim, web sitesinde eklentiyi kullanmak için eğitimler sağlar. Öğreticiler şunları içerir:

  • Yöneticide Pano Karşılama Ekranı Sayfasını Gizle
  • Tüm Kullanıcılar İçin Kontrol Paneline Hoş Geldiniz

Ayrıca Ekstra veya Divi Builder eklentisini kullanan herhangi bir tema ile çalışır, bu nedenle Divi'nin sizin, ekibinizin veya müşterilerinizin bundan faydalanması için gerekli değildir.

Kurulum

İndirme, içinde birkaç dosya içeren sıkıştırılmış bir dosyadır. Dosyalar şunları içerir:

  • Buradan Başlayın – kurulum talimatlarına bir HTML bağlantısı. Kurulum talimatlarını okumanızı tavsiye ederim. PDF'yi okuyabilir veya videoyu izleyebilirsiniz.
  • Önce bunu yükleyin – XML belgesi. Bu, WordPress içe aktarma eklentisini kullanır.
  • Divi Dashboard Karşılama Düzenleri – JSON dosyası. Bunu Divi Düzenlerinize aktarın.
  • Eklenti – sıkıştırılmış dosya

İndirme paketini açın ve eklentiyi yüklemeden önce dosyaları içe aktarın. Divi Dashboard Welcome, bazı Divi tema dosyalarını içerir. Dosyaları talimatlara göre içe aktarın. Divi tema dosyalarını daha önce içe aktardıysanız, bu işleme aşina olacaksınız.

Düzenler

düzenler

Eklenti, Divi Builder'a yüklenebilecek beş düzen içerir. Düzenler şunları içerir:

  • Ajans İletişim
  • WP Stili
  • El Yazısı Not + Harita
  • Basit İletişim Formu
  • Varsayılan

Düzenler, tüm Divi tema dosyalarının yüklendiği şekilde yüklenir. Bu, düzenlerinizi başkalarıyla paylaşmanın mümkün olduğu anlamına gelir.

Gösterge Paneli

Gösterge Paneli

Eklenti ve tema dosyaları yüklendikten sonra, yukarıdakine benzeyen bir kontrol paneli ekranı göreceksiniz. Bu, Divi Dashboard Karşılama Ekranı adlı özel bir sayfadır. Pano ekranının kendisi, boyutunu koruyan bir penceredir. Sayfanın içeriği pencereye yatay olarak sığacaktır. İçeriğiniz dikey olarak daha büyükse, pencere kaydırılabilir olacaktır.

Divi Dashboard Karşılama Sayfası

divi-dashboard-karşılama sayfası

Pano karşılama ekranı aslında Divi oluşturucu ile yapılmış ve herhangi bir sayfa gibi düzenlenebilen özel bir sayfadır. Özel bir sayfa olduğu için arama motorları tarafından indekslenmez ve okuyucularınız tarafından görüntülenemez. Tim, sayfayı silinmeye karşı bile korumuştur. Sayfanın silinebilmesi için kullanıcıların eklentiyi kaldırması gerekir. Kendi kontrol paneli ekranınızı oluşturmak için bu sayfayı düzenlemeniz gerekir.

divi-dashboard-welcome-page-2

Modüller, satırlar, bölümler, stiller, kodlar, düzenler, kısa kodlar vb. dahil olmak üzere istediğiniz herhangi bir düzeni oluşturmak için Divi Builder'ı kullanın. Bu sayfaya yerleştirdiğiniz her şey gösterge tablosu ekranınızda görüntülenecektir. Sayfayı görmek için Önizleme'yi seçin. Sayfa, Boş Sayfa şablonu kullanılarak oluşturuldu, bu nedenle web sitenizin üstbilgisini veya altbilgisini göstermez.

Görsel Oluşturucu

görsel oluşturucu

Pano sayfası, Visual Builder kullanılarak da düzenlenebilir. Ekranın üst kısmında WordPress menüsünü görüntülememesi dışında tüm öğeler normalde olduğu gibi çalışır. Değişikliklerimi yapıp kaydettikten sonra arka uca dönmek için geri okunu tıkladım. Değişiklikler Divi Builder'da göründü ve hiçbir sorunu olmadı.

Dahil edilen Düzenler

Dahil edilen düzenler

Düzenleri Divi Dashboard Karşılama Ekranı sayfasına yüklemek için Divi Builder'da Kitaplıktan Yükle'ye tıklayın ve ardından Kitaplıktan Ekle'yi seçin. Burada eklentiyle birlikte gelen beş düzeni göreceksiniz. Ayrıca kendinizinkini oluşturabilir veya yükleyebilirsiniz.

İşte her bir düzene bir bakış.

Ajans İletişim

ajans-iletişim

Ajans İletişimi, çalışma saatleriniz, telefon numaranız, e-postanız, web siteniz ve basit bir iletişim formu dahil olmak üzere müşterilerinizin sizinle iletişim kurması gereken tüm iletişim bilgilerini içerir. Bu formda sadece gönder düğmesi tıklanabilir (mesajı e-postanıza gönderir) ancak isterseniz diğerlerini tıklanabilir hale getirebilirsiniz.

WP Stili

wp tarzı

WP Style, uyum sağlamak için WordPress stilini kullanan basit bir ekrandır. Yeni sayfalar oluşturmak veya sayfaları ve gönderileri düzenlemek, menüleri özelleştirmek, yorumları yönetmek, kullanıcı eklemek veya kaldırmak ve medyayı yönetmek için tıklanabilir bağlantılar içerir. Bir düğmeye tıklayarak web sitenizi kolayca görüntüleyin. Ayrıca bir destek iletişim formu içerir.

Bu tıklanabilir bağlantılar dahilidir, yani sizi WordPress arka ucunuz içinde tutarlar. Ana bağlantı özniteliğini (target=”_parent”) kullanarak yönetici panelinde başka bir yere bağlantı vermelerini sağlayabilirsiniz. Bağlantıyı pano penceresinde açmak istiyorsanız bağlantı özelliğini bırakın. Harici bağlantılar istiyorsanız, bağlantıyı normal şekilde sağlamanız yeterlidir.

El Yazısı Not + Harita

el yazısı-not-artı-harita

El Yazısı Not + Harita, el yazısı yazı tipine sahip bir not alanı içerir (merak ediyorsanız Komşu Kız) böylece müşterilerinize özel bir not bırakabilirsiniz. Ayrıca telefon numaranızı, e-posta adresinizi ve ofisinize veya etkinliğinize yol tarifi vermek istemeniz durumunda iğneli bir Google Haritasını içeren bir iletişim alanı da bulunmaktadır. Bu, ekibinize bir etkinlik hakkında bilgi vermek ve onlara zaman ve yer sağlamak için de kullanılabilir.


Basit İletişim Formu

basit iletişim formu

Basit İletişim Formu tam olarak budur – müşterilerinizin veya ekibinizin mesaj gönderebilmesi için yalnızca basit bir iletişim formu. Bu, karmaşayı ortadan kaldırır ve yalnızca bu aracı, başka hiçbir şeyin yoluna girmeden sağlar.

Varsayılan

varsayılan

Varsayılan gösterge panosu bir hoş geldiniz mesajı, sayfalar, gönderiler oluşturmak ve menüleri, yorumları, kullanıcıları ve medyayı yönetmek için dahili bağlantılar, bir iletişim formu ve müşterileriniz için sağladığınız ek hizmetlere bağlantılar sağlar. Bu, kullanıcıların gerçekten kullanmasını sağlarken aynı zamanda hizmetlerinizi satmak için basit bağlantılar sağlayan kullanılabilir araçlara sahip temiz bir düzendir.

Ekranı Kapatma

ekrandan çıkmak

Siz veya müşterileriniz karşılama ekranını kapatmak istiyorsanız, sağ üst köşedeki x Kapat'ı tıklayın. Geri almak istiyorsanız, Ekran Seçenekleri'ne tıklayın ve seçeneklerinizden Hoş Geldiniz'i seçin. Bu, yalnızca bir teşekkür mesajı içeren bir karşılama ekranı veya müşterilerin her zaman görmesi gerekmeyecek bir iletişim formu kullanıyorsanız yararlıdır.

Kendi Özel Pano Karşılama Ekranımı Oluşturma

kendi-özel-pano-karşılama ekranımı yaratma

Müşteriler için bir karşılama ekranı oluşturmak yerine, web siteme katkıda bulunanlar için bir karşılama ekranı oluşturmak istedim. Katkıda bulunanlar giriş yaptıklarında bu ekranı görecekler ve web sitesi için içerik oluşturmak ve yayınlamak için ihtiyaç duydukları bilgilere sahip olacaklar.

Aşağıdaki gibi bilgiler ve bağlantılar eklemek istedim:

  • Sözcük sayıları, görüntü boyutları, dosya türleri vb. bilgilerle kılavuza genel bakış.
  • Yazarın yönergelerine PDF indirme bağlantısı
  • Resimler için kaynaklara bağlantılar
  • Yayın öncesi kontrol listesi
  • Onaylanmış başlıklar ve konu fikirleri
  • Ekip tartışma grubuna bağlantı
  • İletişim Formu

Formu basit ve temiz tutmak istedim, ancak yine de ihtiyacım olan bilgileri sağladım. Bunun için Varsayılan düzen ile başladım ve kendi düzenimi oluşturdum. WP Stil düzeni de bir şablon olarak çalışırdı.

kendi-özel-pano-karşılama-ekranımı oluşturma-2

Karşılama ekranının ilk versiyonu burada. Bu, düzeni kullanarak oluşturmak sadece birkaç dakika sürdü.

Görsel Oluşturucuyu Kullanma

görsel oluşturucuyu kullanma

Biraz daha görsel pizazz vermek istedim, bu yüzden değişiklikleri yapmak için sayfayı Visual Builder ile yükledim.

görsel-oluşturucu-2'yi kullanma

Çoğunlukla renkleri değiştirdim. Ayrıca iletişim formunun altındaki boş alana motive edici bir söz eklemek için yeni bir metin modülü ekledim.

görsel-oluşturucu-3'ü kullanma

Artık gösterge panelim markalı renklerimle özelleştirildi. Neredeyse tüm stil ön uçtan yapıldı. Bunu tekrar kullanabilmek için kitaplığıma kaydettim.

Kişiselleştirilmiş Özel Kontrol Paneli

a-kişiselleştirilmiş-özel-gösterge panosu

Bir sonrakinde, favori web sitelerimin, YouTube kanallarımın ve Facebook sayfalarımın en son gönderilerinin görüneceği bir gösterge panosu oluşturmak istedim – esasen kendi kişisel ağımı doğrudan kontrol panelimde oluşturarak, böylece giriş yaptığımda içeriklerini görebiliyorum. web sitem başka bir yere gitmek zorunda kalmadan.

a-kişiselleştirilmiş-özel-gösterge panosu-2

Bunu oluşturmak için üç ücretsiz eklenti kullandım:

  • RSS Beslemesi Widget'ı
  • YouTube Yerleştirme
  • Facebook Akışı WD

Blog gönderileri için Dashboard RSS adında yeni bir widget alanı oluşturdum, panoyu görüntülemek istediğim her blog beslemesi için bir RSS Feed Widget'ı yerleştirdim ve widget'a istediğim beslemelerin URL'lerine yapıştırdım. Divi Builder'a bir kenar çubuğu modülü yerleştirdim ve yeni widget alanımı seçtim. Bunları yan yana görüntülemek isteseydim, birden çok widget alanı ve birden çok kenar çubuğu modülü kullanırdım. Gösterge tablosundaki RSS beslemelerine tıklamak, makaleyi web sitemden ayrılmadan okuyabileceğim gösterge panelime getiriyor.

YouTube videoları için hem Elegant Themes hem de Divi Life'dan en son videoları göstermek istedim. YouTube Embed eklentisi, Elegant Theme'in ve Divi Life'ın YouTube kanallarını gömülü bağlantılar olarak bir metin kutusuna eklemeyi kolaylaştırır ve ardından videoları görüntüler. Kanaldan gelen beslemeleri galeri veya oynatma listesi olarak yerleştirebilirim. Playlist'i seçtim. Web sitemden ayrılmak zorunda kalmadan videoları doğrudan kontrol panelinden izleyebiliyorum.

Facebook beslemeleri için eklentideki bağlantıları oluşturdum ve ardından kısa kodları metin modüllerine yerleştirdim. Tek bir modül oluşturabilirdim, ancak bu şekilde düzeni değiştirmek istersem onları kolayca sürükleyip bırakabilirim. En son Facebook gönderilerini, önce Facebook'a gitmek zorunda kalmadan ve boşluğa çekilme riskini almadan panomda görebiliyorum.

a-kişiselleştirilmiş-özel-gösterge panosu-3

Bu içeriğin tamamı, benden başka bir girdi olmadan (her eklenti içindeki ayarlara göre) kendi başına yenilenecek ve güncellenecektir. Bazı eklentiler ekranın yenilenmesini gerektirebilir.

Lisans

Divi Dashboard Welcome, hem kendi siteleriniz hem de müşteriler için siteler için ömür boyu sınırsız kullanıma sahiptir.

Son düşünceler

Divi Dashboard Welcome, Divi Builder'ı kullanarak özel pano ekranları oluşturmak için mükemmel bir araçtır. Geliştiriciler, müşteriler için bilgi ve yukarı satış sağlayabilir ve yöneticiler ekipleri için araçlar oluşturabilir ve blogcular kendilerine araçları için kolay bir erişim noktası sağlayabilir. Bu eklentiyi kullanmanın birçok yolu vardır ve yalnızca Divi Builder ve hayal gücünüz ile sınırlısınız. Divi'de oluşturulan herhangi bir şey gibi, düzenler kaydedilebilir, yeniden kullanılabilir ve paylaşılabilir.

Divi Dashboard'a Hoş Geldiniz'i denediniz mi? Eğer öyleyse, aşağıda düşüncelerinizi okumak isteriz.

Öne Çıkan Görsel print10 / Shutterstock.com

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir