İçerik
- 01. Yeni bir WordPress kopyası yükleyin
- 02. Varsayılan eklentileri kaldırın
- 03. Özel bir gönderi türü ekleyin
- 04. Özel yazı tipi ekleme / düzenleme arayüzü
- 05. Özel bir yeniden yazma bilgisi oluşturun
- 06. Özel alanlar için destek ekleyin
- 07. Özel alanlar ekleyin
- 08. Alanları ayarlayın
- 09. WordPress şablon dosyasını oluşturun
- 10. Tam genişlikte tek bir gönderi düzeni oluşturun
- 11. Döngüyü başlatın ve içeriği oluşturun
- 12. Dinamik değerleri çağırmak için PHP'yi kullanın
- 13. Bazı sahte verilerle bir test müşterisi olun
- 14. Eksik veriler için hataları işleyin
- 15. Arayüzü düzenleyin
- 16. Site haritasından hariç tutun
Kullanıcıların oturum açmalarına ve belgeleri indirmelerine veya görüntülemelerine olanak tanıyan bir alana sahip olmak, telefon sözleşmelerinden yardımcı programlara kadar tüketiciler tarafından beklenen bir hale gelmiştir.
Bununla birlikte, tasarımcılar müşterileriyle çalışırken, her şey hızla bir e-posta karmaşasına, modellere ve eklere bağlantılara bölünebilir.
Bu WordPress öğreticisi, WordPress'in (diğer web barındırma hizmetleri mevcuttur) belgeleri, videoları ve çizimleri depolayabilen bir müşteri portalına nasıl genişletileceğini gösterecek, böylece bir müşteri hepsine tek bir yerden erişebilir. Portal, her müşteriye normal gezinmede görünmeyen benzersiz ve şifre korumalı bir bağlantı sunacak.
Verileri depolamak için özel gönderi türleri ve alanları kullanılacak ve tema değiştiğinde veri kaybını önlemek için bunlar eklentiler aracılığıyla eklenecektir. Tema biraz değiştirilecek.
Bir müşteri portalına sahip olmak, müşterilere, tıpkı bulut depolamasını kullanırken olduğu gibi, ihtiyaç duydukları her an dosyalarına aynı yerden erişme kolaylığı sağlar. Mevcut ek satışları gösterme gibi bir dizi ticari avantajı vardır veya teslimatları görsel olarak özetleyerek iş sürecine baştan genel bir bakış sağlamak için kullanılabilir.
Dosyaları indirin bu eğitim için.
- WordPress'i görsel bir oluşturucuya dönüştürme
01. Yeni bir WordPress kopyası yükleyin
WordPress'in yeni bir kopyası geliştirme sunucusuna yüklenir ve çalışmaya hızlı bir şekilde başlamak için bir standart temel oluşturmak üzere "understrap" teması seçilmiştir. Özel Gönderi Türü Kullanıcı Arabirimi eklentisi kullanılacaktır, böylece özel gönderi türlerimiz temadan bağımsızdır.
02. Varsayılan eklentileri kaldırın
Herhangi bir varsayılan eklenti WordPress kopyasıyla birlikte geldiyse, bunları silin. Bu eğitim için gerekli eklentiler "Gelişmiş Özel Alanlar" ve "Özel Yazı Tipi Kullanıcı Arayüzü" dür. "Klasik Düzenleyici" de kuruldu.
03. Özel bir gönderi türü ekleyin
Özel Gönderi Türü Kullanıcı Arayüzü arayüzünü kullanarak "müşteri" adlı yeni bir gönderi türü ekleyin. "Yazı tipi bilgi" girerken, boşluk yerine alt çizgi kullanın ve daha sonra şablon oluşturmayı kolaylaştıracağından tekil biçimde yazın. Bir çakışma olasılığını azaltmak için tu_ öneki eklenmiştir.
04. Özel yazı tipi ekleme / düzenleme arayüzü
WordPress yönetici menüsünde görüneceği için çoğul olarak etiketlenmiş "müşteriler" ve tekil "müşteri" ekleyin. Bu alanlarda büyük harf kullanımı kabul edilir ve bu da WordPress menüsünü daha düzenli hale getirir.
05. Özel bir yeniden yazma bilgisi oluşturun
Gönderi türü bilgisi için bir önek kullanmak, portala eklenen müşterilerin "/ tu_customer / example-company" gibi görünen bir bağlantıyla oluşturulacağı anlamına gelir. Bu düzenli görünmüyor ve bunu iyileştirmek için özel yeniden yazma sümüklü böcek kullanılıyor. Yeniden yazma bilgisinin "müşteriler" olarak ayarlanması, özel gönderi türünün / müşteriler / örnek-şirket olarak görünmesine izin verir.
06. Özel alanlar için destek ekleyin
Özel gönderi türü için etkinleştirilen son seçenek, sayfanın altına yakın bulunan "Destekler> Özel alan" dır. Bunu işaretleyin ve ardından sayfanın altındaki "gönderi türü ekleyin". Bu, değişiklikleri gönderir ve gönderi türünü kaydeder.
07. Özel alanlar ekleyin
Özel alanların artık yeni oluşturulan gönderi türüne eklenmesi ve atanması gerekiyor. "Müşteri portalı" adlı bir alan grubu eklemek ilk adımdır, ardından alan ekle düğmesiyle buna özel alanlar eklenir. İlk alan "özet", yöneticinin bu konuma bir dosya yüklemesine izin veren alan türü "dosya" olarak ayarlanacaktır. Dönüş değerini "dosya url'si" olarak ayarlayın.
08. Alanları ayarlayın
Eklenecek bir sonraki alan "marka anketi" dir. Bu, müşterinin doldurması gereken bir google formu bağlantısından oluşacaktır. Bunun için en uygun alan türü "URL" dir. Aynı yöntem, harici bir hizmete bağlanacak tüm alanlar için kullanılabilir. Bitirdiğinizde, "konum" kutusuna gidin ve "Gönderi Türü ise Göster" = "Müşteri" mantığını kullanın. Ardından alan grubunu yayınlayın.
09. WordPress şablon dosyasını oluşturun
WordPress'in bir müşteri panosunun nasıl görüntüleneceğini bilmesi gerekir. Bunun için, bu belirli yazı tipi için bir şablon dosyası oluşturmak üzere WordPress şablon hiyerarşisi takip edilir. Kök tema dizininde single-tu_customer.php adlı bir dosya oluşturun.
10. Tam genişlikte tek bir gönderi düzeni oluşturun
Single-tu_customer.php dosyasını açın ve get_header ve get_footer WordPress işlevlerini ekleyin. Bu işlevler arasında, temanızla çalışan içeriği tutmak için tam genişlikte bir düzen oluşturun.
? php get_header ();?> div id = "tek sarmalayıcı"> div id = "içerik" tabindex = "- 1"> div> div id = "birincil"> ana id = "ana"> -! İçerik -> / main> / div> / div>! - .row -> / div>! - #content -> / div>! - # tek sarmalayıcı ->? Php get_footer () ;?>
11. Döngüyü başlatın ve içeriği oluşturun
Main> eleman içinde, the_post'u çağırın ve bilgiyi tutmak için kap elemanlarını oluşturun. Yerleşim hakkında fikir edinmek için yer tutucu bilgilerini kullanın ve öğeleri biçimlendirmeye başlayın. Kart öğeleri, başlık, açıklama ve bağlantı içeren önyükleme kartları olacaktır.
ana id = "ana">? php iken (have_posts ()): the_post (); ?> var13 -> div> div> div> Content / div> div> Content / div> div> Content / div> / div> / div>? php end while; // döngünün sonu. ?> var13 -> / main>! - #main ->
12. Dinamik değerleri çağırmak için PHP'yi kullanın
Gelişmiş özel alanlar eklentisiyle birlikte gelen bir işlev olan "the_field" işlevini kullanarak, özel alanlardan dinamik içerik müşteri şablonuna girilir. "Alan_adı", 3. adımda girilen değerdir.
div> div> h5> Brief / h5> p> Bu sizin orijinal kısa belgenizdir / p> a href = "? php the_field ('brief');?> var13 ->" target = "none"> Aç / a > / div> / div>
13. Bazı sahte verilerle bir test müşterisi olun
WordPress kontrol paneline erişildiğinde, sol taraftaki çubuktan yeni bir müşteri eklenebilir. Müşteriler> Yeni Müşteri Ekle. Gönderi görünümü tanıdık gelecektir, ancak aşağı kaydırmak tüm yeni özel alanları ortaya çıkaracaktır. Her şeyin doğru çalıştığından emin olmak için bazı test verileri girin.
14. Eksik veriler için hataları işleyin
Bir belge unutulursa veya o belgenin mevcut olması için henüz çok erken ise, düğmenin çalışmaması müşteri için kafa karıştırıcı olabilir. Göstermeden önce bir değerin var olup olmadığını kontrol etmek, kartın "eksik alan" varyasyonunu gösterme şansı verir. Değer eksik olduğunda karta bir "devre dışı" sınıfı eklemek, kullanılamayan kartların stilini belirlememizi sağlayacaktır.
? php if (get_field ('alan_adı')):?> var13 -> alan_adı değeri olduğunda görüntülenir? php else: // alan_adı yanlış döndürdü?> var13 -> alan yokken görüntülenir? php endif ; // if field_name mantığının sonu?> var13 ->
15. Arayüzü düzenleyin
Artık arayüzün yapısı tamamlandığına göre, düzgün bir şekilde şekillendirilebilir. CSS kullanılarak sayfadaki kartların ve renklerin görünümü iyileştirilebilir. Gezinme rengi açık maviye değiştirildi ve kullanıcı yönü giriş metni eklenerek iyileştirildi.
16. Site haritasından hariç tutun
Özel gönderi türleri arama motoru sonuçlarında bulunmamalıdır. Gönderi türünün, bir SEO eklentisi aracılığıyla veya manuel olarak bir meta etiket ve robots.txt kullanılarak web sitesinin site haritasından çıkarılması gerekir.
meta name = "robots" content = "noindex, nofollow" /> Kullanıcı aracısı: * İzin verme: / müşteriler /
Yeni bir web sitesi mi tasarlamak istiyorsunuz? Süreci süper basit hale getirmek için harika bir web sitesi oluşturucu kullanın.