WordPress sitenize Amazon gibi bir bölüm arama nasıl eklenir

Amazon veya eBay’de yeni bir şey satın aldıysanız, kesinlikle kıdemli aramayı kullanacaksınız. Bu, kullanıcıların “yönleri” kullanarak aradıklarını daraltmalarını sağlayan bir tekniktir. Örneğin, yeni bir katı hal sürücüsü arıyorsanız, aradığınız boyutu, fiyat aralığını ve ülkeniz için nakliye mevcut olup olmadığını belirlemek için seçenekleri kontrol edebilirsiniz. Ayrı Tasarım ve Geliştirme web sitelerine göre, navigasyon, son on yıldaki tartışmasız en önemli arama yeniliğidir. E -Ticaret web sitesi için, yönleri arama önemli bir özellik haline geldi ve kullanıcılardan biri bekleniyor.
WordPress, faseted kutudan çıkma arama sunmasa da, FacetWP bu özelliği sitenize eklemenizi sağlayan harika bir eklentidir. Bu yazıda, faceted çevrimiçi arama ve bunları kendi sitenizde nasıl yöneteceğinizi tartışacağım. Faceted ve Faceted Navigasyon Arama’nın arama ve navigasyon yönleri, kullanıcıların aradıklarını farklı kriterlerle filtrelemelerine izin vermenin yararlı bir yoludur. Bu, büyük veri kümeleri için arama seçeneklerini ele almanın çok pratik bir yoludur ve bunun büyük E-Niaga sitelerinin çoğunda kullanıldığını göreceksiniz ve eBay klasik bir örnektir. Bu, kullanıcıların çok özel öğeler arayabilmesinde kullanıcıların seçimlerini hızlı bir şekilde daraltmasına izin vermenin düzgün bir yoludur.
“Faz” temel olarak nesnesi arama sonuçları veya genel görünüm bağlamında gruplandırılabilen ve filtrelenebilen bir kategoridir. Bu genellikle aşağıdaki Amazon’da vurgulanan RAM seçeneğinde olduğu gibi, çadırın altındaki meta veri düzlemine erişmeyi içerir. Amazon yönü konuşması, sayfanın solundaki yönü ve yukarıdaki seçilen yönleri gösterir.

Bunun UI açısından gerçek uygulanması büyük ölçüde değişebilir-bir onay kutusu, römorkör ısınan menü, span seçmen ve tüm çeşitli sitelerde kullanılan kayma çubuğu görmeyi bekleyebilirsiniz. Göreceğiniz bir diğer genel seçenek de, gerçek zamanların eylemlerinize bir yanıt olarak filtrelenmesidir – genel aramanızı hızlandırmak için tasarlanmış iyi bir dokunuş.
Creative Bloq tarafından navigasyonun yönleri hakkında olağanüstü bir makalede gösterildiği gibi, ana avantajlardan bazıları bu yaklaşımla birlikte gelir:
Sıralı bir özellik olarak araştırmanın doğası, insanların bir şey bulmak için doğal olarak yaklaşma eğilimleriyle eşleşir – bu gerçekten aradıkları şeyleri yavaş yavaş izler.
Sitedeki insanları daha uzun hale getirir, çünkü doğal olarak amaçlar için filtrelenen sonuçlara göz atmak isterler, örneğin ürün karşılaştırmaları.
Dev e-ticaret siteleri için çevrimiçi arama örnekleri PRADA moda, müşterilerin hızlı bir şekilde aradıklarını bulmalarına yardımcı olmak için çok hızlı, duyarlı ve değişen navigasyon uygulayarak. Bir FASET’e tıklayın, sayfa size mevcut olanı göstermek için hemen kendini sıfırlar. Bu, E-Niaga ayarlarında yönlerin nasıl gerçekten üstün olabileceğine iyi bir örnektir.
Prada e-ticaret mağazasında faaliyet gösteren faseted navigasyon. Zappos, yönler açısından birçok şeyi arttırır. Sitelerinin herhangi bir yerinde keşfedin ve gerçek ürün listesinin yanında görüntülenen, markalardan, renklerden ve etkinliklerden botlar için yükseklik gibi çok özel seçeneklere kadar her şeyi içeren çok sayıda kategori seçeneği göreceksiniz. Dünyanın en başarılı çevrimiçi perakendecilerinden biri olarak, müşterilerinin navigasyonu tarafından verilen ek değeri açıkça belirlediler ve her şeyi yapmaya karar verdiler.

