UX’i artırmak için WordPress Bağlamsal Yardım Nasıl Kullanılır (5 Adım)
En temel koşullarda, WordPress kontrol paneli korkutucu bir alan gibi görünmeyebilir. Menü sayfa tarafına indirilir. Çalışma alanı ortada kalır. Ancak, birçok son kullanıcı için bu yaygın bir algı değildir. Jargon bile “Post” Vs. “Sayfalar”, WordPress kullanıcılarını sadece platformu biliyorlarsa veya en ufak bir teknoloji anlayışı olmadan oraya gelirlerse rastlayabilir. Platformun ve arayüzün karmaşıklığını artıran birinci sınıf bir tema veya dizi eklentisi eklediğinizde ne olursa olsun.
WordPress bağlamsal yardımın faydalı olabileceği yer burasıdır. Codex açıklıyor:“WordPress sürüm 3.0’dan beri, her varsayılan yönetim paneli, kullanıcılara yönetici panelinde görüntülenen çeşitli ayarlarda nasıl gezinilecekleri konusunda ek bilgi sağlayan Bağlamsal Yardım Bölümü içermiştir. Bu, WordPress’in sıradan kullanıcılar tarafından düzenli olarak görülmesi gerekmeyen gereksiz metni kaldırarak yönetici panelinin ana kısmını net ve özlü tutmasına yardımcı olur. ” Ama bu sadece alandan tasarruf etmekle ilgili değil. Bu aynı zamanda kullanıcılara çalıştıkları bağlamda kullanıcılara hedefli yardım sağlamakla ilgilidir. Bu, elbette sitenin hızına ve güvenliğine ek olarak dikkate alınması önemlidir.
Bir web geliştiricisi, profesyonel bakım veya tema geliştiricisi veya eklentisi olun, WordPress son kullanıcınıza ekstra destek sağlamanın birkaç yolu vardır. WordPress bağlamsal yardım bugün keşfedeceğimiz şeydir.
WP Buffs’taki ekibimiz, web sitesi sahiplerine, ajans ortaklarına ve Freelancer ortaklarına yardımcı olmaya adanmıştır. 1 web sitesini yönetmemize veya 1000 istemci sitesini desteklememize ihtiyacınız var mı, sizi destekliyoruz. WordPress bağlamsal yardım nedir? WordPress için bağlamsal yardım, her zaman yönetici ekranının en üstünde bulunan bir yardım sekmesi kullanarak.
Bu, kullanıcılara çalıştıkları geçerli yönetici ekranında hızlı bir not verir. Size nasıl çalıştığını göstereyim. Bu, Bağlamsal WordPress varsayılanının ekranıdır: Beklendiği gibi, bu, kullanıcının yönetici ekranında ne gördüğüne ve nasıl kullanılacağına dair kısa bir resim verir. Şimdi, kullanıcının bağlamsal yardım ekranına bakın: WordPress Yardım sekmesindeki tüm bilgiler artık doğrudan kullanıcının menüsü ve işlevselliği ile ilgilidir. Bağlamsal yardım konusunda endişelenmemiz gerekiyor mu? WordPress kullanıcılarına yardım sağlamanın birkaç yolu vardır. WordPress eklentileri ve tema geliştiricileri için şunları sağlayabilirsiniz: Envato pazarında bulduğunuz gibi Ithemes veya eksiksiz demo gibi tur tur araçları:
Kullanıcı sorularını veya resmi belgeleri öngören SSS listesi: Gerçek zamanlı web semineri ve önceki kaydedilmiş öğreticiler: WordPress.org adresinden bilet desteği veya Web siteniz aracılığıyla Direct Destek [Doğrudan Sohbet Postuna Bağlantı] Presable Do gibi bir sağlayıcı olarak: WordPress geliştiricileri, bakım ekipleri ve diğer doğrudan sağlayıcılar için şunları sağlayabilirsiniz: Hikaye Ajansı tarafından yapılan bir portal desteği veya özel e -posta kanalları aracılığıyla yardım sağlayabilirsiniz: WordPress Gösterge Tablosu Beyaz Destekleyici Malzeme ile etiketlenmiş. Sağlayabileceğimiz diğer birçok yardım türünün aksine, bu yardım WordPress’dedir. Video kullanıcıları ve WP 101 eklentileri gibi araçlar, video eğitimlerini ve diğer yönergeleri doğrudan WordPress kontrol paneline yerleştirmenizi sağlar. Ancak bu destek düzeyi, son kullanıcınızın web sitelerinde içeriği nasıl koruyacaklarını ve yöneteceklerini öğretmek için zaman harcamaya istekli olacağını varsayar. Yan Bağlamsal Yardım #WordPress, kullanıcıları CMS’ye ve yeteneklerine tanıtmanın daha özlü ama yine de kullanışlı bir yol sağlar. Tweet için tıklayın WordPress Bağlamsal Yardım, CMS’yi ve yeteneklerini insanlara tanıtmak için başka yollar sağlar. Bu, eklentilerin, temaların ve özel yayın türlerinin yorumlamaya açık olmasına izin verdiği boşlukları doldurma fırsatı verir. WordPress bağlamsal yardım neden? Nielsen Norman Group, tüm bağlamsal yardım sistemlerinin aynı özelliklere sahip olduğunu ve sonuç olarak son kullanıcılar için yararlı olduğunu söyledi: Kullanıcıların önce onunla ilgilenmesi gerektiğinden, rahatsız edici bir deneyim olmadan sürekli desteğe izin verirler.
Kısaca çok fazla bilgi vermemek için yazılırlar.
Çok teknik olan jargonun anlayışı engellememesini sağlamak için açıklayıcı ve basit dilde yazılırlar.
Minimum alandan oluşurlar, bu da onları çok sinir bozucu değildir.
Yönetici ekranındaki atama ile doğrudan ilişkili oldukları için, kullanıcının yaptıklarına göre eğitilmeye odaklanmak kolaydır.
WordPress için bağlamsal yardımın neden akıllı bir seçim olduğundan emin değilim? Manualise, WordPress eklentilerinin ve tema geliştiricilerinin neden ihtiyaç duyduğuna dair iyi bir açıklamaya sahiptir: “Neredeyse her uygulamanın, hedefleri ve tüm yan etkileri anlamak için manuel kullanıcı kılavuzunu gerektiren ayarlar veya işlevler vardır. Aynı zamanda, kullanıcılar birkaç çok aşamalı işlemin ortasında çevrimiçi belgelere geçmeyi sevmezler. Bağlama duyarlı yardım veya sadece ‘bağlam yardımı’, doğru içeriği doğru zamanda iletecek kadar akıllı olan bir tür kullanıcı belgesidir. ” Ve tork, WordPress geliştiricileri ve profesyonel bakımı için tartışmalar yapar:
“Bu, müşteriler için talimatlar bırakmak için kullandığınızda çok yararlıdır (WordPress’in kutunun dışındaki WordPress ile birlikte dahil olmak üzere yardım bölümü dışında).” WordPress kullanıcılarınıza doğru bağlamsal yardım sağlamaya başlamak istiyorsanız, tam olarak nasıl yapabileceğinizi görelim. WordPress Varsayılan Menüsü için WordPress Yardım Türüne Bağlamsal Yardım Ekranı Nasıl Eklenir. Bu, bildiğiniz kadarıyla iki şey anlamına gelir:
WordPress sizin için temel oluşturdu. Basit bağlamsal ve nokta yardım ekranı ve temel şeyleri içerir. Endişelenmeniz gereken bir şey bu.
Bir eklenti geliştiricisi veya temasıysanız, aracınız kutunun dışında bir yardım ekranı ile gelmez. Kullanıcılara her yönetici ekranında ne yapacağını açıklamanın yararlı olacağından eminseniz, bağlamsal yardım oluşturmak size kalmıştır.
Eklentileri ve temaları müşterinin web sitesine yüklemek ve bakımından sorumluysanız, eklenti geliştiricileri veya tatmin edici olmayan temalar tarafından sağlanan yardım eksikliğinin bulunduğunu görebilirsiniz. Örneğin, Yoast eklenti menüsü ekranı:
Gördüğünüz gibi, Yoast buraya bağlamsal bir yardım ekranı eklemedi. Ancak, kullanıcılar için dahil edilen SEO özelliklerini tanımlamak için diğer bölümlere WordPress’e bir yardım ekranı ekledi:
Bu özel örnek Stripe ürün ekranında. Bu tamamen farklı bir üründür ve ancak yardım ekranı bu bağlamda mantıklıdır. Ancak, bu eklentiyi en başından kullanırken kullanıcınızın daha fazla açıklamaya ihtiyacı olduğunu düşünüyorsanız ne olur? Aslında bağlamsal yardım metni yapmak için geliştiriciye güvenmenize gerek yoktur. Function.php’e erişiminiz olduğu sürece bunu kendiniz yapabilirsiniz.
Yapmanız gereken budur: Adım 1: Bağlamsal bir yardım menüsüne ihtiyacınız olana karar verme hedefini belirleyin.
Eklenti özelliğini kullanıcıya tanıtmanız mı gerekiyor? Ayarlamak isteyen kullanıcılar için temanızın ayarlarını ve benzersiz özelliklerini açıklamanız mı gerekiyor? Ne tür bir özel gönderi eklendiğini ve müşteriniz nasıl kullanmalı?
WordPress’teki özellikleri veya gelişmiş işlevselliği tanımlayan ek referans materyallere veya öğreticilere bir bağlantı vermek ister misiniz?
WordPress’e tam olarak nereye gideceğinizi bilmeniz için neden bağlamsal bir yardım ekranı kullanmanız gerektiğini öğrenin.
Adım 2: Wire Frame Oluştur uğu Bağlamsal Yardım ekranına dahil etmek istediğiniz şeyi yazın ve çerçeve resmine koyun.Bu, zaman geldiğinde gereken bilgileri kodlamanıza yardımcı olacaktır.WordPress’teki kullanıcılara yeni işlevsellik veya özellikler sunmanız gerektiğinde bir Genel Bakış sekmesi eklediğinizden emin olun.Ardından, diğer önemli bitleri organize sekmeye mantıklı bir şekilde ayırın.Metni de biçimlendirmekten korkmayın.Kısa bir not ve kullanıcıya bir hatırlatma eklediğiniz için, kısa snippet’in okunabilirliğin spreyi kullanamayacağı anlamına gelmez.Örneğin, WordPress’in bağlamsal yorum yardımının ekranının altında yaptığı gibi paragraf duraklamaları ve kalın harfler kullanın:
Bu özel örnekte görünenden daha fazla şeyiniz olduğunu düşünüyorsanız, kullanıcınızı yan çubukla ek kaynaklara yönlendirin. WordPress’in bunu “daha fazla bilgi için” bölümüyle yaptığını görebilirsiniz. Bu, WordPress atamaları ve uzayda daha güçlü açıklamalar ve onu barındırmaya hazırlanan web sitelerinde daha güçlü açıklamalar bağlamında gerekli notları saklar. Bir sonraki adım, bu öğelerin her birinin nasıl uygulanacağını açıklayacaktır. Adım 3: Düzenleyiciyi açın uğu eklenti, tema veya ilgili menünün zaten kendi yönetici ekranınıza sahip olduğu varsayılarak, şimdi yapmanız gereken, yardım sekmenizi etkinleştirmek ve çalıştırmak için bazı kod parçaları eklemektir. Temel olarak, burada yapacağımız şey, eklentiler veya temalar için menüye doğrudan bağlanmak için get_current_screen () işlevini kullanmaktır. Add_help_tab işlevi daha sonra gitmek istediğimiz her yerde özel mesajımızı enjekte etmemize izin verecektir. Eklentiye bağlamsal yardım eklemek için eklentiler ekranı> düzenleyiciyi açın. Ardından açılır listeden düzenlemek istediğiniz eklenti seçin. Seç’i tıklayın.
Ana PHP eklentisi dosyasını tıkladığınızdan emin olun. Düzenleyeceğimiz şey bu. Temaya bağlamsal yardım eklemek için görünüm ekranını açın> düzenleyiciyi açın.
Birden fazla yüklü temanız varsa, aşağı indirme menüsünden doğru olanı seçtiğinizden emin olun ve Seç’i tıklayın. Ardından, functions.php dosyasını tıklayın.
Bu düzenleyeceğimiz dosyadır. Adım 4: Yardım sekmesini yönetici ekranına ekleyin, seçilen dosyanın altına birkaç kod ekleyelim. Bu ilk snippet, WordPress’e yardım sekmesini “geçerli ekrana” eklemesini söyleyeceğimiz yerdir. Geçerli ekran, seçtiğimiz belirli bir eklenti veya tema ile ilgilidir. Aşağıdaki alanı doldurduğumuz mesajla, basit bir yeni yardım sekmesi kullanıma hazır olacaktır. Function add_context_menu_help () {// Geçerli ekran nesnesini alın $ current_screen = get_current_screen (); // yardım sekmesi için içerik $ content = ‘
Burada neler olup bittiğinden bahsetmemiz gerekiyor. Seni detaylarla sıkmak istemiyorum, ama bu ciddi şeyler.
‘; $ dolgu = ‘
Yakın dikkat et! Herhangi bir değişiklik yapmadan önce lütfen geliştiricinize danışın. Jason 555-555-4321’de.
‘; // Birincil yardım sekmesini kaydedin $ current_screen-> add_help_tab (array (‘id’ => ‘sp_basic_help_tab’, ‘başlık’ => __ (‘bana yardım et’), ‘içerik’ => $ içerik)); İkincil Yardım Tab $ current_screen-> add_help_tab (Array (‘id’ => ‘sp_advanted_help_tab’, ‘başlık’ => __ (‘ileri bilgi’), ‘içerik’ => $ dolgu)); } Add_action (‘admin_head’, ‘add_context_menu_help’); Yukarıdaki alıntıda, düzenlemeniz gerekir: ‘ID’ string
Burada neler olup bittiğinden bahsetmemiz gerekiyor. Seni detaylarla sıkmak istemiyorum, ama bu ciddi şeyler.
‘; $ dolgu = ‘
Yakın dikkat et! Herhangi bir değişiklik yapmadan önce lütfen geliştiricinize danışın. Jason 555-555-4321’de.
‘; // Birincil yardım sekmesini kaydedin $ current_screen-> add_help_tab (array (‘id’ => ‘sp_basic_help_tab’, ‘başlık’ => __ (‘bana yardım et’), ‘içerik’ => $ içerik)); İkincil Yardım Tab $ current_screen-> add_help_tab (Array (‘id’ => ‘sp_advanted_help_tab’, ‘başlık’ => __ (‘ileri bilgi’), ‘içerik’ => $ dolgu)); }} add_ace (‘admin_head’, ‘add_help_screen_to_yourpagename’);
WordPress’i yalnızca belirli bir sayfaya yardım ekranı eklemeye yönlendirdiğimiz noktaya dikkat edin.Adım 5: Son adımdaki son adımın ekranına Bilah’ı ekleyin.Ancak, ek belgeleriniz, video öğreticileriniz veya bağlantı kurmak istediğiniz destek portalınız varsa, Bağlamsal menüdeki yan çubuk iyi bir fikirdir.Bunu menüye eklemek için, aynı php dosyasına girmeniz gereken kod: // Yardım işlevine bir kenar çubuğu ekle add_help_idabar () {// Geçerli ekran nesnesini al $ current_screen = get_current_screen ();// Kenar çubuğunu $ current_screen-> set_help_idebar (‘
>
Daha fazla sorunuz var mı? Acil yardıma mı ihtiyacınız var? Şimdi iletişime geçin.
);} Add_action (‘admin_head’, ‘add_help_ideBar’);Nasıl çalıştığını göstermek için Yoast yardım ekranıma ekliyorum: