Divi ile web sitenize gayrimenkul mülklerinin bir listesi nasıl eklenir
Web sitenizde gayrimenkul mülklerinin bir listesini göstermek büyük bir projedir, ancak zor olması gerekmez. Divi Gayrimenkul Düzeni Paketinin Yararlı Tasarımı ve Realtyna’nın WordPress (WPL) Mülk Listelerinin İşlevselliği Listesi ile gayrimenkul sitenizi oluşturmanın ve çalıştırmanın ne kadar kolay olduğuna şaşıracaksınız. WPL eklentisi Divi için sağlanmıştır, çünkü kısa kodlarının kullanımını kolaylaştırmak için 8 varsayılan Divi modülü bile vardır. Ve eklenti kısa kodu Divi modülünde işlev gördüğünden, sayfa tasarımını ayarlamak için Divi Builder’ı kullanabilirsiniz. Başlayalım. Aşağıdaki Sneak Peek, yapacağımız mülk listeleri ve arama bıçakları listesinin bir görüntüsüdür.
Neye ihtiyacın varDivi teması
Gayrimenkul Düzeni Paketi
Eklenti WordPress özelliği (WPL) tarafından Realtyna – Eklentinin ücretsiz bir sürümünü kullanacağım, ancak aynı zamanda bir pro sürüm.
WPL eklentisi eklentisi hakkında Emlak WordPress (WPL) mülk listeleri listesi, Divi ile gayrimenkul web sitelerini çalıştırmak isteyen emlakçılar için çok iyi. Arkadaki veritabanı yönetimi güçlü ve esnektir. Ve ön uç işlevselliği Divi Builder ile çok iyi çalışıyor. Özellikle divi üreticileri için yapılmış bir dizi modül ve divi düzeninize özellik listesi özellikleri eklemenizi sağlayan birçok kısa kod seçeneği vardır. Aksiyon eklentilerini görmek için bir divi demo sitesi bile var.
WPL Ayarları İlk Genel Ayarlar, eklentiler için ayarlarımızı ayarlayalım. WordPress kontrol panelinden WPL> ayarlarına gidin. Genel sekmesinden, eklentiyi ihtiyaçlarınıza göre ayarlamak için seçeneklerin bir listesini göreceksiniz. Aşağıdaki seçenekleri güncelleyin: Tema uyumluluk seçeneğini “Etkinleştirilmiş” olarak ayarlayın. Bu çok önemlidir, çünkü eklentinin Divi temasının tasarımını ve işlevselliğini devralmasına yardımcı olacaktır. Bu ferahlatıcı bir özelliktir, çünkü çoğu eklenti özellikle Divi için bu özelliğe sahip değildir. Ardından, haritanın mülk listenizde görüntülenmesi için Google API tuşunu oluşturun ve girin. Temel para biriminizi ayarlayın. Gelişmiş işaretleyici alt kategorisine gidin ve “etkinleştirilecek” durumu seçin. Bu, sekme simgeni ve Google haritasında görüntülenecek özel rengi verecektir. Ardından renginizi her liste türüne aşağıdaki gibi ayarlayın: Satılık: #3C39E6 Kiralık: #FA7F28 Tatil Kiralama: Varsayılan her tür için özel bir simge de seçebilirsiniz. Kaydet’i tıklamayı unutmayın. Birkaç örnek özelliği almak ve test için çalıştırmak istiyorsanız, altı özelliği uygulamak için “Örnek Ekle” düğmesini tıklayabilirsiniz. Daha fazla mülk almak için üzerine bir kereden fazla tıklayabilirsiniz. Bu, hazırlık sürecine başlamak için iyi bir yoldur.
Galeri, konum, SEO ve bildirim ayarları çoğu için WPL ayarlarının geri kalanı için varsayılan ayarları bırakabilirsiniz. Galeri seçeneği, mülk listenizdeki görüntünün boyutunu nasıl değiştirmek istediğinizi ayarlamak için kullanışlıdır. Konum seçenekleri konum anahtar kelimelerini hazırlamak için kullanışlıdır. SEO seçeneği, kalıcı bağlantı yapınızı ayarlamanıza yardımcı olur. Bildirim seçeneği, e -posta bildirimleri için gönderenin adını ve e -postayı ayarlamanıza olanak tanır. İşiniz bittiğinde, kantinizi eklemeye hazırsınız. Listenizi ekleyin Kantiniz için ayarların altında örnek bir özellik eklemeyi seçerseniz, zaten yapmanız gereken bazı kantiniz var. Listeyi görmek için WPL> Liste Yöneticisi’ne gidebilir ve ayarların nasıl olduğunu görmek için örnek listelerden birini düzenlemek için tıklayabilirsiniz. Başından yeni bir liste eklemek için WPL> bir liste ekleyin. Temel Detay sekmesi altında, Cantel’iniz için geçerli tüm seçenekleri güncelleyin. Aşağıdaki seçenekler gereklidir: Mülkiyet Başlığı (Özellik, sitenizdeki sayfa içeriğinde görüntülendiğinde görüntülenen şey budur) Mülk sayfası başlığı (Bu, söz konusu mülke yönelik tek bir mülk sayfasının başlığıdır)
Emlak Tipi
Liste Türü
Fiyat
Görmek
Yatak odası
Banyo
Kare kayıt
Özellikler ve ekipmanlar listenizi özellik ve ekipman sekmelerindeki herhangi bir özellik ve ekipmanla hazırlamaya devam eder. Adres Haritası Adres Haritası sekmesi altında, kantiniz için konum bilgilerini girebilirsiniz. Bu bilgi, listenizde görüntülenecek ve konumun konumunu Google Haritalar’daki konumunu görüntülemek için harita koordinatları üretecektir.
Çevre Çevre seçeneği, kantiniz için çevre ile ilgili özellikleri göstermenizi sağlar. Resim Galerisi Resim Galerisi sekmesinin altındaki Canteliniz için görüntülemek istediğiniz tüm resimleri yükleyebilirsiniz. Siteniz aracılığıyla listeniz için resimler üretmek için kullanılacaksınız (yani mülk listeleme sayfanız için küçük resim ve tek bir özellik sayfası için kaydırıcı resimler). Görüntü kategorisini bir resim veya kat kat planı olarak bile belirleyebilir ve simgeyi sağa aktarmayı sürükleyerek görüntünün sırasını ayarlayabilirsiniz. Video, Ek ve Uzmanlık Seman aracılığıyla kantinize video ekleme seçeneğiniz de vardır. Video sekmesinin altındaki kod. Ekleme sekmesine ek olarak istediğiniz diğer dosyaları da ekleyebilirsiniz. Uzmanlık sekmesi, listenize özel etiketler ayarlamanıza olanak tanır (yani “üstün”, “popüler teklif”, “açık ev”, “müsadere”. Bu etiket yardımcı olabilir çünkü daha fazla kullanıcı için canaiail Cansail’inizde görüntülemeyi seçebilirsiniz İyi deneyim.
İşte etiketin görüntülemesine bir örnek. ÖNEMLİ: Listenizi yayınlamak için Liste Menüsü sekmesinin üst kısmındaki Mavi Finalize düğmesini tıklamayı unutmayın. Yeterli liste yapıldıktan sonra (en az 6 bunu yapmalıdır), mülk listesi sayfamızı oluşturma zamanı. Eklenti Tasarım Özelliği sayfası sizin için otomatik olarak birkaç sayfa oluşturur. Sayfalardan biri “Özellikler” başlığı vardır ve mülk listenizi görüntülemek için WPL’nin ana sayfasıdır (bu, URL’deki /Özellikler Kalıcıdır). Sayfanın altındaki WordPress kontrol panelinizdeki sayfayı bulun ve ardından sayfayı düzenlemek için tıklayın. Ardından Divi Builder’ı ve ardından Visual Builder’ı kullanmak için tıklayın. İçe Aktarma Listesinin İçe Aktarma Düzeni Düzeni tıklayıp Popup’ta önceden hazırlanan şablon sekmesinin sayfa yerleşimini seçerek gayrimenkul düzeni paketinde yer alan listelerin listesinin yerleşim yerleşimini içe aktarın.
Görsel yapımcıdan, başlıktaki arama çubuğunu silin. Daha sonra başlığın altından, üç sütundaki tüm modülleri silin. Ardından satır sütununun yapısını bir sütuna güncelleyin. Ardından metin modülünü satıra ekleyin ve ihtiyacınız olmayan düzende aşağıdaki diğer tüm parçaları silin. Bu eklenti, Divi arka uç üreticisi ile iyi çalışmak için tasarlanmıştır, böylece düzene kısa kodlar eklemek için kullanacağız. Ayarlarınızı kaydedin ve bir arka uç üreticisini kullanarak sayfayı düzenlemek için tıklayın. Ardından yeni eklediğiniz metin modülünü düzenlemek için tıklayın. İçerik Ayarları Modülü Metin Modülünün düzenleyicisine kısa bir kod listesi ekleyin, WPL Kısaylık Kodu Jeneratörü simgesini seçin, ardından seçeneği varsayılan olarak bırakın (3 sütundaki tüm özellikleri içermelidir) ve Ekle düğmesini tıklayın. Bu, üretilen kısa kodun görüntülenmesidir:
Metin Modülü Ayarlarını Güncelle Bu noktada bir görsel üreticiyi uygulayabilir ve kısa kodunuzu içeren metin modülüne bazı ayarlamalar yapabilirsiniz. Bu, mülkünüzün canitum metninin görüntüsünü ayarlamanın iyi bir yoludur. Metin boyutu: 26px; Not: Tema ayarında varsayılan tema yazı tipinizi eklenti kullanmak istediğiniz her şeye ayarlamanız gerekebilir. Bu işlemi basitleştirebilir. Cep telefonunda daha iyi görünmesi için metin modülünüzü içeren satırdaki bazı ayarlamalar için geçerli satır ayarlarını güncelleyin. Satır Ayarları Tasarım sekmesi altında değiştirdim. Özel dolgu: 15px üst,% 2 sağ, 60px dip,% 2 sol dolgu Özel Sütun: Varsayılan Gölge Kutusu: Hayır
Şimdi ayarlarınızı ve sayfalarınızı kaydedin ve sayfanın doğrudan sürümünü görün.Not: Özellikler sayfasını WordPress varsayılanının ilk sayfası olarak ayarlamayın çünkü bu, eklenti ile ilgili sorunlara neden olacaktır. Bunu bir veranda olarak istiyorsanız, aynı işlemi sayfada “/ mülk” dışında kalıcı bir bağlantı ile yapmalısınız. Şimdi bir özelliği her tıkladığınızda görünen tek bir özellik sayfasına bakın. İçeriğinizin nasıl görüntülendiğini kontrol etmek için etkinlik yöneticisini kullanın Gelişmiş WPL özelliklerinden biri, içeriğinizin istendiği gibi görüntülenmesi için küçük ayrıntıları ayarlama yeteneğidir. Bu ayarlamayı yapma şekliniz etkinlik yöneticisi boyunca etkinlikler yapmaktır. İşte bir örnek. Diyelim ki mülkiyet kantininizde gösterilen küçük resim Cantaail galerisini ayarlamak istediğinizi varsayalım. Bunu yapmak için, önce Listing_Gallery etkinliğini sayfanın sağ üst kısmındaki açılır menüden seçmeniz ve ardından listeye eklemek için artı simgesini tıklamanız gerekir. Aşağıdakilerle etkinlik konumunu girin: wpl_property_listing_image Bu, eklentiye bunu kullanmasını söyler. Ayarlar Özellikle içerik konum listesindeki içerik konumunda görüntüyü güncellemek için ayarlar. Ardından, içeriğin ne veya nasıl görüntülendiğini ayarlamak için diğer seçenekleri güncelleyebilirsiniz. Örneğin, küçük resimlerde etiketleri görüntülemeyi seçeceğiniz yer burasıdır. Ayrıca, tek özellik listeleme sayfanızda nasıl görüntüleneceğinizi ayarlamanız gerektiğini de bulabilirsiniz. Bunu yapmak için Listing_Gallery etkinliğini PSHOW_GALERY konumuyla ayarlamanız gerekir. Ardından, görüntünün boyutlarını ihtiyaçlarınıza uygun olarak güncelleyebilirsiniz. Öğrendiğim hilelerden biri, görüntünün genişliğini ayarlamak ama görüntünün yüksekliğini değil. Bu şekilde resim eğik değil. Ana sayfa eklentinize bir arama widget ekleyin WPL, Divi Builder’ı kullanarak herhangi bir sayfaya içerik/eklenti işlevleri eklemek için kullanılabilecek bir widget’a sahiptir.Kullanabileceğiniz widget’lardan birine WPL Arama Widget’ı denir.Bu, ana sayfanızda özel bir arama çubuğu oluşturmanıza olanak tanır.Görünüm> widget’lara gidin ve WPL araması WPL gizli widget alanına sürükleyin.Ardından Görünüm düğmesini tıklayın. Açılır yapılandırma yapılandırma alanında, Adres Haritası sekmesini seçin ve konumun konumunu açılır pencerenin altından sürükleyin.Metin Alanı seçeneğinde açılır listeden Konum Metin Arama seçeneğini devam ettirin.Ardından, “Şehre Göre Arama” metnine sahip olmak için yer yer tutucusunu güncelleyin. Bu, arama girişi alanına yazdığınızda dinamik arama seçeneklerini çekecek giriş metni metniyle basit bir arama çubuğu oluşturur. Widget’ı Ev Düzenine Ekleyin Şimdi Emlak Ana Sayfanızın Düzenine sahip sayfayı açın ve Divi Builder’ı kullanarak düzeni düzenleyin. Bir arama widget’ı yerleştirmek istediğiniz parçayı bulun ve 400 piksel özel bir çizgi ekleyin. Bu, arama çubuğunun sayfanın tam genişliğine ulaşmamasını sağlayacaktır. Ardından satıra yeni bir modül eklemek için tıklayın. İşte işler ilginç hale geliyor. Divi modül listesinde 8 WPL modülü olduğunu göreceksiniz! Not: WPL için ayarlanan modüller tam olarak çalışmayabilir (özellikle görsel oluşturucuda) veya istediğiniz tüm tasarım seçeneklerine sahip olabilir, ancak en azından bu, sayfanıza bir widget ve kısa kod eklemeyi kolaylaştırır. Hattınıza eklemek için WPL Arama Widget modülünü seçin. Ardından, düzenleyici sermayede, açılır pencereden widget’ı seçin ve ayarları kaydedin. Şimdi sayfayı doğrudan kontrol edin.