Zappos’ta yönlü arama seçenekleri bol miktarda bulunur.
Prada’nın uygulanmasında gördüğümüz gibi, seçimde yapılan her değişiklik, alımlarını derhal yapmak isteyen harcamaların karmaşıklığını en aza indirmek için doğrudan ekrana yansır. Varsayılan WordPress seçeneği ne olacak? Hepimizin bildiği gibi, WordPress biraz özel kodlama ile aklınıza gelebilecek neredeyse her şeyi yapmak için yapılabilir. Ancak, doğrudan kutunun dışında, yönlerin gezinmesi veya aranması için destek neredeyse yoktur. İçeriği sınıflandırma yeteneği kesinlikle kategorilerin ve etiketlerin yaratıcı kombinasyonları şeklinde mevcuttur. Kodlama yolunu izlediyseniz içeriğe özel alanlar da eklenebilir. Aslında, sağlanan gücün işlevselliğini veren bu seçeneklerin kolay bir kombinasyonu yoktur.

Kategoriler ve etiketler gibi seçenekler navigasyon cihazlarıdır, ancak iyi bir varsayılan aramaya gelirken iyi olmayan şeylerdir. Kullanıcıların hızlı bir şekilde geri çekilmesini istediğiniz iyi bir içerikle uğraşırsanız, genellikle eklentiler aracılığıyla arama seçeneklerini artırmak veya kendiniz yuvarlamak için ararsınız. WordPress sitesi için yönlerin arama ve gezinmesini uygulamak facetwpfacetwp ile tanışın.
FacetWP, WordPress siteleri için gelişmiş filtreleme seçenekleri ve gerçek yönlü arama sunan premium bir eklentidir. Temel lisanslar sizi üç site ve bir yıllık destek ve 79 dolarlık bir maliyet için içerir. Sınırsız siteler içeren profesyonel lisanslar da 199 $ karşılığında mevcuttur.
Bu yazılım ayrıca, SearchWP ve Incudiansi gibi diğer arama eklentileri ile entegre olmanıza ve renk ve alfabetik listeye dayalı filtreleme gibi ek işlevler eklemenize olanak tanıyan çeşitli eklentiler de sunar. Popüler çok dilli eklentilerle entegrasyon WPML ve Polylang da mevcuttur. Mevcut dokuz tür türünün tümünü göreceğiniz demo sayfasını ziyaret ederek mevcut seçenekleri hissedebilirsiniz. İstediğiniz seçenekler onay kutuları, çekme, hiyerarşik seçmenler, vardiyalar, arama bıçakları (otomatik bütünlük dahil), tarih menzili seçmenleri, sayı seçmenleri ve jeolizasyon için her türlü yeni yakınlık yönüdür. Tüm bunlar Ajax tarafından desteklenir, böylece kullanıcılarınız keşfettiklerinde seçimlerini yansıtan anlık güncellemelerin tadını çıkarır.

Premium eklentisinden beklediğiniz gibi, FacetWP ayrıca geliştiricilerin ayarlamak istiyorlarsa kullanmaları için sağlam belgeler ve çeşitli kancalar sunar. Şimdi eklentileri gerçekten kullanmak için geçelim. Facetwp ile başlayarak eklentiyi satın aldıktan, yükledikten ve etkinleştirdikten sonra, Yönetici menünüzde ayarlar> facetwp. Facetwp’yi etkinleştirin.
Orada göründükten sonra Ayarlar sekmesini seçin ve lisans anahtarınızı uygun kutuya girin. Her şey yolunda, “Hepsi bitmiş, etkinleştirdiğiniz için teşekkür ederim!” Eklenti ev aramayı başardıktan sonra.
FacetWP kullanmaya başlamadan önce bilmeniz gereken iki ana kavram var:
FASET: Bu, verilerinizi sıralamak için kullanılacak UI öğesinin kendisidir. Widget ve sayfaya kısa kod veya PHP aracılığıyla ekleyebilirsiniz.

