Potikar Studio Düzen Paketini kullanarak Sitenize Zamanlama ve Sipariş Etkinlikleri Nasıl Eklenir
Web sitenize etkinlik planlaması eklemek istiyorsanız, bu sizin için bir öğreticidir. Modern etkinlik takvimi eklentisi, güzel bir divi düzeni ile birleştiğinde, hem tasarım hem de işlevsellikte etkili bir kombinasyondur. Bu öğreticide, Divi Potikar stüdyosunun düzenine nasıl zamanlama ve sipariş etkinlikleri ekleyeceğinizi göstereceğim. Size nasıl yeni etkinlikler ekleyeceğinizi göstereceğim ve ayrıca web sitenizdeki etkinlik takvimini düşünebileceğiniz herhangi bir şekilde görüntülemek için özel bir kısa kod oluşturacağım. İşte tartışacağımın kısa bir açıklaması:
Modern Etkinlik Takvimi Eklentisi Ayarları Nasıl Yapılandırılır.
Yeni bir etkinlik nasıl yapılır.
Etkinlik sayfanıza bir sipariş formu, ödeme ağ geçidi ve e -posta bildirimi ekleyecek şekilde sipariş işlevselliği nasıl etkinleştirilir.
Etkinlik takviminizi farklı bir şekilde görüntülemek için özel bir kısa kod nasıl yapılır.
Etkinlik sayfanızı Divi’nizin düzenine uyacak şekilde nasıl düzenleyebilirsiniz.
Başlayalım! Aşağıdaki Sneak Peek, yapacağımız etkinlik sayfasının bir görüntüsüdür.
Divi teması (yüklü ve etkin).
Paket Potikar Studio. Aslında sadece Pottery Studio sınıfları sayfa düzenini kullanacağım.
Modern Etkinlik Takvimi Eklentisi (Yüklü ve Etkin)
Modern Etkinlik Takvim Ayarları Başlamak için, etkinliğimizi planlamak ve sipariş etmek için istediğimiz işlevselliği elde etmek için ihtiyacımız olan ayarları gözden geçireceğim. Etkinlikleri planlarken veya sipariş ederken kullanıcının deneyimini mükemmelleştirmeye çalıştığınızda gerçekten güçlendirici birçok seçenek vardır.
Bu genel seçeneğin varsayılana gitmesine izin vereceğim çünkü bu gerçekten çoğu insan tarafından ihtiyaç duyulacağını umduğum için sağlam bir düzenleme. SEO amaçları için, kendi arşiv sayfanızın başlığını eklemek isteyebilirsiniz. Salyangoz/geçirgen bağlantıların da bu ayarı değiştirmesine gerek yoktur. Ancak, siteniz için yalnızca bir sınıf olacak bir etkinlik sunarsanız, ana çamurunu etkinlik yerine bir “sınıfa” dönüştürebilirsiniz. Bu şekilde etkinlik sayfanızın URL’si böyle okunacak … www.website.com/classes/pottery101/. Etkinlik/Tek Etkinlik Sayfasının Detayları Tek Etkinlik Stilini Modern Bir Tarza Değiştirin. Düzen tasarımını tercih ederim. Para Birimi Seçenekleri Burada $ işaret ekleyin. Google Haritalar Seçenekleri Etkinlik konumunuzun Google haritasını görüntülemek istiyorsanız, etkinlik sayfasında Google Haritalar görüntüleme seçeneğini işaretleyin. Ardından yangın anahtarını girin. Zoom seviyesini yol seviyesine yaklaşık 14’e yakın yerleştireceğim. Google Haritalar Stil seçeneği de iyi bir dokunuş, ancak şimdilik varsayılan stili bırakıyorum. Google Recaptcha seçeneği Bir sipariş formuna ihtiyacınız olduğu için, kendinizi bot spamından savunmak istiyorsanız etkinleştirebilirsiniz. Dışa Aktar Modül seçeneği Google takviminin ve ical seçeneğinin seçilmesine izin verin, böylece kullanıcıların bu etkinliği etkinlik sayfasında kişisel takvimlerine ekleme seçeneği olacak. Yerel saat modülü, etkinlik süresini yerel saat ziyaretçilerine dayalı olarak görüntüleme seçeneğini seçeceğim Etkinlik sayfası. Bu daha iyi bir kullanıcı deneyimi ve zaman dilimleri ekleme ve ziyaretçileri kafa karıştırıcı konusunda endişelenmem gerekmiyor. QR kod modülüm QR kodunu kullanmaz, ancak bu iyi bir özelliktir. QR kodu, etkinliği sipariş ettikten sonra etkinlik ayrıntılarında ve kullanıcı tarafından elde edilen faturada görüntülenecektir. Hava Durumu Modülü Buradaki Hava Modülünü Etkinlik için hava koşullarını göstermek için etkinlik sayfasına ekleyebilirsiniz. Darksky.net’e kaydolmanız ve bir yangın anahtarı almanız gerekir.
Geriye doğru hesaplama seçenekleri Zaman sayma süresi için arka planı seçin. Etkinlik sayfasında iyi görünüyor. Sosyal ağım, etkinlik sayfasında görünecek şekilde tüm sosyal ağları aktif tutacaktır. Sonraki Etkinlik Modülü Yaklaşan etkinliği bir etkinlik sayfasında görüntülemek istiyorsanız, etkinlik sayfasında bir sonraki olay modülünü görüntülemeyi kontrol edin. Ön uç etkinliğinin sunulması Bu öğretici için, kullanıcıların kendi etkinliklerini göndermelerine izin vermeyeceğim. Ancak bu, kullanıcı tarafından eklenen etkinlikten ve kullanıcı tarafından eklenmesini ve düzenlenmesini istediğiniz sayfadan bir olay listesini görüntülemek istediğiniz sayfayı seçeceksiniz.
Bu ön uç etkinliğinin sunulması, kullanıcıların kendi etkinliklerini ayarlamaları için kullanılabilir seçenektir. Bu öğretici için alakasız. Bu seçeneği etkinleştirmek olağanüstü günler, yeni bir etkinlik eklerken etkinliğin tarihi için belirli günleri hariç tutmanıza olanak tanır. Bu rezervasyon bir içe aktarma seçeneğidir. Sipariş modülünü etkinleştirmek için tıklayın. Artık kullanıcı, etkinlik sayfasında bir sipariş formu olan bir etkinliği kaydetme yeteneğine sahip olacaktır. Ayrıca biletlerini bahçedeki etkinliğe ödemelerine izin verir. Ayrıca, daha yumuşak bir kayıt işlemi için otomatik doğrulamaya izin veren tüm seçenekleri seçmenizi öneririm. Kupon etkinleştirir Bu özellik etkinlik sayfasındaki kupon modülünü görüntüleyecek. Şimdi bu seçeneğe gerek yok, ama öğrenmekten mutluluk duyuyor. Vergi ve maliyet modüllerini etkinleştirerek ve buraya ekleyerek yeni bir etkinlik eklerken seçebilirsiniz. BuddyPress Entegrasyonu, BuddyPress kullananlar için harika bir özelliktir. Bu, tüm katılımcılarınızı Etkinlik Ayrıntıları sayfasında görüntülemenize ve ayrıca kullanıcı profilindeki sipariş etkinliklerini göstermenize olanak tanır. MailChimp Entegrasyonu Burada, listenize kullanıcı eklemek için MailChimp’i entegre edebilirsiniz.
Değişiklikleri kaydettiğinizden ve sayfayı yenilediğinizden emin olun.Sipariş işlevini etkinleştirdiğiniz için, Ayarlar menüsünde sipariş formunu okuyan başka bir sekme göreceksiniz.Şimdi ayarlarımızı yapılandırdık, sipariş form ayarlarına geçelim.Sipariş Formunuza Özel Alanı MEC Ayarları sayfasına ekleyin, Sipariş Formu sekmesine tıklayın.Bu, kullanıcıların etkinliği sipariş etmesini sağlayan etkinlik sayfasında görüntülenen bir formdur.Ayarlar sayfasındaki sipariş formuna bu forma özel bir alan ekleyebilirsiniz.Varsayılan olarak sipariş formunuz kullanıcının adını ve e -postasını yakalar.Tüm ihtiyacım olan bu yüzden herhangi bir özel alan eklemeyeceğim. PayPal, WooCommerce ve Stripe dahil 5 ödeme ağ geçidi seçeneğine sahip olmak için MEC ödeme kapısını ekleyin.Ödeme ağ geçidinizi yerel ücrete ayarlama seçeneğiniz bile var. Kullanıcı, ücretli bir etkinlik sipariş etmek için sipariş formunu doldurduktan sonra, ödeme ağ geçidi seçeneğinize göre bu etkinlik için ödeme yapmaları istenir. Formumu bir şeritle entegre edeceğim, tek yapmam gereken şerit seçeneğini seçmek ve gizli bir anahtar eklemek ve yayınlanabilir. Ayrıca yerel ödemeyi de bir seçenek olarak bırakacağım. MEC Ayarları menüsündeki e -posta bildirimini yapılandırın, Bildirim’i tıklatın. Bu, sipariş bildirimleri, doğrulama ve onay dahil tüm e -posta bildirimlerini ayarlayabileceğiniz yerdir. İhtiyaçlarınıza göre ayarlamaktan çekinmeyin. Ayarlarımda otomatik doğrulama seçtiğim için, tescil ettiricim doğrulama e -postası, yalnızca onay e -postası almaz. Bir sonraki düzenleme seçeneğini yapılandırın, Styling Seçeneği sekmesini tıklayın. Bu, etkinlik sayfasının tasarımını divi düzeninizle eşleştirmenin önemli bir parçasıdır. Sitem için Potikar Studio Düzen Paketini kullandığım için, düzenin (turuncu) ana vurgu rengiyle eşleşen bir renk kullanacağım. Aşağıdaki özel renk cildi girin: #fdb467 Tipografi altında, yazı tipi yazı tipi yazı tipi başlığı ve paragraf için Poppins’i seçin.
Yeni etiketler eklemek, WordPress ve Navigasyon Gösterge Tablosunu benim takvim> etiketler için zorluklara dayalı olarak tanımlamak için kullanılan etiketi ekleyin. “Yeni Başlayan” ve Salyangoz “Başlangıç” adlarını ekleyin. Ardından renk verin ve yeni etiket ekleyin. İki etiket daha yapmak için bunu tekrarlayın: orta ve gelişmiş.
Etkinliğinize bir konum ekleyin Etkinliğinize yeni bir konum ekledikten sonra, konumu etkinlik sayfasındaki görüntülemeyi seçebilirsiniz. Google Haritaları otomatik olarak bile görüntüleyebilirsiniz. Yeni bir konum eklemek için bana takvim> konumlara gidin. Adı ve sümüklü böcek girin ve adresi konuma girin (enlem ve boylamı koymak zorunda değilsiniz). Ardından yeni bir konum ekleyin. İşte burada. Bu öğretici için Houston’ı konumum olarak ekleyeceğim. Organizatörü etkinliğinize ekleyin, organizatörü MEC’ye eklediğinizde, bu organizatörü etkinlik sayfasında kolayca görüntüleyebileceksiniz. Yeni bir organizatör eklemek için bana takvim> organizatörlere gidin. Düzenleyici profil sayfasının (varsa) adı, salyangoz, telefon numarası, e -posta, URL’si girin ve orada portre olarak kullanılacak resimleri yükleyin. Ardından yeni bir organizatör ekleyin. Bu öğretici için, Potikar Studio Düzen Sınıfı sayfasında görüntülenen aynı organizatöre ekleyeceğim: Şimdi yeni bir etkinlik eklemek, sunmak istediğiniz etkinliği eklemeye başlama zamanıdır. Bu örnek için, düzen paketinde görüntülenen atölyeler ve sınıflarla ilgili etkinlikler sunacağım. Kullanıcıların belirli seramik sınıflarını planlayabilmeleri için 3 sınıf/etkinlik ekleyeceğim. Ve 3 atölye etkinliği sunacağım. Yeni bir etkinlik eklemek için WordPress kontrol panelinizi açın ve bana takvim> etkinlik ekleyin. Bir kez bir atölye hazırlamak için bir atölye hazırlayın, aşağıdaki adımları izleyin: Başlığı ekleyin. Etkinliğin açıklamasını ekleyin Etkinliği başlatmak ve bitirmek için tarih ve saati ekleyin. Bu, sadece bir gün süren bir zamanlar olduğu için, giriş başlangıç ve bitiş alanında aynı tarihi girin. Atölyeniz için saat başına bir program ekleyebilirsiniz. Bu, etkinliğin günü boyunca neler olacağına genel bir bakış sağlamak için yararlıdır. Açılır giriş kutusundan girdiğiniz etkinliğinizin konumunu seçin.
Açılır giriş kutusundan etkinlik düzenleyicilerinden birini seçin.
Etkinlik için ücret girin. Bu, etkinlik sayfanızın en üstünde görüntülenecektir.Bu etkinlik sayfasındaki rezervasyon formunu etkinleştirmek için etkinliğe bilet eklemeniz gerekir. Bilet ücretleri, bilet ücreti etiketleri ve satın alınabilecek bilet sayısı girin.
Etkinliğiniz için yaptığınız etiketi ekleyin.
Sahip olabileceğiniz kategoriyi ekleyin. Örneğin, istenirse bu kategoriye göre olayı filtreleyebilmeniz için atölye kategorisine girebilirsiniz.
Etkinliğin rengini etkinliğinize ekleyin.
Her şey için bir etiket yapabilirsiniz. Zorluk seviyesini göstermek için üç etiket yaptığım için etiketiniz için zorluk seviyesini seçin.
Etkinlik için üstün bir resim ayarlayın. En iyi sonuçları elde etmek için görüntünüzün tarayıcının tüm genişliğine ulaşacak kadar büyük olduğundan emin olun. 1920×600 büyüklüğü bence ideal. Etkinliğinizin tüm üstün görüntülerini aynı boyutta kaydetmek istersiniz, böylece etkinliğinizi bir listede veya kafes formatında görüntülerken tutarlı görünmesi
Etkinliğinizi kaydedin.
Şimdi etkinlik sayfasının neye benzediğini görelim:
Bu öğretici için toplam üç atölye etkinliği yaptım. Tekrarlanan Haftalık Sınıf Etkinlikleri Hazırlanan Tekrarlanan Haftalık Sınıf Etkinlikleri Hazırlamak için, aşağıdaki farklılıklarla bir kez bir atölye yapmak için yaptığınız adımları izleyin: Olay Tekrarlama seçeneğini etkinleştirin. Ardından sınıfın nasıl tekrarlanmasını istediğinizi seçin. Sınıfımın her Pazartesi tekrarlanmasını istediğim için, tekrarlama seçeneğim için belirli bir iş günü seçtim ve sonra Pazar seçeneğim için Pazartesi günü seçtim. Ayrıca 6 etkinlikten sonra etkinliği seçtim. Bu 6 Pazartesi veya altı haftaya eşittir.
Ayrıca, bir atölye olarak değil, kategoriniz olarak bir sınıf seçmek isteyeceksiniz.
Bu, sınıf etkinliklerinin nihai sonucudur:
Bu öğretici için toplam üç sınıf yaptım. Etkinlik Takviminizi Görüntülemek İçin Özel Bir Kısa Kod Oluşturma Şimdi bir etkinlik sayfası oluşturduktan sonra, tüm etkinliklerimizi görüntülemek için bir sayfa oluşturabiliriz. Neyse ki, MEC etkinliğinizi görüntülemek için birçok seçenek verdi. Şaka yapmıyorum. Kısa kod jeneratörlerini kullanmak istediğiniz çok sayıda etkinlik takvimi görüntüleyebilirsiniz. Bana Takvim> Kısa Kodlar Gezerek Kısa Kod Jeneratörüne erişebilirsiniz. Kısa kod üreticisi, 16 farklı deri arasından seçim yapmanızı sağlar.
Ve her cilt kendi başına stil seçeneğini kullanarak gelir:
Ve filtre seçeneği altında hangi olayları görüntülemek istediğiniz filtreleyebilirsiniz. Ayrıca, kullanıcıların formu kullanarak kendi takvimlerini filtrelemelerine olanak tanıyan takviminizin üstünde görüntülenecek arama formunu etkinleştirmeyi de seçebilirsiniz. Kısa kodunuz tamamlandıktan sonra, kısa kodu yalnızca kısa kod kutusuna kopyalamanız ve ardından sayfanıza koymanız gerekir. Bu öğretici için, takvimimi kaydırıcı ekranında ve minimum olarak görüntülemek için iki özel kısa kod oluşturacağım ızgara ekranı. Kısa Kod Kaydırıcı Ekran Bir vites ekranı oluşturmak için yeni ve güncellenmiş kısa kodlar ekleyin: Cilt: Kaydırıcı Ekran Stili: Tip 3 Kısa kodu kaydedin. Izgara Deri Kısa Kod Kısa kafes kodu oluşturmak için, aşağıdaki yeni kısa kodu ekleyin: Cilt: Ekran Stili Kutusu: Minimum Ekran Arama Formu: Devre dışı Kısa kodu kaydedin. Şimdi iki kısa kodumuzu yaptık. Etkinliğimizi görüntülemek için bir etkinlik sayfası oluşturalım. Etkinlik sayfası için özel bir etkinlik sayfası oluştururken, Pottery Studio sınıfı sayfasının düzenini kullanacağım. Yeni bir sayfa oluşturun, “sınıf ve atölye” başlığını verin ve görsel yapımcı kullanın. Ardından Potter Studio sınıfının düzenini kütüphaneden yükleyin. Tam geniş bir kod modülü ile ilk bölümün altına tam geniş bir bölüm ekleyin. Ardından, içerik sekmesinin altındaki içerik kutusuna daha önce yaptığımız kaydırıcı ekran kısa kodunu ekleyin. Ve sonra tasarım sekmesi altında -20 piksel özel bir marj verin. Ayarları kaydedin. Sürücünün şimdi üst olması için bir sayfa gölgelik olarak işlev gören orijinal üstü kaldırın. İkinci bölümde üç satır var. Metin modülünü ikinci satırda düzenlemek için tıklayın. İçerik kutusunda, kukla metnini silin ve daha önce yapılan kısa kodlu ızgara cilt kodu için kısa bir kod ekleyin. Satırın hemen altındaki satırı çıkarın. Ve sonra parçanın arka planını beyaza değiştirin. Artık atölyenizi ve sınıf etkinliğinizi ve aynı etkinlikten kutunun düzenini içeren bir vardiya var. Kullanıcılar bu etkinliklerden birini tıklayabilir ve etkinlik bilgilerini görebilecekleri ve etkinliğe kaydolabilecekleri tek bir etkinlik sayfasına götürülecektir. Siparişinizi yönetme MEC, tüm siparişlerinizi WordPress kontrol panelinin içinden yönetmenize olanak tanır. Siparişleri manuel olarak bile ekleyebilirsiniz, bu iyi bir özelliktir. Son zihin kaçınılmaz olarak, modern etkinlik takvimi eklentisi tarafından sunulan daha fazlası olduğu için bu öğreticiyi kesmek gibi hissediyorum. Kısa kod üreticileri başka birçok seçenek yapabilir. Size tam takvimin neye benzediğini göstereyim: Ve bu atlıkarınca görünüşü: Ve yalnızca etkinliğinizi görüntülemek için mevcut tüm farklı seçeneklerin yüzeyini bozar. Genel olarak, tüm unsurları yerine getirdikten sonra, etkinlik eklemek ve sergilemek çok kolay bir süreçtir. Ve Divi Builder’a kısa kodlar yerleştirebilmek için ek bonuslarla, web siteniz için güzel bir zamanlama etkinliğine sahip olamamanız için hiçbir neden yoktur. Yorumlarda sizden haber almayı umuyorum. Kızarmış ekmek!
