En İyi Uygulama Ürününün Başlatılması UX Bölüm 5: Bir Hoş Geldiniz Sayfalar Oluşturma Bolarplate WP

Ürün lansmanındaki en iyi Kullanıcı Deneyimi (UX) uygulaması hakkında serimdeki beş bölüme hoş geldiniz. Önceki makalede, eklentinize hoş geldiniz bir sayfa girmenin öneminden bahsettim. Bugün, herhangi bir WordPress ürününde kullanılabilecek GPL lisanslı bir kazan plakası ile nasıl hoş geldiniz sayfasının nasıl oluşturulacağını açıklayacağım. WordPress Ürünleriniz İçin BoilerPlate Hoş Geldiniz Sayfaları Bir hoş geldiniz sayfası ekleme işlemini basitleştirmek için BolarPlates WP Hoş Geldiniz Sayfaları Yapıyorum. BolarPlate şu anda bir WordPress eklentisi olarak mevcuttur. En son sürüm sürümünü buradan indirebilir ve test etmek için WordPress sitenize yükleyebilirsiniz. Her adım kodda belgelenir, böylece bir WordPress acemi bile test edebilir.
WP Hoş Geldiniz Sayfası WP Hoş Geldiniz Sayfası, WordPress eklentisi etkinleştirildiğinde aktarımı sağlamak için WordPress Geçiş API’sını kullanarak BoilerPlate BoilerPlate. Yapay içerik içeren ve geçici transfer ile geçici olarak eklenmesini ve kaldırılmasını işleyen doğuştan gelen bir karşılama sayfasına sahiptir. Bu şöyle çalışıyor:
Eklenti etkinleştirildiğinde geçici eklenir.
Eklenti devre dışı bırakıldığında, aynı geçici silinir.
Etkinleştirmeden sonra, kullanıcı WP eklentimizdeki hoş geldiniz sayfasına bir kez güvenli bir aktarım alır.
Mimarlık Github’dan Zip eklentisini indirir ve içeriği çıkarırsanız, WP-Welcome-Page-BeRerPlate adlı bir kök klasörü bulacaksınız. Welcome adlı bir klasör olan standart bir WP-Welcome-page-boilerplate.php eklenti dosyası içerir. Bu kaynar mimarisi şuna benziyor:
Kök klasör: WP-Welcome-Page-Boilerplate
Dosya: WP-Welcome-Pagal-Boilerplate/WP-Welcome-Pailerpate.php, karşılama sayfalarının girişimini ve birkaç küresel sabitin tanımını tanıtmaktan sorumlu bir dosyadır. Paketinizi ve eklenti yolunuzu sağ klasörle eşleştirmek için bu küresel sabiti değiştirmeniz gerekir. Klasör: WP-Welcome-Pagal-Boilerpple/Welcome, karşılama sayfalarımız için ilgili tüm dosyaları barındıran bir klasördür.
Klasör: WP-Welcome-Pagal-Boilerplate/Welcome/CSS, hoş geldiniz sayfası düzenlemek için style.css dosyaları içeren bir klasördür.
Klasör: WP-Welcome-Pagal-Boilerpple/Welcome/IMG, tüm görüntüleri içeren bir klasördür.
Dosya: WP-Welcome-Pagal-Boilerplate/Welcome/Welcome-Intit.php, hoş geldiniz sayfasının girişimidir. Bu, eklentinin aktivasyonu ve devre dışı bırakılmasına geçici olarak eklenmesini ve kaldırılmasını işler ve Welcome-Logic.php dosyasını içerir.
Dosya: WP-Welcome-Page-Boilerplate/Welcome/Welcome/Welcome-logic.php, kullanıcıların ilk aktivasyona aktarılmasını işleyen, alt menü ekleyen ve bir karşılama içeren hoş geldiniz sayfamızla ilgili tüm mantığı eklemekten sorumlu bir dosyadır. Sayfa görüntüleme dosyası ve stil sayfası için kuyruk.
Dosya: WP-Welcome-Pagal-Boilerplate/Welcome/Welcome-view.php Hoş Geldiniz sayfamızın görüntülenmesinden sorumlu bir dosya, bu dosyanın% 90’ı HTML ve CSS kukla temellidir.
Not: WPW_ önekini/son ekini değiştirdiğinizden emin olun ve WPW paketinin adı, üretimde bu kaynak plakasını kullandığınızda eklenti adınız haline gelir.
Burada bir resim var. Kök klasöründeki ana eklenti dosyasının içeriğini öğrenelim. Boilerplate Wely sayfalarından temel dosyalar WP WP-Welcome-Page-BooLerplate.php Dosyası, aşağıdaki kodu içeren temel bir standart eklenti dosyasıdır: <? PHP/**
* Eklenti Adı: WP Hoş Geldiniz Sayfası Bolarplate
* Uri eklentisi: http://ahmadwais.com/
* Açıklama: WordPress eklentileri için BoilerPlate Hoş Geldiniz Sayfası.
* Yazar: Mrahmadawais, WPTIE
* Yazar uri: http://ahmadwais.com/
* Sürüm: 1.0.1
* Lisans: GPL2+
* Uri lisansı: http://www.gnu.org/licenses/gpl-2.0.txt
* Uri eklentisi GitHub: https://github.com/wptie/wp-welcome-page-Boilerplate
* Github Şubesi: Master
*
* @paket wpw
*/
// Doğrudan erişilirse çıkın.
İf (! Tanımlı ('abspath')) {
Git dışarı;
}
/**
* Küresel sabiti belirleyin.
*
* @sejak 1.0.0
*/
// eklenti sürümü.
İf (! Tanımlı ('wpw_version'))) {
tanımlama ('wpw_version', '1.0.1');
}
// Soul klasörünün adı.
İf (! Tanımlı ('wpw_name'))) {
Tanımlama ('wpw_name', trim (dirname (plugin_basename (__file__)), '/'));
}
// DIR eklentileri klasörleri içerir.
İf (! Tanımlı ('wpw_dir'))) {
tanımlama ('wpw_dir', wp_plugin_dir. '/'. wpw_name);
}
// URL eklentileri klasörleri içerir.
İf (! Tanımlı ('wpw_url'))) {
tanımlama ('wpw_url', wp_plugin_url. '/'. wpw_name);
}
// Eklenti Kök dosyası.
İf (! Tanımlı ('wpw_plugin_file'))))) {
tanımlama ('wpw_plugin_file', __file__);
}
/**
* Hoş geldiniz dosyası.
*
* @sejak 1.0.0
*/
if (file_exist (wpw_dir. '/welcome/welcome-init.php')) {
Need_once (wpw_dir. '/Welcome/welcome-init.php');} İlk birkaç satırın kodu (1-15), WordPress eklentilerinin veya eklenti başlıklarının varlığını ayarlayan standart meta bilgileri açıklar.Bu, önceki eklentiyi geliştiren herkese aşina olacaktır.
Ardından, Abspath'in güvenlik sınavını 17-20 satırlarında bulacaksınız.Amaç, dosyalara geçersiz erişim için eklenti işlemini iptal etmektir.23-51 satırından itibaren WPW_Version, WPW_NAME, WPW_URL, vb.Bunun hakkında daha fazla bilgiyi Codex WordPress'ten okuyabilirsiniz.Eklentinizin adını yansıtacak şekilde değiştirmelisiniz (bu bu kaynak plakası için bir WPW'dir).Yolu sağlam tuttuğunuzdan emin olun, çünkü bu yol, stil sayfası için kuyruk için eklentide kullanılır ve aktivasyon kancalarını ve eklentinin devre dışı bırakılmasını (ana dosya eklentisine bir yol gerektirir) uygulamak için kullanılır.
Bu kodu dikkatlice incelerseniz, Global Sabit aynı şeye sahiptir – muayene (! Tanımlanmış) yapılırsa. Bunu yaparak, kendinizi önceden belirlenmiş bir küresel değişkenden kurtarırsınız. Ayrı bir dosya yapmanın amacı, kodu temiz tutmaktır. Bu yüzden 54-61 satırında bir karşılama-init.php dosyasına ihtiyacım var. Bir BAINERPLATE kullanıyorsanız, yalnızca bir karşılama klasörü eklemeniz gerekir. Güvenli bir şekilde oynamak için, eklediğiniz dosyanın mevcut olup olmadığını kontrol etmek için File_exists () işlevini kullanmanızı öneririm. Hoşgeldin sayfasını başlatan başlatma dosyasını (Welcome Init.php) oluşturduğum Intit Hoş Geldiniz Sayfaları. Geçici olarak ekler ve siler ve Welcome-Logic.php dosyası gerektirir. Kodu bakalım: <? Php
/**
* Hoş Geldiniz Sayfa İnit

*
* Karşılama sayfasının başlatılması.
*
* @sejak 1.0.0
* @paket wpw
*/
// Doğrudan erişilirse çıkın.
İf (! Tanımlı (‘abspath’)) {
Git dışarı;
}
// Eklenti aktivasyonuna geçici ekleyin.
if (! function_exists (‘wpw_welcome_page’))) {
// Eklenti etkinleştirmesinde çalışan kancalar.
register_activation_hook (wpw_plugin_file, ‘wpw_welcome_activate’);
/**
* Geçici olarak ekleyin.
*
* Geçici bir karşılama sayfası ekleyin.
*
* @sejak 1.0.0
*/
Wpw_welcome_activate () function ()
// Geçici maksimum yaş 60 saniyedir.
set_transient (‘_welcome_redirect_wpw’, true, 60);
}
}
// Eklentinin deaktivasyonunda geçici olarak silin.
if (! function_exists (‘wpw_welcome_page’))) {
// Eklentinin deaktivasyonu üzerinde çalışan kancalar.
Register_deactivation_hook (wpw_plugin_file, ‘wpw_welcome_deactivate’);/**
* Eklentinin deaktivasyonunda geçici olarak silin.
*
* Hoş geldiniz sayfası sırasında silin.
*
* @sejak 2.0.0
*/
işlev wpw_welcome_deactivate () {
delete_transient (‘_welcome_redirect_wpw’);
}
}
/**
* Hoş Geldiniz Mantık.
*
* @sejak 1.0.0
*/
if (file_exist (wpw_dir. ‘/welcome/welcome-logic.php’) {
need_once (wpw_dir. ‘/welcome/welcome-logic.php’);
} Başlıktaki DOC bloğundan sonra, kod ABSPATH sınavı ile başlar (satır 11-14). Bu, temel dosyada yapılanla aynı işlevi gerçekleştirir. Ardından, eklentinin etkinleştirilmesine geçici ekleyen kodu yazın ve devre dışı bırakma sırasında siler. Aşağıdaki iki işlevle aşağı inebilir:
SET_TRANSIENT işlevini geçici olarak ayarlayın ($ geçici, $ değeri, $ süresi sona erer) tüm geçişleri oluşturur veya güncelleyin. İlk ikisinin üç parametresi zorunlu ve bir çift anahtar değer şeklinde alır. Son parametre isteğe bağlıdır ve geçici bitişten sonraki zamanı belirler. Hoş geldiniz bir sayfa aktarımı yapmak amacıyla, veritabanında depolanmış belirli geçişlerin bulunması gerekir – kullanıcıyı hoş geldiniz sayfasına yönlendiren mantık işlevi, belirli bir _welcome_redirect_wpw olup olmadığını kontrol edecektir ve kullanıcıyı hoş geldiniz sayfasına yönlendirecektir.
Delete Geçici Delete_Transient İşlevleri ($ geçici) Geçici Del. Silmek istediğiniz geçiciin anahtarı olan bir parametre alır. Bu işlevi yaptığımız geçici olanı silmek için kullanacağım. Artık bu işlevlere alışkın olduğunuza göre, kodu anlamak çok daha kolay olacaktır. Kodun açıklanması 16-32 satırında, Set_transient () işlevi aracılığıyla hoş geldiniz sayfası için geçici yapıyorum. Ben buna wpw_welcome_activate () custom işlevinde diyorum. Bu durumda: Anahtar/Geçici: _Welcome_redirect_wpw (belirli bir anahtarı belirleyebilirsiniz)
Değer: Doğru olarak ayarlanmıştır
Son kullanma süresi: 60 saniye
Bu, _welcome_redirect_wpw değerinin 60 saniye boyunca true olarak ayarlandığı anlamına gelir.
Bu işlevi, eklenti aktivasyonunda çalışan bir kanca olan register_activation_hook () ile ilişkilendiriyorum. Yani, şimdi bu işlev yalnızca eklenti aktivasyonunda çalışacaktır. Bu kanca için ilk parametrenin ana eklenti dosyanızın dosya adı olduğundan emin olun. Bunu küresel bir sabit olarak tanımlıyorum. Satır 35-50, devre dışı bırakıldıktan sonra eklenti işlevlerini kullanır. Bu nedenle, _welcome_redirect_wpw’yi aynı parametre iken ve silmeyi alan delete_transient () işlevi tanımlanır. Bu, eklentimiz devre dışı bırakıldığında, veritabanında herhangi bir veri izi bırakmamamızı sağlamak için isteğe bağlı bir adımdır.