वर्डप्रेससह क्लायंट पोर्टल तयार करा

लेखक: John Stephens
निर्मितीची तारीख: 22 जानेवारी 2021
अद्यतन तारीख: 19 मे 2024
Anonim
कोमो क्रिअर सुआ प्लाटाफॉर्मा डे कर्सोस ऑनलाइन! - ट्यूटोरियल पासो और पासो
व्हिडिओ: कोमो क्रिअर सुआ प्लाटाफॉर्मा डे कर्सोस ऑनलाइन! - ट्यूटोरियल पासो और पासो

सामग्री

वापरकर्त्यांना फोन कॉन्ट्रॅक्टपासून युटिलिटीजपर्यंत लॉगिन आणि दस्तऐवज डाऊनलोड करण्याची किंवा कागदपत्रे पाहण्याची अनुमती मिळते.

जेव्हा डिझाइनर त्यांच्या ग्राहकांसह कार्य करतात, तथापि, प्रत्येक गोष्ट ईमेलच्या गोंधळामध्ये, मॉकअप्स आणि संलग्नकांचे दुवे द्रुतपणे मोडू शकते.

हे वर्डप्रेस ट्यूटोरियल दस्तऐवज, व्हिडिओ आणि रेखांकने संग्रहित करण्यास सक्षम असलेल्या क्लायंट पोर्टलमध्ये वर्डप्रेस (इतर वेब होस्टिंग सेवा उपलब्ध आहेत) कसे वाढवायचे हे दर्शवेल, जेणेकरून क्लायंट त्या सर्व ठिकाणी एकाच ठिकाणी प्रवेश करू शकेल. पोर्टल प्रत्येक ग्राहकास अनन्य आणि संकेतशब्द-संरक्षित दुव्यासह सेवा देईल जे नियमित नेव्हिगेशनमध्ये दिसत नाही.

डेटा संग्रहित करण्यासाठी सानुकूल पोस्ट प्रकार आणि फील्ड वापरली जातील आणि थीम बदलल्यास डेटा गमावू नये म्हणून हे प्लगइनद्वारे जोडले जातील. थीम थोडी सुधारली जाईल.

क्लायंट पोर्टल असणे ग्राहकांना त्यांच्या फायली एकाच ठिकाणी प्रवेश करण्याची सोय देते, जेव्हा जेव्हा त्यांना आवश्यक असेल तेव्हाच क्लाऊड स्टोरेज वापरताना. यात उपलब्ध असणारी विक्री-दर्शविणे यासह व्यवसायाचे फायदे आहेत किंवा सुरुवातीपासूनच कामकाजाच्या दृष्टीक्षेपात स्पष्टपणे स्पष्टपणे वर्णन करुन त्याचा उपयोग केला जाऊ शकतो.


फायली डाउनलोड करा या ट्यूटोरियल साठी.

  • वर्डप्रेसला व्हिज्युअल बिल्डरमध्ये कसे बदलावे

01. वर्डप्रेसची नवीन प्रत स्थापित करा

डेव्हलपमेंट सर्व्हरवर वर्डप्रेसची एक नवीन प्रत स्थापित केली आहे आणि त्वरीत कार्य सुरू करण्यासाठी बॉयलरप्लेट फाउंडेशन देण्यासाठी "अंडरस्ट्रॅप" थीम निवडली गेली आहे. सानुकूल पोस्ट प्रकार यूआय प्लगइन वापरला जाईल जेणेकरून आमचे सानुकूल पोस्ट प्रकार थीमपेक्षा स्वतंत्र असतील.

02. डीफॉल्ट प्लगइन काढा

जर कोणतेही डीफॉल्ट प्लगइन वर्डप्रेसच्या प्रतिसह आले असतील तर ते हटवा. या ट्यूटोरियलसाठी आवश्यक प्लगइन म्हणजे "प्रगत सानुकूल फील्ड्स" आणि "कस्टम पोस्ट प्रकार यूआय". "क्लासिक एडिटर" देखील स्थापित केले गेले आहे.

