Woocommerce’deki MyAccount sayfa menüsüne yeni bir menü nasıl eklenir
WooCommerce’de hesap sayfama, uzmanlık düzeylerinden bağımsız olarak herhangi bir WooCommerce kullanıcısı tarafından hızlı ve kolay bir şekilde uygulanabilecek yeni bir sekme eklemenin doğrudan bir yolunu mu arıyorsunuz? Hesap sayfama yeni bir sekme eklemek için hızlı bir çözüm, menünün eklenmesini işleyen iki Woocommerce filtre kancasının eklenmesini ve diğerleri ilgili URL’lerine eklenen yeni sayfaya aktarmayı gerektirir. Bu öğreticide, WOOOCOMMERCE WOOOCOMMERCE Hesap Menüsüne tam olarak nasıl bir menü ekleyeceğinizi göstereceğim ve daha sonra kullanıcıyı harici aktarım dahil istediğiniz herhangi bir sayfaya yönlendirmek için bir aktarım filtresi oluşturacağım. Öyleyse, benim hesap menü sayfamın nasıl çalıştığını anlayarak başlayalım.
WooCommerce MyAccount sayfa menüsü nasıl çalışıyor WooCommerce’deki bu sekme temel olarak bir menüdür ve sayfanın içeriğini filtrelemek ve menüyü görüntüleyen bir dizi almak ve daha sonra diziye içerik ekleyen ve içeriği geri yüklemek mümkündür. WooCommerce/WordPress Filtre Hook Daha önce hiç bir filtre ile çalışmadıysanız, WordPress filtresinin nasıl çalıştığını belirttiğim bu eğitimde filtreye ayrıntılı bir giriş yazıyorum. Başka bir iyi örnek, varsayılan WordPress yayın içeriği veya sayfa içeriğinden önce veya sonra içerik eklemek için bu WordPress eğitiminde the_concent’e uyguladığımız filtre.
Kanca filtresi hakkında yeterli bilgi, şimdi WooCommerce’daki hesap sayfama nasıl bir menü ekleyeceğine odaklanalım. Kodda neler olduğunu öğrenmenize ve anlamanıza yardımcı olmak için tüm öğreticilerimi hızlı bir şekilde hızlı bir şekilde adım adım başlatmayı seviyorum. Sadece kodu paylaşmayı ve kodun ne yaptığını açıklamadan kopyalamanızı istemiyorum. Bu iyi bir yaklaşımdır çünkü okuyucu daha yenilikçi olabilir ve kod snippet’ine daha spesifik özellikler ekleyebilir. Hesap sayfama yeni bir sekme eklemek için nasıl yeni bir sekme ekleyeceğime dair adımlar, hesap sayfama yeni bir sekme eklemek için aşağıdaki üç adım atıyor: Hesap sayfama yeni bir sekme eklemek için bir kanca filtresi oluşturun ve filtre menüde görüntülenen tüm verileri toplamalı ve ardından yeni verilerinizi girmelidir. (Lütfen itme kelimesini hatırlayın, bu yazıda daha sonra daha ayrıntılı olarak açıklayacağım)
İlk adımda oluşturduğunuz sayfaya eklediğiniz menüden bir URL aktarımı ekleyen ikinci bir filtre oluşturun.
Bu kodu temanızdaki function.php dosyasına ekleyin veya bu kodu sınıfa veya eklenti işlevine ekleyebilirsiniz; WooCommerce’deki hesap sayfama yeni bir menü ekleyebilirsiniz.
Son birkaç gün içinde Woocommerce’daki hesap sayfama bir menü ekleyin, müşteri benden mevcut Woocommerce sitesinde hesap sayfama yeni bir menü eklememi ister. İdeal olarak, menü BuddyPress’i kullanmadan önce eklediğimiz foruma yönlendirilmelidir.
Bu öğreticide bunu sorunu düşünmek istiyorum ve devam edip hesap sayfama bir menü ekleyeceğiz ve foruma yönlendirilmeli. Yeni başlayanlar için, aşağıdaki resim, bu WooCommerce sitesindeki hesap sayfama nasıl yeni bir sekme eklediğimin son ürünü gösteriyor ve kullanıcıyı foruma yönlendiriyor. Yeni bir sekme eklemek için hesap sayfama bir menü eklemek için ilk filtreyi ekleyin. Hesap sayfamda, aşağıda gösterildiği gibi kanca filtresi ve döndürme çağrısı işlevi dahil: // Hesabım Wooocommerce menüsüne menü öğeleri ekleyen ilk kanca
İşlev örneği_forum_link ($ menü_links) { // “Kadın Forumu” nu daha sonra bağlayacağız
$ new = array (‘örnekler-forum’ => ‘forum örneği’);
// veya 2 bağlantıya ihtiyacınız varsa
// $ new = dizi (‘link1’ => ‘bağlantı 1’, ‘link2’ => ‘bağlantı 2’);
// Array_slice () diğer öğelerin arasına öğeler eklemek istiyorsanız iyidir
$ Menen_links = Array_slice ($ Menor_links, 0, 1, true)
+ yeni $
+ array_slice ($ Menen_Links, 1, null, sağ);
Dönüş $ MENE_LINKS;
}
add_filter (‘wooocommerce_account_menu_items’, ‘örnek_forum_link’);
Bu kodu Function.php adresine eklediğinizde, aşağıdaki resimde gösterildiği gibi hesap sayfamda yeni bir menü göreceksiniz:
Kod nasıl çalışır
Bu filtrede, hesap sayfamdaki tüm menüleri bir satırda almak için iade çağrısı işlevine verdiğimiz $ Menor_Links değişkenini kullanıyoruz. Menü bağlantısı satırını aldıktan sonra, yeni menü öğemizi çıkarmak ve daha sonra itmek için Array_slice () işlevini kullanıyoruz, sonra hepimiz bir satırda menüler ve wooocommerce_account_menu_items wooocommerce kancasına ekliyoruz. Bu noktada, şimdi menü öğesi Hesap menümde görüntülendi.
Gördüğünüz gibi, filtre hesap menüsüne varsayılan olarak yeni bir menü ekledi. Menüye tıkladığınızda, bu yeni menü öğesindeki aktarım artık aşağıdaki resimde gösterildiği gibi çalıştığı için sayfa 404’e yönlendirileceksiniz:
Bu sayfa WooCommerce panosunda değil, ancak Salyangoz Örnek Forumu’nu görebilirsiniz, ilk filtreye ekledik ve forum sayfasına yönlendirmek için ikinci filtrede kullanacağız. Hesap sayfama yukarıda belirtildiği gibi bir menü eklemek için ikinci filtreyi ekleyin İkinci filtre, bu menüye işaret etmek istediğimiz sayfayı ekleyecek ve bu durumda aşağıda gösterilen kodu kullanarak ekleyebiliriz: // İkinci filtre ile WOOOCOMMERCE’i özel bir URL’ye yönlendirin
Forum_example_hook_endpoint ($ url, $ uç noktası, $ değer, $ permalink) işlevi {
if ($ endpoint === ‘örnek-forum’) { // Burası özel bir URL eklediğiniz yer, harici olabilir, bu durumda, BBPress’teki profilime gitmeliyiz.
// Profil kullanıcı kimliğimi almak ve aşağıda gösterildiği gibi URL’ye eklemek için bu işlevi (bp_core_get_username (bp_loggedin_user_id ());) kullanacağım
$ url = site_url (). ‘/üyeler/’. bp_core_get_username (bp_loggedin_user_id ());
}
geri $ url;
}
add_filter (‘woocommerce_get_endpoint_url’, ‘forum_example_hook_endpoint’, 10, 4); bu kodu, yukarıdaki adımlara eklediğimiz ilk filtrenin hemen altına eklediğinizde, forum örnek menünüz, bunun aşağıdaki resimde gösterildiği gibi belirli kullanıcı profillerine yönlendirmelidir. Bbpress forumundaki profilime yönlendirildiğim yer.
Hesap sayfama yeni bir sekme eklemek için kod snippet’ini doldurun ve WooCommerce’deki hesap sayfam menüsüme yeni bir menü eklemek için herhangi bir sayfaya geri dönün, aşağıda paylaşılan eksiksiz bir kod fragmanı eklemelisiniz. ve temanız ve değişkenleri, menüyü yeniden yönlendirmek istediğiniz her bir yerden salyangoz ve sayfalarla değiştirin. // Hesabıma menü öğeleri ekleyen ilk kanca wooocommerce menüsü
İşlev örneği_forum_link ($ menü_links) {
// “Kadın Forumu” nu daha sonra bağlayacağız
$ new = array (‘örnekler-forum’ => ‘forum örneği’); // veya 2 bağlantıya ihtiyacınız varsa
// $ new = dizi (‘link1’ => ‘bağlantı 1’, ‘link2’ => ‘bağlantı 2’);
// Array_slice () diğer öğelerin arasına öğeler eklemek istiyorsanız iyidir
$ Menen_links = Array_slice ($ Menor_links, 0, 1, true)
+ yeni $
+ array_slice ($ Menen_Links, 1, null, sağ);
Dönüş $ MENE_LINKS;
}
add_filter (‘wooocommerce_account_menu_items’, ‘örnek_forum_link’);
// wooocommerce’in son noktasını özel bir URL’ye yönlendirmek için ikinci filtre
Forum_example_hook_endpoint ($ url, $ uç noktası, $ değer, $ permalink) işlevi {
if ($ endpoint === ‘örnek-forum’) {
Burası özel bir URL eklediğiniz yerdir, bu durumda BBPress’teki profilime gitmemiz gerektiği için // // Profil Kullanıcı Kimliğimi almak için BP_CORE_GET_USERNAME (BP_LoggededIn_user_id ();) kullanacağım. Aşağıda gösterildiği gibi URL’ye ekleyin
$ url = site_url (). ‘/üyeler/’. bp_core_get_username (bp_loggedin_user_id ());
}
geri $ url;
}
add_filter (‘wooocommerce_get_endpoint_url’, ‘forum_example_hook_endpoint’, 10, 4);
WooCommerce’deki hesap sayfamda yeni bir menü sekmesi yapmayı sarar. Adım adım ve hesap sayfama nasıl yeni bir sekme ekleyeceğiniz ve seçim sayfanıza aktarılacağına dair pratik bir örnekle açıkladım. Ayrıca, kasadan sonra WooCommerce transferinin nasıl ekleneceği ve kayıttan sonra WooCommerce transferinin nasıl ekleneceği hakkında başka bir eğitim yazdım. Bu çözümü uygulayamıyorsanız, profesyonel WooCommerce geliştiricilerinden yardım bulabilirsiniz.
WooCommerce MyAccount sayfa menüsü nasıl çalışıyor WooCommerce’deki bu sekme temel olarak bir menüdür ve sayfanın içeriğini filtrelemek ve menüyü görüntüleyen bir dizi almak ve daha sonra diziye içerik ekleyen ve içeriği geri yüklemek mümkündür. WooCommerce/WordPress Filtre Hook Daha önce hiç bir filtre ile çalışmadıysanız, WordPress filtresinin nasıl çalıştığını belirttiğim bu eğitimde filtreye ayrıntılı bir giriş yazıyorum. Başka bir iyi örnek, varsayılan WordPress yayın içeriği veya sayfa içeriğinden önce veya sonra içerik eklemek için bu WordPress eğitiminde the_concent’e uyguladığımız filtre.
Kanca filtresi hakkında yeterli bilgi, şimdi WooCommerce’daki hesap sayfama nasıl bir menü ekleyeceğine odaklanalım. Kodda neler olduğunu öğrenmenize ve anlamanıza yardımcı olmak için tüm öğreticilerimi hızlı bir şekilde hızlı bir şekilde adım adım başlatmayı seviyorum. Sadece kodu paylaşmayı ve kodun ne yaptığını açıklamadan kopyalamanızı istemiyorum. Bu iyi bir yaklaşımdır çünkü okuyucu daha yenilikçi olabilir ve kod snippet’ine daha spesifik özellikler ekleyebilir. Hesap sayfama yeni bir sekme eklemek için nasıl yeni bir sekme ekleyeceğime dair adımlar, hesap sayfama yeni bir sekme eklemek için aşağıdaki üç adım atıyor: Hesap sayfama yeni bir sekme eklemek için bir kanca filtresi oluşturun ve filtre menüde görüntülenen tüm verileri toplamalı ve ardından yeni verilerinizi girmelidir. (Lütfen itme kelimesini hatırlayın, bu yazıda daha sonra daha ayrıntılı olarak açıklayacağım)
İlk adımda oluşturduğunuz sayfaya eklediğiniz menüden bir URL aktarımı ekleyen ikinci bir filtre oluşturun.
Bu kodu temanızdaki function.php dosyasına ekleyin veya bu kodu sınıfa veya eklenti işlevine ekleyebilirsiniz; WooCommerce’deki hesap sayfama yeni bir menü ekleyebilirsiniz.
Son birkaç gün içinde Woocommerce’daki hesap sayfama bir menü ekleyin, müşteri benden mevcut Woocommerce sitesinde hesap sayfama yeni bir menü eklememi ister. İdeal olarak, menü BuddyPress’i kullanmadan önce eklediğimiz foruma yönlendirilmelidir.
Bu öğreticide bunu sorunu düşünmek istiyorum ve devam edip hesap sayfama bir menü ekleyeceğiz ve foruma yönlendirilmeli. Yeni başlayanlar için, aşağıdaki resim, bu WooCommerce sitesindeki hesap sayfama nasıl yeni bir sekme eklediğimin son ürünü gösteriyor ve kullanıcıyı foruma yönlendiriyor. Yeni bir sekme eklemek için hesap sayfama bir menü eklemek için ilk filtreyi ekleyin. Hesap sayfamda, aşağıda gösterildiği gibi kanca filtresi ve döndürme çağrısı işlevi dahil: // Hesabım Wooocommerce menüsüne menü öğeleri ekleyen ilk kanca
İşlev örneği_forum_link ($ menü_links) { // “Kadın Forumu” nu daha sonra bağlayacağız
$ new = array (‘örnekler-forum’ => ‘forum örneği’);
// veya 2 bağlantıya ihtiyacınız varsa
// $ new = dizi (‘link1’ => ‘bağlantı 1’, ‘link2’ => ‘bağlantı 2’);
// Array_slice () diğer öğelerin arasına öğeler eklemek istiyorsanız iyidir
$ Menen_links = Array_slice ($ Menor_links, 0, 1, true)
+ yeni $
+ array_slice ($ Menen_Links, 1, null, sağ);
Dönüş $ MENE_LINKS;
}
add_filter (‘wooocommerce_account_menu_items’, ‘örnek_forum_link’);
Bu kodu Function.php adresine eklediğinizde, aşağıdaki resimde gösterildiği gibi hesap sayfamda yeni bir menü göreceksiniz:
Kod nasıl çalışır
Bu filtrede, hesap sayfamdaki tüm menüleri bir satırda almak için iade çağrısı işlevine verdiğimiz $ Menor_Links değişkenini kullanıyoruz. Menü bağlantısı satırını aldıktan sonra, yeni menü öğemizi çıkarmak ve daha sonra itmek için Array_slice () işlevini kullanıyoruz, sonra hepimiz bir satırda menüler ve wooocommerce_account_menu_items wooocommerce kancasına ekliyoruz. Bu noktada, şimdi menü öğesi Hesap menümde görüntülendi.
Gördüğünüz gibi, filtre hesap menüsüne varsayılan olarak yeni bir menü ekledi. Menüye tıkladığınızda, bu yeni menü öğesindeki aktarım artık aşağıdaki resimde gösterildiği gibi çalıştığı için sayfa 404’e yönlendirileceksiniz:
Bu sayfa WooCommerce panosunda değil, ancak Salyangoz Örnek Forumu’nu görebilirsiniz, ilk filtreye ekledik ve forum sayfasına yönlendirmek için ikinci filtrede kullanacağız. Hesap sayfama yukarıda belirtildiği gibi bir menü eklemek için ikinci filtreyi ekleyin İkinci filtre, bu menüye işaret etmek istediğimiz sayfayı ekleyecek ve bu durumda aşağıda gösterilen kodu kullanarak ekleyebiliriz: // İkinci filtre ile WOOOCOMMERCE’i özel bir URL’ye yönlendirin
Forum_example_hook_endpoint ($ url, $ uç noktası, $ değer, $ permalink) işlevi {
if ($ endpoint === ‘örnek-forum’) { // Burası özel bir URL eklediğiniz yer, harici olabilir, bu durumda, BBPress’teki profilime gitmeliyiz.
// Profil kullanıcı kimliğimi almak ve aşağıda gösterildiği gibi URL’ye eklemek için bu işlevi (bp_core_get_username (bp_loggedin_user_id ());) kullanacağım
$ url = site_url (). ‘/üyeler/’. bp_core_get_username (bp_loggedin_user_id ());
}
geri $ url;
}
add_filter (‘woocommerce_get_endpoint_url’, ‘forum_example_hook_endpoint’, 10, 4); bu kodu, yukarıdaki adımlara eklediğimiz ilk filtrenin hemen altına eklediğinizde, forum örnek menünüz, bunun aşağıdaki resimde gösterildiği gibi belirli kullanıcı profillerine yönlendirmelidir. Bbpress forumundaki profilime yönlendirildiğim yer.
Hesap sayfama yeni bir sekme eklemek için kod snippet’ini doldurun ve WooCommerce’deki hesap sayfam menüsüme yeni bir menü eklemek için herhangi bir sayfaya geri dönün, aşağıda paylaşılan eksiksiz bir kod fragmanı eklemelisiniz. ve temanız ve değişkenleri, menüyü yeniden yönlendirmek istediğiniz her bir yerden salyangoz ve sayfalarla değiştirin. // Hesabıma menü öğeleri ekleyen ilk kanca wooocommerce menüsü
İşlev örneği_forum_link ($ menü_links) {
// “Kadın Forumu” nu daha sonra bağlayacağız
$ new = array (‘örnekler-forum’ => ‘forum örneği’); // veya 2 bağlantıya ihtiyacınız varsa
// $ new = dizi (‘link1’ => ‘bağlantı 1’, ‘link2’ => ‘bağlantı 2’);
// Array_slice () diğer öğelerin arasına öğeler eklemek istiyorsanız iyidir
$ Menen_links = Array_slice ($ Menor_links, 0, 1, true)
+ yeni $
+ array_slice ($ Menen_Links, 1, null, sağ);
Dönüş $ MENE_LINKS;
}
add_filter (‘wooocommerce_account_menu_items’, ‘örnek_forum_link’);
// wooocommerce’in son noktasını özel bir URL’ye yönlendirmek için ikinci filtre
Forum_example_hook_endpoint ($ url, $ uç noktası, $ değer, $ permalink) işlevi {
if ($ endpoint === ‘örnek-forum’) {
Burası özel bir URL eklediğiniz yerdir, bu durumda BBPress’teki profilime gitmemiz gerektiği için // // Profil Kullanıcı Kimliğimi almak için BP_CORE_GET_USERNAME (BP_LoggededIn_user_id ();) kullanacağım. Aşağıda gösterildiği gibi URL’ye ekleyin
$ url = site_url (). ‘/üyeler/’. bp_core_get_username (bp_loggedin_user_id ());
}
geri $ url;
}
add_filter (‘wooocommerce_get_endpoint_url’, ‘forum_example_hook_endpoint’, 10, 4);
WooCommerce’deki hesap sayfamda yeni bir menü sekmesi yapmayı sarar. Adım adım ve hesap sayfama nasıl yeni bir sekme ekleyeceğiniz ve seçim sayfanıza aktarılacağına dair pratik bir örnekle açıkladım. Ayrıca, kasadan sonra WooCommerce transferinin nasıl ekleneceği ve kayıttan sonra WooCommerce transferinin nasıl ekleneceği hakkında başka bir eğitim yazdım. Bu çözümü uygulayamıyorsanız, profesyonel WooCommerce geliştiricilerinden yardım bulabilirsiniz.