Şablon: Bu, FASET’in kullanıldığı bir bağlamdır. İçerik öğesinin şablon aracılığıyla nasıl görüntüleneceği konusunda tam bir kontrole sahipsiniz.
Somut örnekler almak için, bir müzik siteniz varsa, kullanıcıların – tür, sanatçı, fiyat vb. Burası, verilerin entegrasyonunu kontrol ettiğiniz ve kullanılacak kullanıcı arayüzü seçeneğine karar verdiğiniz yerdir.
Daha sonra sonuçların görüntüleneceği bir müzik şablonu sayfası hazırlayacaksınız. Şablonlar ilk içerik seçimini kontrol eder, WordPress’e bunun yüzleşebilecek bir içerik olduğunu söyler ve öğelerin nasıl görüntülendiğini kontrol etmenizi sağlar. Müzik listemiz açısından, her şeyin basit kalması için mini bir albüm kapağı görüntüsü ve bazı sanatçı meta verileri göstermeye karar verebiliriz. Bir faset hazırlama Ayarları> facetwp> faset’leri izlerken, kategoriler olarak adlandırılan bir gösteri olduğunu göreceksiniz. Fareyi öğeye getirin ve aşağıdaki resim gibi kısa bir kod göreceksiniz. Yakında kullanacağız. Varsayılan kategori yönleri.
Yüze girdikten sonra her şey iyi ve kolaydır. FASET türünü (daha önce bahsettiğimiz dokuz seçenek) ve veri kaynaklarını seçmek için etiket ve seçenek alanlarını göreceksiniz. Aşağıda, seçtiğiniz FASET türüne göre değişen daha fazla mevcut düzenlemeler olacaktır.
Veri kaynakları alanına tıklarsak, aralarından seçim yapabileceğiniz birçok seçenek olduğunu ve burada sevdiğiniz özellikleri belirlemekte özgür olmanız için tüm özel alanların alındığını göreceksiniz.
FASET veri kaynağı.

Bir seçim yaptıktan sonra, her şeye izin veren perde arkasında bir mucizeyi tetiklemek için değişiklikleri kaydet ve yeniden endeks’i tıklayın. Çok ağır içerik olan bir siteyle uğraşıyorsanız, yeniden indexing bir veya iki dakika sürebilir, ancak sizi güncel tutmak için yararlı bir ilerleme çubuğu olabilir. Sisteme yön ekleme açısından, yapmanız gereken tek şey budur. Yeni yönler hazırlamak ve doğru verilere bağlamak için yalnızca birkaç tıklama gerekir. Şimdi yönleri gerçekten görüntülemek ve kullanmaya geçelim. FASET şablonunuzu oluşturmak bir FASET şablonu kullanmadan bir FASET kullanamaz – bu, filtrelenmesi gereken içerik olduğunu tanımak için FacetWP tarafından kullanılan bir mekanizmadır. Bunu kullanması durumunda, iki seçeneğiniz vardır: CSS sınıfı yöntemi: Mevcut bir arama sayfası veya arşivi ile entegre olursanız, döngüyü çevreleyen rezervuar öğelerine facetwp-temptic class css ekleme seçeneğiniz vardır. Bu şekilde geçmemiz değil, Facetwp Yardım sayfasında bunun hakkında daha fazla bilgi bulabilirsiniz.

Kısa Kod Yöntemi: Bu seçenekle, içeriğinizin çıktısı üzerinde tam kontrolü almak için güçlü bir FacetWP varsayılan üreticisi kullanırsınız. Göreceğimiz seçenek bu.
Ayarlar> facetwp> şablonlarına gittiğinizde, zaten düzenlenmiş varsayılan olarak adlandırılan bir şablon demosu göreceksiniz. Önceki yönünün bir örneği olarak, imleci öğeye yönlendirmek, kısa kodun ne olduğunu söyleyecektir. Ancak, gerçek eylem içeridedir.