03. सानुकूल पोस्ट प्रकार जोडा

सानुकूल पोस्ट प्रकार यूआय इंटरफेस वापरुन, "ग्राहक" नावाचा एक नवीन पोस्ट प्रकार जोडा. "पोस्ट प्रकार स्लग" प्रविष्ट करताना, रिक्त स्थानांऐवजी अंडरस्कोर वापरा आणि एकवचनी स्वरूपात लिहा, कारण यामुळे नंतर टेम्पलेट तयार करणे सुलभ होईल. संघर्षाची शक्यता कमी करण्यासाठी उपसर्ग समाविष्ट केला आहे.


04. सानुकूल पोस्ट प्रकार इंटरफेस जोडा / संपादित करा

"ग्राहक" आणि एकवचनी "ग्राहक" असे लेबल असलेले बहुवचन जोडा, कारण हे वर्डप्रेस adminडमिन मेनूमध्ये दिसून येईल. या क्षेत्रात कॅपिटलिझेशन स्वीकारले जाते, जे वर्डप्रेस मेनूला अधिक स्वच्छ करते.

05. सानुकूल पुनर्लेखन स्लग तयार करा

पोस्ट प्रकाराच्या स्लगसाठी उपसर्ग वापरणे म्हणजे पोर्टलमध्ये जोडलेले ग्राहक "/ tu_customer / ઉદાહરણ-कंपनी" सारख्या दुव्यासह तयार केले जातील. हे नीट दिसत नाही आणि हे सुधारण्यासाठी सानुकूल पुनर्लेखन स्लग वापरला जातो. "ग्राहक" वर पुनर्लेखन स्लग सेट करणे सानुकूल पोस्ट प्रकार / ग्राहक / उदाहरण-कंपनी म्हणून दिसू देते.

06. सानुकूल फील्डसाठी समर्थन जोडा


सानुकूल पोस्ट प्रकारासाठी सक्षम केलेला शेवटचा पर्याय "समर्थन> सानुकूल फील्ड" आहे जो पृष्ठाच्या तळाशी आढळतो. हे तपासा आणि नंतर पृष्ठाच्या तळाशी "पोस्ट प्रकार जोडा". हे बदल सबमिट करते आणि पोस्ट प्रकारची नोंदणी करते.

07. सानुकूल फील्ड जोडा

आत्ताच तयार केलेल्या पोस्ट प्रकारासाठी सानुकूल फील्ड जोडण्याची आणि त्या नियुक्त करण्याची आवश्यकता आहे. "ग्राहक पोर्टल" नावाचा फील्ड गट जोडणे ही पहिली पायरी आहे, त्यानंतर जोडा फील्ड बटणासह त्यामध्ये सानुकूल फील्ड जोडणे. प्रथम फील्ड "संक्षिप्त" फील्ड प्रकार "फाइल" म्हणून सेट केले जाईल, जे प्रशासकास या ठिकाणी फाइल अपलोड करण्यास अनुमती देते. रिटर्न व्हॅल्यू "फाईल यूआरएल" वर सेट करा.

08. शेतात सेट करा

जोडले जाणारे पुढील फील्ड म्हणजे "ब्रँड प्रश्नावली." यात ग्राहकाने भरलेल्या गूगल फॉर्मचा दुवा असेल. यासाठी सर्वात योग्य फील्ड प्रकार म्हणजे "यूआरएल". बाह्य सेवेला दुवा साधणार्‍या सर्व फील्डसाठी हीच पद्धत वापरली जाऊ शकते. समाप्त झाल्यावर "स्थान" बॉक्सवर खाली स्क्रोल करा आणि "पोस्ट प्रकार दाखवा तर दर्शवा" = "ग्राहक" असा तर्कशास्त्र वापरा. मग फील्ड ग्रुप प्रकाशित करा.

09. वर्डप्रेस टेम्पलेट फाइल तयार करा

वर्डप्रेसला ग्राहक डॅशबोर्ड कसे प्रदर्शित करावे हे माहित असणे आवश्यक आहे. यासाठी, या विशिष्ट पोस्ट प्रकारासाठी टेम्पलेट फाइल तयार करण्यासाठी वर्डप्रेस टेम्पलेट पदानुक्रम अनुसरण केले जाते. रूट थीम निर्देशिकेत एकल-tu_customer.php नावाची फाईल तयार करा.

10. पूर्ण-रुंदीचा एकल पोस्ट लेआउट तयार करा

सिंगल- tu_customer.php फाईल उघडा आणि get_header आणि get_footer वर्डप्रेस कार्ये जोडा. त्या फंक्शन्स दरम्यान, आपल्या थीमसह कार्य करणारी सामग्री ठेवण्यासाठी एक संपूर्ण-रुंदीचा लेआउट तयार करा.

? php get_header ();?> div id = "single-wrapper"> div id = "सामग्री" tabindex = "- 1"> div> div id = "प्राथमिक"> मुख्य id = "मुख्य"> -! सामग्री -> / मुख्य </ div> / div>! - .RO -> / div>! - # सामग्री -> / div>! - # एकल-रॅपर ->? Php get_footer () ;?>

11. लूप प्रारंभ करा आणि सामग्री तयार करा

मुख्य> घटकामध्ये, _ पोस्टवर कॉल करा आणि माहिती ठेवण्यासाठी कंटेनर घटक तयार करा. लेआउटची कल्पना येण्यासाठी प्लेसहोल्डर माहिती वापरा आणि घटकांची शैली बनवा. कार्ड घटक हेडर, वर्णन आणि दुव्यासह बूटस्ट्रॅप कार्ड असतील.

मुख्य id = "मुख्य">? php असताना (have_posts ()): the_post (); ?> var13 -> div> div> div> सामग्री </ div> div> सामग्री </ div> div> सामग्री / div> / div> / div>? php अंत; // लूपचा शेवट. ?> var13 -> / मुख्य>! - # डोमेन ->

१२. डायनॅमिक मूल्यांमध्ये कॉल करण्यासाठी पीएचपी वापरा

प्रगत सानुकूल फील्ड प्लगइनसह कार्य करणारे "द_फिल्ड" फंक्शन वापरुन, सानुकूल फील्डमधील डायनॅमिक सामग्री ग्राहक टेम्प्लेटमध्ये प्रविष्ट केली जाते. ‘फील्ड_नाव’ हे चरण 3 मध्ये प्रविष्ट केलेले मूल्य आहे.

div> div> h5> संक्षिप्त </ h5> p> हे आपले मूळ संक्षिप्त दस्तऐवज </ p> a href = "? php the_field ('संक्षिप्त');?> var13 ->" लक्ष्य = "काहीही नाही"> उघडा / अ </ div> / div>

13. काही डमी डेटासह चाचणी ग्राहक बनवा

वर्डप्रेस डॅशबोर्डवर प्रवेश करणे, डावीकडील बारमधून एक नवीन ग्राहक जोडला जाऊ शकतो. ग्राहक> नवीन ग्राहक जोडा. पोस्ट दृश्य परिचित असेल, परंतु खाली स्क्रोल केल्याने सर्व नवीन सानुकूल फील्ड दिसून येतील. प्रत्येक गोष्ट योग्य प्रकारे कार्यरत आहे याची खात्री करण्यासाठी काही चाचणी डेटा प्रविष्ट करा.

14. कोणत्याही गहाळ डेटासाठी त्रुटी हाताळा