Facetwp şablonları.

Şablonunuzla ilgili iki sorunu ele alıyorsunuz: hangi veriler alınacak ve verilerin nasıl görüntüleneceği. Sorgu argümanları alanı WP_Query’ye ve hangi içerik listesinin gerçekten alınacağını denetlemelere dayanmaktadır. Bu tür sorguları başınızın üstünden yaparak% 100 rahat değilseniz, pratik bir sorgu üreticisi de dahil edilir. Facetwp sorguları yapmak.
Gördüğünüz gibi, burada yayın almak için bir dizi sağlam seçeneğiniz var ve gerekirse taksonomi ve özel alanlar için kontroller ekleyebilirsiniz. Şablon ekranının ekran kodu kısmı, döndürülen sonuçların tam olarak nasıl görüntüleneceğini kontrol etmenizi sağlar. Bunu kullanmak, bir şablon kullanma deneyiminiz olduğunu ve biraz PHP’yi çözmeyi düşünmekten korkmadığınızı etkili bir şekilde varsayar. WP_Query kullanmak rahat olmak size burada da fayda sağlayacaktır. Ancak, temel prensip çok kolaydır. Aşağıdaki varsayılan şablonun örnek koduna bakarsak, yalnızca her sonuca bağlı başlığı görüntüler.
Tomewer/AF26ff6483403de070ab’ın özünü içerir
Şimdi tüm bunları siteye ekleyerek görelim. Sitenize aslında FASET seçeneğine giren özellikler eklemek Sitenize oldukça kolaydır. İki şey yapmalıyız:
Widget’a kısa bir kod aracılığıyla yönü ekleyin.

Kısa kod aracılığıyla sayfaya bir şablon ekleyin.
Kenar çubuğumdaki metin widget’ına kısa bir kod [facetwp facet = “kategoriler”] girerek başlayacağım. Daha sonra facets adlı özel bir sayfa oluşturdum ve aşağıda açıklandığı gibi kısa bir kod şablonu [facetwp şablonu = “varsayılan”] ekledim. Kısa bir kod aracılığıyla bir şablon ekleyin.

Sayfayı hızlı bir şekilde ziyaret ettim ve yan tarafta bir onay kutusu olarak görüntülenen Faceted kategorisinde arama seçeneğini görebildim ve sayfanın kendisinde farklı içeriklerin görüntülenmesini hızla çevirebilirim.
Yan çubukta onay kutusu yönü görüntülenir.
Bu, Amazon’un uyuyamayacak bir arama ayarı değil, ancak bu uyanmanın ve yürümenin ne kadar kolay olduğunu gösteriyor. Sizin için mevcut seçenek türünün daha eksiksiz bir özeti için, tüm ihtişamlarının her yönünü göreceğiniz FacetWP demo sayfasını kontrol ettiğinizden emin olun.
Daha eksiksiz bir dizi gösteri.
Sarma Ağır içerik sitesi veya küçük bir ürün setine sahip herhangi bir E-Niaga sitesi çalıştırırsanız, karışıma bir arama ve navigasyon eklemek artık dikkate alınması gerekmez. Bu seçeneğin, sitenin yapışmalarını ve satışlarını artırdığı kanıtlanmıştır ve kitlenize en iyi içeriğinizi elde etmek için çok daha sezgisel bir yol sunacaktır. Çekirdek konsepti anladıktan sonra, FacetWP iyi ve yönetimi kolaydır ve gücünü mümkün olduğunca nasıl kullanabileceğiniz konusunda çok büyük bir esneklik sağlar. Gerçekten sadece bununla hayal gücünüzle sınırlısınız.
Sitede arama ve navigasyon öğelerinin kullanımı hakkındaki fikrinizi duymak istiyorum.Şu anda mı yapıyorsunuz yoksa yapmayı mı planlıyorsunuz?Bize aşağıdaki yorumlarda anlatın.
Aramak

admin

Bir Cevap Yazın

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