जर एखादा दस्तऐवज विसरला असेल किंवा तो कागदजत्र उपलब्ध होण्याच्या प्रक्रियेत अगदी लवकर झाला असेल तर जेव्हा बटण कार्य करत नाही तेव्हा ते ग्राहकाला गोंधळात टाकणारे ठरू शकते. मूल्य दर्शविण्यापूर्वी ते अस्तित्त्वात असल्याचे तपासणी जोडणे कार्डचे "गहाळ फील्ड" फरक दर्शविण्याची संधी देते. मूल्य गहाळ झाल्यास कार्डमध्ये "अक्षम" असा वर्ग जोडल्यास अनुपलब्ध कार्डे स्टाईल करण्याची परवानगी मिळेल.

? php if (get_field ('फील्ड_नाव')):?> var13 -> फील्ड_नावात मूल्य असते तेव्हा प्रदर्शित? php: // फील्ड_नाव चुकीचे परत आले?> var13 -> फील्ड अस्तित्वात नसताना प्रदर्शित केले? php endif ; // फील्ड_नाव लॉजिकचा शेवट?> var13 ->

15. इंटरफेस नीटनेटका

आता इंटरफेसची रचना अंतिम झाली आहे, त्यास योग्य रीतीने स्टाईल केले जाऊ शकते. सीएसएस वापरुन, पृष्ठावरील कार्डे आणि रंगांचे स्वरूप सुधारले जाऊ शकते. नेव्हिगेशनसाठी रंग हलका निळ्यामध्ये बदलला गेला आहे, आणि परिचय मजकूर जोडून वापरकर्त्याची दिशा सुधारली गेली.

16. साइटमॅपमधून ते वगळा

सानुकूल पोस्ट प्रकार शोध इंजिन परिणामांमध्ये आढळू नयेत. एसईओ प्लगइनद्वारे किंवा स्वतः मेटा टॅग आणि रोबोट.टक्स्ट वापरुन पोस्ट प्रकार वेबसाइटच्या साइटमॅपमधून वगळणे आवश्यक आहे.

मेटा नाव = "रोबोट्स" सामग्री = "नोइन्डेक्स, नोफोले" /> वापरकर्ता एजंट: * अनुमती रद्द करा: / ग्राहक /

नवीन वेबसाइट डिझाइन करायची आहे? प्रक्रिया अत्यंत सोपी करण्यासाठी एक तल्लख वेबसाइट बिल्डर वापरा.

मनोरंजक
दिवसाचा फॉन्ट: क्विर सॅन्स
वाचा

दिवसाचा फॉन्ट: क्विर सॅन्स

येथे क्रिएटिव्ह ब्लॅक वर, आम्ही टायपोग्राफीचे मोठे चाहते आहोत आणि आम्ही नवीन आणि रोमांचक टाइपफेस - विशेषतः विनामूल्य फॉन्ट्सच्या शोधासाठी सतत आहोत. म्हणूनच, आपल्यास आपल्या नवीनतम डिझाइनसाठी आपल्याला फ...
वेब विकसकांना खरोखर आश्चर्यकारक होण्यासाठी 10 गोष्टी माहित असणे आवश्यक आहे
वाचा

वेब विकसकांना खरोखर आश्चर्यकारक होण्यासाठी 10 गोष्टी माहित असणे आवश्यक आहे

कोड-जनरेटिंग ग्रंट कामगारांपेक्षा विकसक अधिक असणे आवश्यक आहे. आम्ही आमच्या अधिक डिजिटल जीवनाची अपेक्षा करीत आहोत आणि हे त्या मुलांनी तयार केले आहे, जेणेकरून सर्वोत्कृष्ट देवांना काय माहित असणे आवश्यक ...
सिनेमा 4 डी मध्ये कसे शिल्प करावे
वाचा

सिनेमा 4 डी मध्ये कसे शिल्प करावे

जेव्हा एखादे मॉडेल किंवा दृश्याकडे जाताना ज्यात मूर्तिकारनाद्वारे ऑफर केलेल्या परिष्कृत मॉडेलिंगची आवश्यकता असते, तेव्हा अनेक थ्रीडी कलाकार असे समजू शकतात की हे समर्पित शिल्पकला अनुप्रयोगात सर्वोत्कृष...