एक आइज वेलकम टो डब्ली पी अकाडमी इस ट्रैस फॉर्स में यह वीडियो टोटोरियल में हम कस्टम पोस्ट प्रो पेज बिल्डर में उन सारी इनफॉर्मेशन उस सारी इनफॉर्मेशन को इस डिस्प्ले कैसे करवाया जाता है और इस वीडियो पार्ट आएगा जिसमें हम इन ही सारी create की गई post types को custom beta boxes को code के जरीए एक चायर थीम में implement करना भी सीखेंगे तो अगर आप page builder वाले tutorial में interested नहीं है तो आप इसके next part का wait कर सकते हैं या अगर आप बाद में इस वीडियो को देख रहे हैं तो वीडियो की description में अगर next part upload हो चुका है तो उसका link आपको मिल जाएगा तो अगर आप still interested हैं इस topic में और इस वीडियो को या अगर आप सोचल मीडिया पर ये इंट्रो वीडियो देख रहे हैं तो वीडियो की डिस्क्रिप्शन में आपको मुकम्मल टूटोरियल का लिंग मिल जाएगा चलें शुरुआत करते हैं अपने इस amazing tutorial की और channel को subscribe कर लें बेल आइकन प्रेस कर लें ताकि आप इस तरह के amazing video tutorial से लाइलब न रहें चलें शुरुआत करते हैं अपने इस course की इसमें सबसे पहले आपने make sure कर लेना है कि आपके पास plugins में Elementor और Elementor Pro इंस्टॉल्ड और एक्टिवेटिड है वीडियो के आगाज में ही आपको बताया था कि आपको इस वीडियो का बरपूर फायदा उठाने के लिए Elementor Pro की जुरत होगी फ्री सुलूशन्स के फ्री में रहना है तो आपको कोड सीखना होगा जो कि आप लोग सीखना नहीं चाहते तो हम इसी के साथ आगे बढ़ते हैं और यह रिक्वेस्ट पर थी काफी सारे यूजर्स की कि जी एलीमेंटर प्रो पर आप वीडियोस बनाते ही नहीं हैं अन्लेस आपको कोड आता हो आप कोड से चीज़े करें जब आपको कोड ही आता तो फिर तो आपको Elementor और Elementor Pro के वर्ष वीडियो की जुरूत ही नहीं है फिर भी मैं सासाथ जहां पर जदद पड़ेगी आपको explain कर दूँगा कि code के जरीए आप कैसे कर सकते हैं Elementor और Elementor Pro जब आपके पास installed और activated हो हमने install करने है दो मजीद plugins जिसके जर्गे हम custom post types बनाएंगे और custom meta boxes बनाएंगे अब अगर आप इस दुनिया में नए हैं, custom post types की दुनिया में, custom meta boxes की दुनिया में, तो आपको पहले थोड़ा सा overview दे देते हैं कि custom post types और meta boxes होते ही क्या हैं और उन्हें कब इस्तेमाल करना होता है आपने अपने projects के अंदर. custom post types type of post ही है यानि के आप अपने content को मजीद organize करने के लिए new post types बनाते हैं जब आप WordPress by default install करते हैं तो आपके पास यही दो post types होती हैं, एक post और एक pages, जिनमें आप pages में, सजायसी बात आप अपने pages website के create कर रहे होते हैं, और post में आप अपने blog में यह post create कर रहे होते हैं, लेकिन आपको बाद वकात अपने projects में इन दो post types से हटके अपना data organize करने के अब projects आप post की time में तो नहीं करेंगे, वहीं पर तो आपकी blog की post होंगी, या pages में तो नहीं करेंगे, pages के लिए लंबा चोड़ा process करना होगा, कि आप projects का एक parent page बनाएं, फिर हर project के लिए उसका एक child page बनाते जाएं, जो के एक कि आप इस तरह के content को organize करने के लिए एक नई post type register projects के नाम से हम post type register करेंगे और projects की post type में फिर आप जो data आपने दिखाना है जैसे आप post और pages में जब कोई नया page add करने जाते हैं सासाथ practically example भी देख लेते हैं ताकि आपको बेटर अंदाद में समझे जब आप कोई नया page add करने लग रहे होते हैं post के तुरू explain कर देता हूँ अब wordpress में एक नई post करने जाते हैं कि टाइटल के तौर पर फ्रंट एं� उसके इलावा यहाँ पर आप categories चूज कर सकते हैं जो के categories आप यहाँ पर बनाते हैं यह इसकी taxonomies कहलाती हैं उसके बाद tags है यह भी एक taxonomy है यानि के उस data को मज़द organize करने के लिए आपके पास एक structure है wordpress की जानिब से provide किया गया जैसे post है तो blog है तो वो उसमें multiple categories आप बना सकते हैं जो के एक taxonomy है multiple categories में फिर आपना data organize कर लेते हैं यानि के आपके blog पर कोई बंदा आया तो वो आपके blog में अगर आपने कोई category नहीं बनाई बस धडले से post डाली हुई है तो वो find कैसे करेगा अगर उसको अगर किसी specific topic से related data चाहिए आपके website के ऊपर blog post उसने read करनी है तो उसको user की facilitation के लिए और अपनी website की worth बढ़ाने के लिए कहे लें या वेबसाइट की फंक्शनलिटी बढ़ाने के लिए आप क्या करते हैं कि आप कैटेगरीज बनाते हैं टेकनोलोजी सोशल मीडिया एंटरेटेइमेंट सो और फिर आप हर पोस्ट को एक स्पेसिफिक category में उसको assign करते हैं तो frontend पर जब user browse कर रहा होता है तो वो different categories में click करके वहाँ पर different post जो है वो आपकी देख सकता है तो इसी तरह से अब सारे काम आप post टाब में नहीं कर सकते जैसे प्रोजेक्ट भी अगर आप पोस्ट में गाइड कर दें आप चेपियां लगाने वाला काम करें कि आप category बना लें projects की ठीक है उसमें आप post करना शुरू कर दें और frontend पर उस category में से सिर्फ post ले आएं और projects जो है वो उसी एक ही layout में आप दिखाते जाएं यह भी एक non-professional और non-optimized way है तो यहाँ पर यह जो आपको नजर आ रही है कुछ फीर ये इसकी उसके जो है वो information store करती है उस post related फिर आपको मजीद कुछ fields चाहिए होती है जैसे के अगर आप for example आप project की post आई बनाने जा रहे हैं तो उसमें project का title होगा उसकी information होगी लेकिन उसके इलावा तो आपको information add करनी पड़ेगी ना उस जिस company के लिए आपने website बनाई उसका logo हो सकता है या जो project का live आपने link देना है उसके लिए आपको feed चाहिए होगी उसके अलावा project में अगर आपने images add करनी है उस project की उसके लिए एलगा field बनानी पड़ेगी या इसको आप इस तरह से ले जाएं कि आप dynamic review system बनाना चाहें हैं आपकी website के उपर जो reviews आते हैं आप चाहते हैं back end से आप add करें और front end पर वो नहीं display करवाएं तो reviews की सुरत में आपको फिर वो title और content तो चाहिए होगा उसके लिए आपको एक वो review के लिए star के एक field चाहिए होगी जिसने वो review दिया उसका image, उसका name, उसका designation उसके लगावा उसके social media links वो सारी information कैसे add करते हैं वो आपके पास custom meta boxes होते हैं अब एक और चीज़ आपको साथ से यही पर explain कर देता हूँ कि एक custom content types भी होती हैं cct custom post type में और custom content type में difference क्या है difference यह है कि जब आप कोई post type create करते हैं Still उसका जो data है WordPress के database tables में, post का जो table है वही जाता है. सिर्फ क्या होता है कि उसकी post type की एक column में उसकी value change हो जाती है, जिसके थूँ फिर filter होता है data आपने जब retrieve करना होता है. उससे क्या लगता है कि अगर आपने बहुत ज्यादा post type बना ली और उनमें हजारों की तदाद में post भी कर देते हैं तो फिर एक ही table के उपर काफी ज् जो के आपके database की performance decrease करता है, ultimately आपकी website की performance decrease करता है जब आपके पास scenario है, अगर तो simple आपने projects थोड़े बहुत दिखाने हैं, 100, 200 क्या, 1000 भी आप एक दिखा लें, तो कोई मसला नहीं है लेकिन अगर आपने 1000 projects दिखाने हैं, 1000 reviews दिखाने हैं, उसके लिए लेथर post type आपने बनाई, उसके लावा एक और post type बना ली आपने क्लासिफाइड भी बीच में गुसा दिये या इस तरह की और दो तीन पोस्ट टाइप बनाकर जिनमें हजाराव के दिदार में पोस्ट कर दियें तब कस्टम पोस्ट टाइप क्रियेट करना रिकमेंडिड नहीं रह जाता तब क्या होता है कि तब आप custom content type create करते हैं इनमें एक ही major difference है वो यह है कि WordPress के database में भी जो table बनता है वो भी एक separate table बन जाता है आपकी हर custom content type कर लिए उस सुरत में फिर आप आपका जो डाटाबेस है उस पर ज्या परफॉर्मेस उसकी fast रहती है और आपकी website पर भी उसका कोई असर नहीं बढ़ता इवन अगर आप heavy classified website भी wordpress को इस्तेमाल करते हुए बना रहे हैं और आपने जो है वो post साथ एक blog भी heavy run करना है same database के उपर तो आप custom जो classifieds के आपकी post type होंगी उनको उनके लिए आप एक content type बनाएंगे अब content type बनाने के लिए अभी फिलाल वो हमारा topic नहीं है उसके उपर मैं मजीद फिर again एक video tutorial बनाएंगे उसके लिए प्लग इन डिफरेंट यूज होगा और स्ट्रक्चर जो है वह थोड़ा सा डिफरेंट हो जाता है जिसमें उसमें हम पॉइंट इस तरह का यूज करेंगे अभी फिलाल हम कस्टम पोस्ट टाइप्स जो है वह सिंपल CPT UI और ACF के साथ बेस समझानी थी ताकि आपको समझ आ जाए अगर आ जाए तो अच्छी बात ना है तो आप कमेंट में पूछ लीजिएगा फिर और यहां पर आपने सर्च करना है भी ACF मोस्ट पॉपुलर प्लग इन है कि कस्टम मेटा बॉक्स क्रिएट करने के लिए लेकिन यह कंसप्ट थोड़ा सा एसीएफ में अब चेंज हो चुका हुआ ये सिरफ अब custom meta boxes create नहीं करता, ये आपको custom post type create करने की power भी देता है, ये आपको custom text on home इसकी create करने की power भी देता है, तो अब हम देखते हैं कि इसको उन कैसे utilize करेंगे, और साथ ही ये ACF आपके सामने इसको install और activate करें और इसके साथ ही आपको ये plugin भी जरूर नज़र आएगा अब इसी अफ थीम कोड फॉर एडवांस कस्टम फीड्स इसको भी अभी इंस्टॉल और एक्टिवेट कर लेता हूं और बाद में इसका यूजज दिखाता हूँ कि ऐसे लोग जो Elementor और Elementor Pro के साथ नहीं जाना चाह रहे, Frontend पर, Tata वो जो आपने यहाँ पर Custom बनाया है, उसको Display करवाने के लिए, ज्यादा ही freeway में रहना चाते हैं कि आपने ACF के theme code को कैसे इस्तमाल करना है इसको generator इसका मिल जाता है, यह ACF खुद भी generate कर देता है, यह इसमें मेरे ख्याल से ज्यादा options होंगी, क्योंकि यह मेरी नजरों में सिर्फ tutorial के दुरान ही आया है, तो इसको भी साथ देख लेंगे, मैं भी आपके साथ देख लूँगा, मुझे भी नया सीखन उसकी ऑप्शन को एक्सप्लोर कर लेंगे थोड़ा सा अच्छा जी अब आ जाते हैं एसीएफ की इस डैशपोर्ड में अब सबसे पहले हम एक custom post type create करेंगे फिर उसके लिए custom taxonomy create करेंगे दोनों का आपको स��सात relation भी समझ में आ जाएगा कि क्या होता है कि उनको इस्तेमाल किस तरह से क्यों किया जाता है सबसे पहले यहाँ पर main टैब में तो यह आपको custom फील्ड ग्रूप्स क्रिएट करने की बात करेगा आपके लिए फील्ड ग्रूप्स में आप अपने जो कस्टम मेटा बॉक्सिस बना रहे हैं उनको आप organize कर लेते हैं groups में और फिर ताकि अगर आपने multiple post types के लिए multiple information add करने के लिए या custom meta boxes बनाने हैं तो वो आपके पास organize रहते हैं जैसे ACF सिरफ आपको custom आपकी custom post type जो आप बना रहे हैं उसी में custom meta boxes एड़ करने की उप्षिन नहीं देता, बल्कि WordPress की core जो post और pages की टैब में जो content होता है, या even WooCommerce और दूसरी जो plugins के तुरू post types बनती हैं, या WooCommerce की सूरत में products में भी अगर आपने custom fields कल को एड़ करन तो उसके लिए सबसे पहले हम आएंगे शुरुआत क्योंकि post types ही होगी जैसे कि यहाँ पर आपके पास दो default post types वर्पस की मुझूद हैं post और pages अब हमने extend करना है कि हमने अपनी post type add करनी है तो यहाँ पर ACF पहले मैंने सोचा था कि CPT है अब ACF ने ये options दे दिये हुई हैं तो हमें एक extra plugin की जुरत नहीं है यहाँ पर post types और यूजर फ्रेंडली ऑप्शन अवेरेबल हैं तो एक नई पोस्ट टाइप एड करते हैं एड न्यू पर क्लिक करें यहां पर आपने अपनी पोस्ट टाइप के लिए एक लेबल यहां पर देना होता है जिसमें प इसको आपने जो है वो इस line को देखकर follow करते हैं बना lower case letters, underscores and dashes only, max 20 characters. अब project रखती है हमने और उसके बाद यहाँ पर आप select करते हैं कि आप इस post type को taxonomies कौन सी assign करना चाह रहे हैं.
यह आपके पास यहां पर लिस्ट हो जाती है सिलेक्ट करने के लिए यह आपके उस पोस्ट टाइप में डाटा को और गनाइज करने के लिए इस्तेमाल होती है जैसे पोस्ट में आप कैटेगरी बनाते हैं तो आप यहां तो यहां से जैसे अगर आपके post के साथ ही category जो बनी category इसकी text ओर भी बनी हुई है वही आप यहां पर इस्तेमाल करना चाहे हैं लेकिन इससे आपका डाटा मिक्सप हो जाएगा कि अगर आप साथ एक ब्लॉग भी मेंटेन कर रहे हैं तो उसकी सेम कैटेगरी भी आप वहां पर कैटेगरी बनाई हैं और आप उसको इसके साथ भी इस्त अब यहां पर आपने बताना है कि यह hierarchical हो या non hierarchical हो hierarchical और non hierarchical क्या होते है कि posts आपके पास जो है वो non hierarchical example है कि हर post है वो एक अपनी individual post होती है pages आपके पास hierarchy की example है कि parent pages, child pages और उनके child pages जब आपने इस तरह का concept रखना हो कि एक post type ऐसी बनानी हो जिसमें आपने data जो है वो parent-child का concept में maintain करना है तो आप इसको hierarchical को ओन कर दें अदर वर्ज by default के जैसे projects, reviews और इस तरह की आप जो है वो बना रहे हैं data display करवाने के लिए तो वो normally hierarchical नहीं होते, वो non-hierarchical होते हैं आपके पास उसके बाद एक मजीद option है यहाँ पर advanced configuration की अध्वांस कंफिगिरेशन में आपके पास मजीद कंफिगिरेशन आ जाती है जिसको जो है वो आप यहां से एक्सप्लोर कर सकते हैं कि आप इस पोस्ट टाइप को कौन-कौन से सपोर्ट ऐड करना चाहिए जैसे मैं अगर एक जो है वह नहीं पोस्ट ऐड करता हूं तो आप इसमें देखें यह इनफॉर्मेशन ऐड करने के लिए सपोर्ट होती है कुछ टाइटल की फील्ड है और कॉंटेंट की फ कि अब हमें करने की जरूरत नहीं है, custom meta boxes हम इनके साथ बाद में assign करते हैं यहाँ पर आप इसके कोई description दे दें, इसको आप active और deactivate कर सकते हैं labels के values देते हैं, ये सारे labels automatically populate कर देता है, आप इनको बाद में change कर सकते हैं, उसके बाद जी इसकी visibility इसकी visibility manage कर सकते हैं, show in UI show in admin menu, और इसके इलावा जो है वो आप इसको किसी का parent भी बना सकते हैं let's suppose आप इस नई post type को पोस का ही पेरेंट पोस के ही अंदर जो है वो प्रोजेक्ट को बनाना चाह रहे हैं ये आपको देखने को मिलता है जैसे ये देखें, इसके example है अगर हमने Elementor install और activate किया होना तो ये templates एक post type है, लेकिन उसके अंदर मजीद post types भी हैं, देखें अगर आप note करेंगे, तो pop-ups, theme builder, landing pages, kit library, और ये कुछ मजीद post types हैं, child post types आप इन्हें कह सकते हैं, एक parent post type की, एक बन रहा है वह आपने यहां पर देना होता है वह आप कैसे देते हैं कि अगर आप मैं इस टैंपलेट की टैप लिख करूं तो आप देखें कि यह edit.php यह देखें edit.php के बाद post type is equal to elementer आपको इस तरह से यहां से वो URL जो है वो copy करना होगा उस parent page का और उसको यहां पर देना होगा तो यह उसके child बन जाएगी लेकिन अभी हम उसके बाद आप मैन्यू पोजीशन आप इसकी बता सकते हैं कि डैशबोर्ड में मैन्यू की पोजीशन क्या बनें जो आप दिखाना चाहे हैं उसके इलावा आप यहां लेकिन आप यहाँ पर क्लिक करेंगे डेश आइकन क्लास नेम पर तो आपको यहाँ पर वर्डपैस के जो डिफार्ट उसके कोर के साथ आइकन स्टिप होते हैं वह आप यहां से चूज कर सकते हैं कोई भी आइकन इसके आपको क्लास मिल जा� यह इसको इस्तेमाल कर लेते हैं बॉटफॉलियों को आपने यह क्लास कॉपी करनी है और यहां पर दे देनी है ओके बाकी ठीक है अजीद एडजस्ट करने के दूर नहीं ही यूरल्स आप इके यहाँ पर एडजस्ट कर सकते हैं वह यूअरल उसको असाइन होती है प्रोजेक्ट की जो हमने बनाई आप कस्टम पर मलिंग भी इसका बना सकते हैं अगर आप इसको प्रोजेक्ट नहीं करना कहना चाहते, आप इसकी पोस्ट टाइव पर्मलिंक जो है वो रखना चाह रहे हैं पोर्टफोलियो तो आप इस तरह से यह काम भी कर सकते हैं प्रोटफोलियो मैंने कर दिया सॉरी पोर्टफोलियो ओके तो यहां से यह क्या करेगा कि फिर उस अब अधिक चीजों को तभी छेड़ें जब आप वर्डपेस की मुकमल हारारिका और छीजों का पता हो उसके अलावा परमिशन यहां पर इनको भी छेड़ने की जरूरत नहीं है rest api आप इस post type को rest api की wordpress की जो default expose होती है उसमें दिखाना चाते हैं ये नहीं चाते तो इसको disable कर दें बस अब मज़ीद काम हमने नहीं करना इसको हम करते हैं save changes अब आप देखेंगे आपके पास projects की एक नई post type आ गई है अब हमने इस post type के लिए एक taxonomy भी create करनी है जैसे कि post को organize करने के लिए categories मज़ूद हैं हम projects को भी organize करने के लिए इसकी categories बनाना चाह रहे हैं प्���ोजेक्ट की फ्रंट एंड पर भी यूजर आप डिफरेंट प्रोजेक्ट आपके टैब्स में देख सके या आप किसी ड्रॉपडाउन में दिखा दें या आप बटन से लगा दें कि यूजर जो है वह फिल्टर आउट कर सके कि उसको कौन सी कैटेगरी के प्रोजेक्ट जो आपने किया हुए हैं वह उसमें देखने हैं आप जो है वह यहां से एक कस्टम टेक्सोनोमी अब हमें क्रिएट करने पड़ेगी कस्टम टेक्सोनोमी क्रिएट तो हम जो है वो सेम से मसले हो जाएंगे आपको खुद ही नहीं पता लगे कि कौन सा क्या है तो प्लूरल लेबल हमारा इसके पास वही रहेगा कैटेगरी रहेगा ले आप यह प्रोजेक्ट की पोस्ट टाइप नहीं बना रहे आपका कंसेप्ट और है आप जो है वह एक बुक्स की कैटेगरी पर जो वो books की post type बना रहे हैं और इसके अंदर फिर आप taxonomist बनाना चाहे हैं author की और genre की और इस तरह से जैसे मूवीज है, मूवीज में जैनरेज होते हैं, सीजन्स होते हैं, इस तरह की सोवन चीज़े होते हैं, तो आप ये डिपेंड करता है कि आप किस तरह का कस्टम पोस्ट टाइप बनाना चाहें है किस तरह की, और इसके साथ पर आप पर ऑपरेट टेक्सवनोमी� प्रोजेक्ट केटेगरी या पोर्टफोलियो तो हमने सिर्फ स्लग रखा है प्रोजेक्ट ही कहते हैं तो प्रोजेक्ट केटेगर इसको हमने रखना है hierarchical वो ही concept है taxonomies में भी जो hierarchical और non-hierarchical का concept आपको समझ आ जाएगा categories और tags से tags क्या होते हैं simple words होते हैं जिनके कोई parent child नहीं होते जिनको आप post के साथ attach कर देते हैं लेकिन categories में क्या पर प ना सिलेक्ट करने के लिए जो भी आपने बनाई हो और टैप जो है वह डिस्प्ले नहीं होते वह अपने सच एक बोक्स इंपूट आ वहां पर आप टाइप करना शुरू करते हैं और वो टैग अगर आपने पहले से आइड किया हुआ है तो वो पीर हो जाता है नहीं तो अ तो अब जो है वो हमने इसको चुके selectable checkboxes के सूरत में रखना है तो हम इसको hierarchical बनाएंगे उसके बाद जो है इसकी भी मजीद advanced configuration होती है जैसे के sort terms की, default terms की उसके इलवा terms को आपने sort जो है वो ये थोड़ी advanced level की चीज़ें है इनको अभी आप वर्पस के कोड को समझते नहीं है अगर आप कोड को नहीं समझते हैं तो आप जो है वो इनको अभी ना ही शड़ें लेबल हैं लेबल आप देखने आपने अजस्ट करने हैं तो जैसे कि मैन्यू लेबल आपने क्या रखना है और सो वान विशेबिलिटी है उस इसके अलावा पेरेंट चाइड आइटम्स इसको आप अगर ओन कर देंगे तो क्या होगा कि जैसे आपने एक टेक्सोनोमी बना ली प्रोजेक्ट के और उसके आपने parent चाइड रख दिया है जैसे design की एक parent category हो गई और उसके बाद आप उसमें मजीद category बना देते हैं कि design क्या किया है logo और brochures business card यह आप कहे लें कि आपने child categories बना दी हैं वो individual post ब्राउस की जाएगी URL में तो क्या होगा कि पहले आपकी parent जो category है उसका name आएगा design उसके बाद उसकी child category name है वो आएगा आप कहलें let's suppose logo उसके बाद उस post के slug या name जो आ रहा होता है वो आएगा तो उस उर्थ अगर आप यह काम नहीं करना चाहे और क्या करेगा कि जो उसकी पेरेंट कैटेगरी सिलेक्ट होगी अगर उसने मल्टिपल कैटेगरी भी आपने सिलेक्ट की हुए हैं लेकिन उसमें अगर आपने किसी को पेरेंट बनाया हुआ है तो वह अगर वह क्या करेगा कि उसकी अगर पे है तो उसकी इलावा रेस्ट एपियम उसी तरह से आप इसे दिखाना चाहते हैं नहीं इसको मैं नहीं दिखाना चाहता अच्छा इसको अब हम कर देते हैं सेव चेंजेस अब हमें क्या करना होगा कि इस टेक्सोनोमी को और इन जो है वह जो पोस्ट टाइप आ जाएगे जो भी आप क्रिएट करेंगे तो यहां से मैं इस पोस्ट टाइप को दोबारा से एडिट करता हूँ और यहां पर विजिबिलिटी में आए कहां पर थी हमारे पास टेक्सोनोमीज और यहीं पर नीचे अडवांस में चले गए हैं यहां से तो हमने चूज करना है कि यह पोस्ट टाइप के साथ कौन सी टेक्सोनोमी लिंक है तो यहां पर आपको समझ आ जाएगी या आगे उसका जो स्लग बन रहा है उसके साथ यह नजर आ रहा ह एक तो एलिमेंटर लाइब्रेडी को देखिए नेम लोग तकरीबन सेम रखे हैं एलिमेंटर लाइब्रेडी की पोस्ट टाइप के लिए उन्हें कैटेगरी ही रखा हुआ है कैटेगरी वर्ड पस्ट की डिफार्ट भी यही है तो यह हमारे पास जो हमने custom taxonomy बनाई वो project category है तो हम इसको choose कर देते हैं और आप एक से ज्यादा taxonomies किसी post type को assign कर सकते हैं जैसे आपने tags वाला concept भी लेकर आना है या projects में यह आपने categories के अलावा एक और way लेकर आना है इस data को organize करने के लिए तो आप जो है वो बाय कंपनी एक टेक्स वनों भी बना लें कि हर कंपनी को आप एक category type value दे रहे हैं तो उसके बाद वो उसको आप front end पर filter करना चाहें और so on. अभी फिलाल हमें इसकी जुरूता इतना ही काफी है. अब save changes कर देते हैं अब आपके पास यह जो projects की tab नई बननी है इसमें और यहाँ पर जब हम add new पर click करेंगे तो आपके पास अब पहला तो काम यह हुआ कि यह क्लासिक एडिटर लोड हुआ है, मेरे बास गटनबर्ग लोड नहीं हुआ, जो के यह हम इसकी सेटिंग्स में देखते हैं जब आप पोस्ट टाइप क्रिएट करते हैं तो बट बग लोड होता है और यहां से यह देखिए कैटेगरी भी हमारी यहां पर जो है वह बॉक्स बन गया है अब कैटेगरी आपने एड करनी है तो यहां पर यहां से आप कैटेगरी बना सकते हैं जैसे मै कि इसको हम कहा लेते हैं चले चाइड कैटेगरी बनाकर देख लेते हैं लोगों और इसके पेरेंट कैटेगरी होगी डिजाइन और उसके बाद अब कहा लेते हैं ओके अब जो है वह मैं एक मजीद पेरेंट कैटेगरी बनाता हूं इसको कहा लेते हैं डेवेलपमेंट कि मार्केटिंग एसएओ और तो जैसे आप जो है वह बनाना चाहिए आप जो है वह जब मैं प्रोजेक्ट करूंगा तो यहां तो यहाँ पर आ जाएंगे ये select के लिए otherwise आप अपनी यहाँ से category add भी कर सकते हैं उसके इलावा आप जो है वो मैं यहाँ से settings जरा post types में वापिस हूँ ACF की post types में यहां से देखिए एक गटरन बर्ड वाली ओप्शन अगर हमें कहीं मिलती है मैंने quickly जरा इसका issue देखा WordPress से भी ये बाकी लोगों को भी issue था वो issue ये है कि जब आप post types यहां से create करते हैं और जब आप उन post type को जो है वो rest api में display नहीं करवाते तो Gutenberg load नहीं होता weird है थोड़ा लेकिन इसको हमें show in rest api करना पड़ तो आप देखें अब आपके पास Gutenberg आके है थोड़ा सा मसला मसले वाली बात है लेकिन चले और टेक्सोनोमी में भी वापस आते हैं एडिट करते हैं और Rest API और Show in Rest API क्योंकि मुझे category भी नजर नहीं आई Gutenberg में एंड ओके तो अब हमारे पास categories भी आ गई है चलें ठीक है जो कि जो है वह गुटनबर्ग एडिटर जो है वह डिफरेंट तरह से काम करता है रेस्ट एपिए के साथ इसकी होगी इसे तो इसलिए enable करनी पड़ती होगी तो चले यह चीज भी नहीं सीख ली मैंने साथ के gardenberg को इस्तेमाल करने के लिए ACF से create की वी post type के अंदर आपको rest टाइप में रखना पड़ता है यहां पर अब हमारे पास हर चीज लोड हो रही है अब हमने जो हम structure बना रहे हैं इसमें अब हमें एक मजीज चीज की जुरूरत है वो है custom meta boxes तो उसके लिए हम field groups में आएंगे और यहाँ पर एक नया group create करेंगे और इस group को आप name दे लें इसको हम कह लेते हैं गुरुक को आप naming इसे तरह से क्योंकि अगर आप WooCommerce के लिए custom meta boxes बनाना चाह रहे हैं, WooCommerce की products के लिए या किसी और post type के लिए custom meta boxes बनाना चाह रहे हैं, तो आप group में उन्हें organize करें ताकि आपको कल पो edit करने में और manage करने में आसान योग, इसको हम कहा लेते हैं project metadata या project information कहा लें आप तो यहाँ पर एक तो आप fields create करेंगे और उसके इलावा इसकी settings में नीचे आप देख लें ध्यान से आपने यहां से choose करें, अब ACF एक बड़ा powerful plugin है और इसको इस्तेमाल करते हुए आप custom meta boxes, post types के लिए, statuses के लिए, pages के लिए, even users के लिए और forms के लिए, जैसे अगर आप अपनी custom text रॉमी कोई बना रहे हैं और उसमें आपने custom field भी add करनी है, तो आप यह ब आपको असल समझाएगी इसकी documentation से ACF के official website के ऊपर जो इनकी documentation है उसको आपको explore करना होगा even menu item के लिए भी आप जो है वो custom meta box बना सकते हैं इसनी बड़े extensive level पर इसका काम किया जा सकता है अगर आप इस plugin को अच्छे से सीख लें तो आपको अगर आप सि छुटकारा हासिल करने की एक पावर मिल जाती है जैसे menu item की जो मैंने बात की कि आप जो है वो अकसर देखते हैं कि जो menu items होती हैं wordpress की menus में icons लगाने की option आपको मिलती है उसके लिए एक separate plugin करते हैं लोग theme isle का menu icons तो आप इस plugin को इस्तमाल करते हुए आप उस menu item के लिए custom meta boxes यानि कि उसको icon लगाने वाली image upload up अब यसली इस प्लग इन एक्स्ट्रा काम किया हुआ है फोन टासम वगैरह और वह पूरी लाइब्रिएरी वहां पर आपको दिखाता है उसमें से आपको ना चूज कर लेते ह आप उस आइकन को आइकन की इमेजेज जो है उनको प्लोड कर लें वह आपके मेन्यू के साथ दिखा देगा या आपने फोन्ट आफ लेट्स सपोस आपने अपनी प्रॉड़अक के अंदर इंटेगी की वेबसेट के पर फोन्ट आसम की लेबिरेरी वो आप जो है वो इज उसके बाद सिर्फ आपको क्या चाहिए हर मैन्यू आइटम में एक क्लास चाहिए वह आप उसके लिए टेक्स फीड बना लें वहां पर पास देते जाएं तो आपकी फ्रंट एंड पर आप जो है वहां पर सिर्फ वह ऑटोमेटिकली उसके साथ हैड हो जाएंगी आपकी code करके उस value को output कर रहे हैं वहाँ पर आप जो है वो उनको इस्तेमाल कर सकते हैं तो बड़ा extended plugin है इसको आप मजीद explore करें लेकिन अभी हम सिर्फ क्या काम कर रहे हैं कि अगर पोर्ट इसमें आप रूल्स लगा सकते हैं और आप एक से ज्यादा रूल्स लगा सकते हैं कि ये मेटा बॉक्स कहा अपियर हो तो हम कहते हैं कि जी पोस्ट टाइप अगर इक्वल हो या नोट इक्वल हो किसके प्रोजेक्ट के यानि कि प्रोजेक्ट की पोस्ट टाइप के लिए से हम दिखाना चाह रहे हैं एंड भी आप कर सकते हैं यह आप लॉजिक उसके बाद पोजीशन आप इसके कहां रखने चाहें आप यह टाइटल के बाद रखना चाहें या उसके डाटा के बाद रखना चाहें या ये side bar में रखना चाहें कहां आप इस meta box को रखना चाहें उसके बाद label की placement जो है वो top align, left align जिस तरह से आप रखना चाहें order number और वो मज़ीद information अच्छा hide on screen यहां से आप जो है वो choose कर सकते हैं which options, group settings active, ok इसको हमें करने के ज़रूरत नहीं है यह फिर भी display होगा Gutenberg में save changes करते हैं अब हम अपनी fields create करने शुरू करते हैं जैसे कि सबसे पहले एक field जो मुझे समझ में आ रही है इस project के लिए आप उसको कह सकते हैं demo URL या project URL यह उस project को देखने के लिए actual user जैसे आपने कोई website बनाई है उसको project में जिसमें user जो है वो click करके देख भी second के वो project कहाँ पर अगर आप अपने link दे रहे हैं या client website के लिए भी link दे देते हैं ये user जो है वो उसको देख सके तो इसको हम कहा लेते हैं project URL और यह आपने field name यह वही concept है, key basically बनती है तो यह आपने lower case में underscore के साथ जो है वो, underscore और dash is allowed है तो तो, field name project URL, default value आपको यह assign करना चाहिए नहीं, यहां से आप browse भी कर सकते हैं fields, यह button अने, बहुत इंप्रूव कर दिया ACF को इसमें जो है वो इंटरफेस इसका जिसमें सेलिंग पॉइंट अवियोसे भी इनके लिए अच्छा है कि यहां पर यूजर जो है वो ट्रैक करता उसको प्रो में है यह प्रो में इस यहां से गैलरी की फील्ड आईड कर लें बैकएंड पर गैलरी आईड करेंगे तो एलिमेंटर की जो गैलरी का विजिट होता है वो जो कैरोसर्स या गैलरी का जो विजिट है उसमें वो डाइनामिक डाटा यहां से पूल कर सकता है इजीली इसकी इंटेग्रेशन डेट पिकर यह बताना चाहते हैं कि यह प्रोजेक्ट डिलीवर के स्टेट को किया था आपने यहां से आप उसका फॉर्मेट चूस कर लें ओके यह अपने एक और फीड बना ली और कौन सी फीड होनी चाहिए प्रोजेक्ट में आप यह कह सकते हैं इस ने नहीं जिसके लिए आपने यह प्रोजेक्ट बनाया है और आप यहां पर एक इमेज फील्ड ले लें और आप ल तो यह कुछ जो बेसिक फील्ड मेरी समझ में आएगी यह हम नहीं चाहिए इस प्रोजेक्ट में वह हमने एड कर ली आप अपनी मरदी से मज़ीद fields add कर सकते हैं जितनी भी आपको चाहिए उस post type करिए save changes करते हैं अच्छा जी अब हम इसको reload करते हैं तो यह देखें अब आपके पास यहां पर मजीद एक नया बॉक्स आया जिसमें वह तमाम फील्ड जो है वह अपियर हो रही है जैसे यह डेट पिकर है, बिजनेस नेम है, लोगो है और सो और जो भी आपने फीड्स क्रिएट की थी वो यहाँ पर अब डिस्प्लेय हो रही हैं अब यहाँ पर इस project के लिए आप data enter कर सकते हैं और इस post type में data add कर सकते हैं एक dummy project add करते हैं हम कहा देते हैं और टेक्स्ट लिपसम का एड़ कर देते हैं ओके प्रोजेक्ट यूएरल अब मैं इसको अपनी वेबसाइट के यूअर यहीं से दे लोकल इंस्ट्रलेशन है बेसिकली लाइव ए लिए वह डोन मैं कहता हूं जी यह हमने माई वन दो दूसरे को डिलीवर कर दिया था बिजनेस नेम क्या था जी यह हमारे पास था जी डब्डी पी अकैडमी को हमने वेबसेट बना कर दिया क्या बात है ठीक है और यहां पर पर क्या हो गया अनिकोंने जिनको वेबसेट बना कर दी हैं अब ने तो वेबसेट डिजाइन करके दी हैं अच्छा जी अब फीचर्ड इमेज के तौर पर क्या होना चाहिए बेसिकली इसमें हम कहा लेते हैं डेवेलपमेंट टब्ली पी अकैडमिन और पीए पर चाहते हैं और यहां से इसका एक स्क्रीन शॉर्ड ले देते हैं जी या देखता हूं मेरे पास वह एक कोई ग्राफिक बना पड़ा हो यह लेंगे एक मेरे पास एक शुरू बना पड़ा था तो वह लगा देजिए प्रोजेक्ट का थामनेल है अब इस प्रोजेक्ट को हमने कर दिया पब्लिश अब इसको व्यू भी करते हैं तो यह देखें जी आपके पास यह तो आप जो थीम यूज कर रहे हैं वह सिंगल पोस्ट को किस तरह से दिखा रहा है यह आपके पास वह सारा सिस्टम जो आपने जो भी लगाया हुआ है जो थीम लगाया हुआ है अब हमने जो एक ट्रक्चर बना लिया है पोस्ट टाइप बना ली टेक्सोनोमी बना ली और उसके लिए हमने कस्टम मेटा बॉक्स बना लिये अब हमने आ जाना है अपने design point of view की तरफ यानि के जो हमारा next part है इस वीडियो का जिसमें हम Elementor और Elementor Pro को इस्तमाल करते हुए ये सारा data front end पर दिखाना कैसे हमने, कहां पर दिखाना है, कैसे दिखाना है और इन fields की ये जो values back end पर ये जो data पड मैं अगर थीम्स में आता हूं तो हम एक वेबसाइट या डेमो ऐसा इंपोर्ट कर लें जिसमें हमें यह चीजें प्रोजेक्ट की बनी हो ताकि हम उसमें एक्शुली मैं आपको किसी बिजनेस वेबसाइट में उसको इंटेग्रेट करना सिखा दूं इंपोर्ट कर लें ताकि हम इसको एक प्रोफेशनल वे में आपको प्रेजेंटेबल वे में आपको दिखा सकते हैं एक्टिवेट कर लेते हैं ठीक है बुल्ड यूर वेबसेड नाओ Elementor के साथ बना रहे हैं जी हम अच्छा जी बिजनेस एजेंसी की कोई टेंपलर दे तो इसको जो है वह इपन्ट कंटिन्यू करते हैं डिफर्ट कलर कंटिन्यू अब यह हमारे पास बेसिकली एक डेमो जाएगा तो मजीद जो है वो बाकी इसमें आपको मैं इस data को frontend पर जो हमने क्रिएट किया उसको दिखाने एक खुबसूरत अंदाज में दिखा सकूंगा लोग जी क्या बात है बड़ा खुबसूरत ज कर दो चलें जी ये एक कहलें की ये हमारे पास एक website बन गई है ठीक है इसमें आप हर एक section को dynamic कर सकते हैं जैसे के आप जो है वह सर्विसिस की पोस्ट टाइप बना लें और इसको जो है वह यहां पर डिस्प्ले करवा दें फिर आपको क्या होगा कि आपने कोई भी सर्विसिस फीचर में ऐड करनी है तो वह आपको पेज एडिट करके कॉपी पेस नहीं कर इसको भी आप डाइनमिक कर सकते हैं, इसको भी एक डाइनमिक कर सकते हैं, एक लोगों की एक पोस्ट टाइप बना लें, उसमें जो है वो सिर्फ फील्ड ही जो है वो दो रखें, यूअरल की और फीचर्ड इमेज की अब मैं यहाँ पर हम इसको हम कन्वर्ट कर लेते हैं प्रोजेक्ट में बेसिकली यहाँ पर हम प्रोजेक्ट दिखा लेते हैं कुछ इंफोर्मेशन के साथ यहाँ पर थमने लाएगा उस पर यूजर क्लिक करेगा तो उसके लिए सबसे पहले अब जब आपने एक custom design में, एक custom layout में जो आपने post type create की हुई हैं, इनको Elementor Pro को इस्तेमाल करते हुए दिखाना है, उसके लिए आप आएंगे templates में, theme builder में, Elementor Pro का theme builder.
इस theme builder में अब हम build करेंगे एक loop item चुनके हर एक आप structure design करेंगे उस data को दिखाने के लिए और फिर elementary में frontend पर इनका loop grid या loop carousel में आप उस template को दिखा सकते हैं यहाँ से मैं add new पर क्लिक करता हूँ और इस loop को मैं name दे देता हूँ लग करते हैं और सेटिंग में आएं इस लूप को हम नेम दे लेते हैं प्रोजेक्ट ओके इस टेंपलेट को बेसिकली नेम दे देते हैं उसके अलावा यहां पर अब हमने दिखाना क्या है कि एक सिर्फ दिखाते ठीक है और लेकिन हमने यह डाटा पुल कहां से करना है इसके लिए सेटिंग्स में प्रीव्यू सेटिंग्स में और एक दबा यहां से हम चूज कर लेते हैं कि पोस्ट में तो कोई पोस्ट ही मौजूद नहीं है हम प्रोजेक्ट में से डाटा प� तो आपके पास जो है वह यहां से टेक्स का कलर हम जो है वह यह रख देते हैं ब्लैक और ठीक है टाइपोग्राफी जो है वह प्राइमरी रख देते हैं जो इसकी बनी हुई है अब यहाँ पर मजीद जो dynamic data loop के अंदर ही आप कुछ कैसे pull करेंगे यानि के जैसे project delivered on की date या इसकी category हमने display करवाने थी कहीं पर हम इसको category को भी display करवाते हैं कि यह किस category से related project है तो उसके लिए मैं क्या करता हूँ एक तो अब यह एलिमेंटर का अभी प्राणा ही सिस्टम सेक्शन वाला तो इसको मैं जरा मैं कंटेनर में कन्वर्ड कर लूं एलिमेंटर सेटिंग्स और फीचर में आए और जो है वह फ्लेक्स बॉक्स कंटेनर को एक्टिवेट कर देते हैं एक नया भी आ गया है ग्रीड कंटेनर का फ्लेक्स बॉक्स की तरह सीएसस के ग्रीड पेस्ट इसको भी आपने ट्राइव करना हो तो आप कर ली अब हम फ्लेक्स बॉक्स के साथ ही जाते हैं और इसको एक दफ़ा जो है वो पब्लिश कर लूं मैं अब मेरे सामने माइक पड़ा थोड़ा सा स्क्रीन जो उसके है और चोहेदो अब हम इस पेज को रिलोड करना होगा लेकिन एक एलिमेंटर में भी मसला चाल रहा है जैसे इसे डिजाइन करते हुए फिर डिफिकल्टी का सामना करना पड़ता इसको कंवर्ट करते हैं पहले कंटेनर सिस्टम में यहां से इसको खत्म करते हैं और अब जो है वह मैं सिर्फ फॉर द टाइम बींग इसको डिजाइन करते हुए इसकी विड्ड जो है वह कोई कम कर लेता हूं ताकि जो मुझे सही से आईडिया रहे हैं कैसे डिजाइन कर रहे हैं क्योंकि आपके वॉक्स चोटे यानी हैं तो तो दुबारा से वापिस आते हैं और यहाँ पर इसको अब मैं ले जाता हूं कि इसको मजीद एक इमेज को एक कंटेनर के अंदर रखता हूं ओके और यहां से कि एक और कंटेनर एड करता हूं और एक इस टेक्स्ट को भी इस कंटेनर में रखता हूं ताकि पैड़िंग जो है उसके साथ मेंटेन रहे आफ ओके यह कंटेनर जरा उसके अंदर चला गई इसको मैं यहां पर दरव बाहर लेकर हम ओके और यह यह जो हमारे पास यह पेरेंट कंटेनर यह भी बनावा इसके अंदर फर्थ कंटेनर से तो मेरे ख्याल से इसमें रखने की जरूरत नहीं थी हम यहां पर ले आते हैं रखते हैं इस कंटेनर को डिलीट कर देते हैं और यह जो कंटेनर है इसको हम रोग की बजाए कॉलम में रखते हैं और इस main container में जो widget spacing है वो मैं zero कर देता हूँ अब मैंने क्या करना है कि एक जो हमने text on object यानि कि इस project को जो category assign है वो भी किसी तरीके से display करवानी है अब elementor आपको क्या power देता है कि आप elementor का एसीएफ के साथ और कस्टम डेटा के साथ इसकी इंटिग्रेशन एसीएफ के साथ तो खास तो आपको इसीलिए एलिमेंटर प्रो को आपके साथ मैं इस टुटोरियल को बनाने का मकसद भी यही में जो data है वो dynamically pull करने की power मौजूद है जैसे के मैं एक simple heading element लेकर आता हूँ इस container के अंदर तो आप देखेंगे कि यहाँ पर आप text लिख भी सकते हैं अगर आप लिखते नहीं हैं यहाँ पर बाईर क्लिक करें तो आप देखें तक्रीबन हर field जिसमें कोई value input की जा सकती है उसमें एक dynamic tag की option आपको एक button मिलेगा तो यहाँ पर आप इस पर जब क्लिक करेंगे तो यह आपको WordPress की default data से और जो आपने ACF से fields create की हुई हैं, उनका dynamic data pull करने की option देता है. एसी फील्ड चूस करें और यहाँ पर दुबारा स्पेस पर क्लिक करें तो यह पूछेगा कौन सी की किस कहा किस फील्ड का डाटा आपने यहाँ पर डिस्प्ले करवाना है तो मैं यहाँ पर डिलिवर डॉन बिजनेस नेम यह अगर आपने यह data display करवाना है ACF की field से कोई data display करवाना है वो अब हम single post पर ज्यादा आपको समझ आएगा जब हम इसका single structure बना रहे होंगे कि हमने pool करना है जिस taxonomy यानि कि जिस category यह प्रोजेक्ट एक्सिस्ट करता है तो उसके लिए आपके पास आएंगी वर्पस की डिफार्ट ऑप्शन आपके पास होंगा पोस्ट टर्म्स post term में आप select करें कि किस term से आप data लेकर आना चाहें अब confused ना होईगा क्योंकि हमने name same रखती होगा categories categories दोनों के लिए लेकिन top पर ये जो आ रहा है ये wordpress की default आएंगे उसके बाद आप ये जो है secondary ये आपकी जो आपने category आपने इस post type के लिए taxonomy बनाई हुई है उसकी values यहाँ पर यानि कि जो भी उसको assigned है उसकी values यहाँ पर आ जाएगी अगर वो multiple assigned है तो उसका separator जो है वो आप यहाँ से choose कर सकते हैं कि वो separate किस तरह से हो link आप इस पर enable कर सकते हैं कि इस पर जब click करे user तो उस category के archive पर भी चला जाए तो आप इसको disable कर देगे तो सिर्फ दिखाएगा उस पर click नहीं होगा इट सिंपल इस देट अच्छा उसके बाद इसका यहाँ से एशियम एटेग क्या होगा इसको मैं कर देता हूँ span ओके और इसके अब एडवांस में आता हूं और पोजीशनिंग में आता हूं और इसको कर देता हूं एबसोलूट पोजीशन्ड ओके और इसको थोड़ी सी मैं padding assign कर देता हूँ और इसमें इसके style में टेक्स्ट का कलर जो है वह और एडवांस में ही बैगराउंड में आता हूं और इसको एक बैगराउंड कलर असाइन कर देता ब्लैक कलर का और चुके ये heading element है उसमें by default background के option नहीं है तो आप advance में आकर दे सकते हैं इसको एक border radius लगा देता हूँ और layout में ही वापिस आता हूँ और इसकी जो padding जो है वो left right से increase कर देता हूँ let's suppose 15 pixels या अब इसका text छोटा करना है तो 15 ज्यादा हो जाएग और अब जो है वो इसका टेक्स्ट का कलर जो है वो मुझे वाइट करना होगा और फोन का साइस जो है वो कम करना होगा इसको लेट सपोस कहा लेता हूं 14 या आफ ट्वेल्व ओके लाइन हाइट चो है वह वन कर देते हैं अ है कि और अब फोन साइज डिग्रीज करने से चुके इसमें कोई स्टाइलिंग वगैरह थीम से भी इंप्लीमेंट हुई होगी ओके और आइटिंग देट्स इनअफ अब जो है वह इसकी थोड़ी सी पोजीशन मैनेज कर लेते हैं टॉप से जो है वह एंड पिक्जल्स लेफ्ट से जो है वह एंड पिक्जल्स अचुके अब पैड़िंग वगैरह मिली हुई है सेक्शन को इस वजह से तो उसके लिए अगर हम पेरेंट जो कंटेनर है उसकी पैड़िंग में जीरो कर दूं तो भी हमारा काम काफी सारा ठीक हो जाएगा अब इस setting में आता हूँ थोड़ा सा मजीज जो है वो top से इसको top left से इसको spacing दे देता हूँ था कि यह सासे अब इसको जो है वो आपने left right जहां भी align करना है मैंने position absolute की है आप यहाँ पर वैसे भी दिखा सकते हैं यह आपका उसके बाद इसको मैं कर देता हूँ थोड़ा सा इधर होके पब्लिश कर देता हूँ अपडेट कर देता हूँ अच्छा जी यह आपने एक लूप बना लिया जिसमें उस कस्टम पोस्ट टाइप से डाटा आ गया कि यहां पर कौन सा सेक्शन हमने डिसाइड किया था यह वाला इसको मैं पहले टाइटल चेंज कर देता हूं ठीक है कि कंटेनर प्लेट कॉलम वाला कंस्टेक्टिव सेक्शन वाला सिस्टम है तो इसको पर कनवर्ड करने की जरूरत नहीं है इसको मैं डिलीट करता हूं और यहां पर एक इनर सेक्शन एड कर लेते हैं अब इनर सेक्शन हम यह करने देगा कंटेनर के इसको करें कंटेनर इसमें यहां में सेक्शन के अंदर याद अलाजा तो नहीं आएगा मेरे पास तो उसका हाल मैं क्या करता हूं इसको पहले कंवर्ड कर लेता हूं कंटेनर सिस्टम में ओके अ है और आप जो है वह यहां पर मैं एक नया कंटेनर एड कर लेता हूं इसके नीचे यहां पर अब जो अपने लूप मनाया है उसको आप दो तरह से दिखा सकते हैं प्रो एलिमेटर प्रो गैन आपको मैंने बताया था चाहिए होगा लूप ग्रिड और लूप कैरसल अगर आप प्रोजेक्ट को कैरसल में दिखाना चाहें तो आप कैरसल यूज करेंगे अगर आप एक ग् यहां से लूप ग्रीड पर आ जाते हैं या कैरिसल में अब ऑफिस नहीं हमारे पास प्रोजेक्ट जो है जो डाटा एड मैंने किया हुआ वह थोड़ा सा ही है एक ही पोस्ट बेसिकली तो मैं ग्रीड पर यहां तो मजीद फिर जो वो आप obviously अपनी मरजे से data add करेंगे और बनाएंगे तो यहाँ से आप आपने template name choose करना है जो आपने बनाया था इसको मैं कह लेता हूँ क्या name रखा था हमने project यह प्रोजेक्ट की टेंपलेट हमने चूज कर ली कितने कॉलम्स हो और इसके अलावा टेंपलेट चूज करने के बाद आपने यहां पर बताना भी है कि किस सोर्स से डाटा आप लेकर आना चाहते हैं तो वो हमारे पास प्रोजेक्ट है पोस्ट टाइप हमारी प्रोजेक्ट है तो हमारे पास आप देखें ये एक स्ट्रक्चर्ड वो पोस्ट जो है वो आ गई तो अगर आप इसको लेवर्ड में आना हो तो उसके लिए हमें क्या करना होगा दोबारा से टेंपलेट में थींग बिल्डर और एक और काम हमने करना था हमने जो एक width assign की वी थी उसे भी फिलाग तो remove तो करना था ना उसको तो हम भूल ही गए चा जी ये हमारे पास loop item में आते हैं और इसको दबारा से मैं edit करता हूँ इसको हमने close कर दिया था और यहां से एक तो इसकी जो विड्स थी मैंने असाइन की इसे रिमोव कर देता हूँ और इसकी जो पैड़िंग हमने रिमोव की थी इसको दबारा से जो है वो मैं 10 पिक्जर्स ले आता हूँ और इसको एक बॉडर रेडियस ल इसको अपडेट करते हैं और अब जो है वह मैं इसको रिलोड करता हूं तो हमारे तक कि हमारे पास रिलोड करने पहले इसको अपडेट भी तो करना है ना किदर गए वो अपडेट इसको मैं रिलोड करता हूं तो अब जो है वह हमारे प कि यह चाहिए अच्छा ठीक है थोड़ा सा अंदास चेंज हो गया आप जो इसका स्टाइल आप करना चाहिए कॉल यह स्टाइलिंग जब हमने outer को padding दे दी है तो मेरे ख्याल से जो इनर कंटेनर जो उनकी पैड़िंग थोड़ी सी खत्म करें ताकि ये जो एक एक्स्ट्रा गैब बन रहा है काफी सारा वो हमें फील ना हो अडवांस में आते हैं और जो इनर सेक्शन्स होंगे उनको ओवियसली फूल विर्थ रखना है हमने एडवांस में पैड़िं� और ठीक है बिलीब और उसके अलावा इमेज भी जो है इसको भी मैं क्या करता हूं एक बॉर्डर रेडियस ट्रैवल फाइड इसका दे देता हूँ इसको अपडेट करते हैं और अगेन इसको रिलोड करते हैं नवी गेटर जरा मैं बंदी करता हूँ अच्छा जी अब ये देखिये अब हमारे पास project आ गया और एक और काम अब चुके इस प्रोजेक्ट पर क्लिक करवा के भी तो हमने कहीं लेकर जाना है ना यूजर को सर कि वो पता कैसे लगेगा वो इसकी डिटेल देखना चाहा रहा है प्रोजेक्ट की जिसके लिए हमने इतना डाटा बनाया है इसके लिए ह पोस्ट यूएरल को छूस कर लें और यहां से भी इस टाइटल पर क्लिक करें और इसकी लिंक में आप प और अब जो है वह यहां पर ऑफिस लिए जो भी आपके प्रोजेक्ट होंगे वह यहां पर लिस्ट हो जाएंगे उनकी स्टाइलिंग आप कर लें अब हमने next आना है कि बाकी जो हमने custom fields बनाई थी उनकी ACF की उन्हें अब आपने single post के layout जब बना रहे हूँ वहाँ पर आपने कैसे इस्तेमाल करना है single layout आप इस post type का कैसे जो है वो बनाएंगे इसके लिए दबारा से इसको मत प्लोज करता हूं है और यह हमारी वेबसाइट है और टेंपलेट में थीम बिल्डर में वापस आते हैं और यहां पर आप देखें ओके वेबसाइट लोड नहीं हुई थी चलिए देखिए अब हमारे पास प्रोजेक्ट आ गई इन पर क्लिक करेंगे तो यह यहां पर उस लेइट में दिखा रहा है जो थीम ने सिंगल पोस्ट टाइप दिखाने के लिए बनाया था और थीम में बेसिकली जो सिंगल पोस बाकी का भी जो data add किया था उनको इस्तेमाल करना सीखना है इसका एक single layout भी नया बनाना है। उसके लिए single post में, जो के custom post type, post types ही होती हैं, single page के लिए layout आप यहां से बनाते हैं, single post के लिए आप यहां से बनाएंगे, अच्छा जिए अब हम single जो post type है, हमारी project की, उसके लिए एक साइ� एक सेपरेट लेओट बना रहे हैं जो हमने डाटा वहां पर बैक एंड पर ऐ��� किया उसको मैं फ्रंट एंड पर किसी तरीके से दिखाना है अगर आप ऐसा काम करना चाहिए जैसे वह आप देखते हैं कि रिलेटिड पर प्रोजेक्ट के आप वेबसाइट के ऊपर देखते हैं प्रोजेक्ट जो टैब लगी होती हैं उपर टैब पर क्लिक करते हैं उससे related project लोड हो जाते हैं. Elementor में जब आपने ये काम फिर करना है अपनी जो taxonomies बनाने का जो मकसद भी था वो यही है कि आपने elementor का फिर tabs के widget के अंदर इस loop builder को इस्तमाल करना है कैसे दोबारा से pages में वो भी मैं आपको साथ दिखाई दूँ इस home page को edit करते हैं और यहां से अब देखें अब यहां पर क्या करेंगे कि एलिमेंटर का टैप का विजिट इस्तेमाल करें और उससे पहले आप क्या काम करें और एक और काम मैंने आपको करना है नेस्टिड एलिमेंट्स आपने मेक्शॉर करने के आपके नेबर दो ताकि आपको टेंपलेट्स बनाकर न लगानी पड़ें एलिमेंटर के जो पुराना तरीका है टैप्स के अंदर पहले टेंपलेट बनाओ पीछे उसका फिर शॉर्ट कॉड इस्तेमाल करो उससे जान और अब हमने करना है इसे reload अब यहां पर आप क्या करें एलिमेंटर का टैब्स का विजिट इस्तेमाल करें ओके अब आप यहां पर इन टैब्स को वह नेम दे लें जो आपने अपनी categories को basically देने थे categories जो हैं आपके projects की जैसे ताकि user जो है वो filter कर सके design हो गया tab 2 हमारे पास development हो गई टैप 3 हमारे पास मार्केटिंग हो गई अभी तीन ही टैप में रखता हूं इनकी स्टाइलिंग आपने वह खुद से कर लेनी अब देखें कि हर tab पे जब आप click करेंगे तो हर tab पे जब click करके आपके पास यह जो drag widgets यहाँ पर आ रहा है हर एक के लिए separate आ रहा है यह एक नहीं है यहां से आप drag करते जाएंगे और हर टैब में अपना एक grid जो है वो add करते जाएंगे जैसे के इसी grid को मैं उठा कर इस इसके अंदर रख देता हूं तो आपके पास डिजाइन की टैब के अंदर यह कॉन्टेंट इस वक्त मौजूद है जो कि टेंपलेट और इसमें अब हम query को modify करेंगे और इसमें include by term को use करेंगे इस type में design related project basically search करना शुरू करें उस term का दिखा देगा कि यह category design है इस पर select किया तो अब इसमें सिर्फ design से related projects आएंगे चुके अब यह हमारा जो project था जो हमने add की थी post वो design को assigned ही नहीं है उसका फिलाल मैं क्या करता हूँ कि इसको projects की टैब में यह जो project है इसको edit करता हूँ और सारी categories इसको आपको दिखाने के लिए आपने यह काम नहीं करना आपने तो विश्व भाई अ कर दो एप्रेट सेपरिटी रखने ना इसको अपने कर देता हूं ओके तो अभी इसको रिलोड बाद में कर लेंगे अच्छा अब development में आ जाएं देखें फिर आपके पास यहाँ जो है वो काम आ गया तो अब इसी को मैं पेस्ट करता हूं यहां से और सिर्फ मैं चेंज करता जाता हूँ उस मैंने दिखानी थी यहां से मैं कहा दूं कि इस में डिवेलपमेंट से रिलेटिड जो है वो प्रोजेक्ट दिखा दो ओके तो यह डिवेलोबेंट का है इसलिए यहां पर नजर आ रहा है मार्केटिंग में आते हैं और इसको यहां पर फिर से पेस्ट करता और यहाँ पर इसकी query में again जो है वो इसकी term मैं change कर देता हूँ इसको मैं कहा देता हूँ कि बई यहाँ पर कि यह टेगरी मार्केटिंग से प्रोजेक्ट लिखा हूं यह देखिए अब वह देखिए कि वह कॉमा सेपरेट है अच्छा जी अपडेट कर दिया अब हमारे पास यह टैब प्रोजेक्ट भी बन गए एलिमेंटर प्रो को इस्तेमाल करते हैं यह टोटल डाइनमिक है बैक एंड से प्रोजेक्ट ऐड करेंगे और यह वहां पर ऑटोमेटिकली डिस्प्ली हो जहां पर भी आपने दिखाने हैं अब आ जाते हैं सिंगल की तरफ तो सिंगल में मैं सिंपली क्विक्ली वाइंड अप करने के लिए यहां पर जो है वह दो कॉलम्स वाला एक कंटेनर बनाता हूं यह वाला और इस कॉलम की पोजीशन जो है वह चेंज कर दो देता हूं इसके लिए मैं नवी गेटर ऑन करना होगा इधर नवी गेटर इसको इधर ले आती हैं कि अच्छा इस कंटेनर को background color जो है वो मैं white दे देता हूँ या bright color जो भी है और इसको एक border radius दे देते हैं 5 pixels का और इसको इसको भी जो है वह बैक्राउंड वाइट दे देते हैं और ऑडर रेडियस फाइड और इसमें गैप बिट्विंग 20 कर देते हैं और इसको यह जो मेन कंटेनर है इसको मैं टॉप से कुछ मार्चन दे दूँ बॉटम से भी तब के डिफरेंशिट रहे हैं चलीजी चलीजी अब यहां पर हमने डिस्प्ले करवाना है पहले तो प्रोजेक्ट का सिंपली इमेज उसके लिए फीचर्ड इमेज है वह यहां पर लगा दी हमने वाइट डिफार्ट जो उसको आप साइंड फीचर्ड इमेज आ गया थी और यहां पर सेटिंग्स में और प्रीव्यू में इस और इस image को भी थोड़ा सा border radius दे देते हैं ओके अब उसके बाद हमें क्या चाहिए पोस्ट का टैटल इसके नीचे इसको हम एच थ्री कर देते हैं और उसके बाद अब हमें क्या चाहिए यह तो डिफार्ट विजिट्स अवेलेब अब यहां पर हमारा काम शुरू होगा कुछ custom fields का जो आपको मैं यहां पर display करवाने सिखा देता हूं। उसके लिए यहां पर पूरे column को background color देने की बजाय मैं क्या करता हूं। उसके अंदर एक नया कंटेनर लेकर आता हूं और इसको एक बैगरांड कलर जो है वह दे देता हूं अ अब यह आपको दिखाने के लिए कह रहा हूं आप अपना लेव बनाएंगे अपना स्ट्र क्रॉकिट साइंस नहीं है जो मैंने आपको बता दिया कि एलिमेंटर के हर जो विजिट है उसमें डानेमिक डाटा पूल करने की ऑप्शन मौजूद है जैसे यहाँ पर सोशल आइकन ले लें यहाँ पर मैं सोशल आइकन लेकर आता हूं तो जहाँ पर इसकी वैल दिखाना चाहें आप यूजर को तो आप हम बटन के लिए मैड यूज करते हैं कि यूजर जो है वह उसको देख सके इसको मैं फूल विट कर देता हूं क्लिक के बजा के कहा देता हूं इसको मैं कहा लेता हूं व्यू प्रोजेक्ट ठीक है और medium button ले जाते हैं और इसको एक icon लगा देता हूँ link आउट का और आफ्टर कर देते हैं से स्टाइल में आता हूं बॉडर रेडियस पिस बटन को लगा देते हैं फाइव अच्छा अब जो आपने ACF से पीछे field create गी थी के project का link जिस पे आपने दिया था उसका data आपने सिर्फ यह ले रहा है तो यह link का यह जो data का element है जिसके आप जहाँ पर आपने input देना है dynamic tag और जाना है आपके पास प्रोजेक्ट यूअरल की किया आ रही है अब यह आटोमेटिकली जो आपने वहां पर वैल्यू दी यह इसके साथ लिंक है एक और मजीद सिर्फ आप काम हमने करना है लिंक की ऑप्शन्स में आकर इसको न्यू विंडो में अपन करवा देना dynamic tags में आएं, ACF field में आएं, और यहाँ से ACF की field choose कर लें, delivered on, और उसके बाद advanced में आएं, और आप before और after कोई value लगा सकते हैं, before में मैं कहा लेता हूँ, deliver on है, लेकिन उसका label दिखा लेते हैं, कि ये project deliver किया गया था इस date को अब ये जो date return value आ रही है इसका format आप ACF पे ही choose करते हैं इसको मैं publish करता हूँ और अब आपको एक बार दिखाएंगे कि यह जो पॉजिस्ट पर आपको दिखाना है यह प्रोजेक्ट की पोस्ट टाइप के लिए अब मैं आता हूं वापस डैशबोर्ड कहां गया कहीं पूला हुआ है हमारे पास नहीं वापस आते हैं एसीएफ की settings में ACS में आते हैं और यहां से यह जो हमने data बनाए हुए इसमें आप देखें कि यह डिलीवर डॉन की जो आपने फील्ड लगाई है डेट की यह देखें यह डिस्प्ले फॉर्मेट आप यहां से चूज करेंगे कि इसकी रिटर्निंग वैल्यू सोर ओके यह देखिए आपके पास नया फॉरमेट आ गया इसको सेंट्रल लाइन कर देते हैं टेक्स्ट को साइज जो है वह जस्ट कर थोड़ा इतना बड़ा size नहीं चाहिए और ये जो container था ये जो container इसकी padding करता हूँ zero और ये जो container इसकी padding थोड़ी सी increase कर लेता हूँ ओके और अच्छा जी अब हमने वो जो business लोगो लगाना था उसकी वो फीचर्ड इमेज तो नहीं है वो तो एक इमेज फ आपने field type के हिसाफ से widget यूज़ करना है ना, अब पिछे field image वाली है तो text में तो आप उसकी value नहीं लेकर आएंगे, उसके लिए हर element का जो widget है, appropriately आपने देख लेना है कि उसके लिए कौन सा suitable है, जैसे image एक simple है, उसके लिए आप एक image वाला लेकर आएंगे, अ यह पोर्टफोलियो वाला विजिट अगर हम यहां पर यूज करें तो ओके यह तो वह एलिमेंटर ने अपने बनाया हुआ ना जिसमें आप डाट वो रिपीटर आपको चाहिए होगा यह गैलरी है लेट सपोस गैलरी मैंने एसीएफ की गैलरी फीड चूज करने की ऑप्शन है लेकिन पीछे गैलरी की फीड आप क्रिएट तो एलिमेंटर के एसीएफ प्रो से करेंगे न दिखाए देगा वो तो आपके पास नहीं है अभी हमने फ्री वाला वजन यूज़ कर रहे हैं तो आप यहाँ प यह आपको दिखाएगा भी सिर्फ अप्रॉप्रियेट फील्ड वह देखें फील्ड हमने काफी सारी क्रिएट की हैं लेकिन वह इस एलिमेट जो इमेज के एलिमेट में यूज कर रहे हैं तो वह इमेज की ऑप्शन दे रहे हैं इसी फिर इमेज फीड के कोई यूएरल वाली फीड में ले कर जा रहे हैं तो एसीएफ की यूए तो उस सूरत में कौन सा जो है वो image display हो आप कोई भी जो है वो image कि यहां से लगा देंगे यह लगे जाए कि अगर back-end पर image नहीं दिया गया उस post को ठीक है उसके बाद style में आप इसका एक तो size चूज कर लें मैं medium choose कर लेता हूँ और इसका जो width है pixels में दे देते हैं तो ये 150 pixels या 500 pixels ओके और अब जो है वो business name बिजनेस नेम की हमने कोई फील्ड बनाई है, बिजनेस नेम और बिजनेस लोगो, ठीक है, और आप बिजनेस यूरल की फील्ड भी बना सकते हैं, अगर आपने वो भी लिंक करना है, इसको मैं डिव करूँगा बिजनेस नेम भी आ गया, इनको आ पीछे फील्ड बना कर लिंक भी कर सकते हैं, बिजनेस यूअरल के साथ वो क्लिक करें, उधर उसकी बिजनेस वेबसेट पर भी चला जाएं, और सो ये कुछ बेसिक फील् डाइनामिक डाटा पूल करने की ऑप्शन है वहां से आप चूज करेंगे और अप्रेपरेट वैल्यू जहां पर जोनसी वैल्यू जिस एक प्लग इन हमने इंस्टॉल किया था उसका मैं अब इसका सीक्वल बनाऊंगा इसी कोशिश करता हूँ कि इसी वीडियो के बाद नेक वो क्या करता है उसको भी explore करेंगे और meanwhile मैं भी उसको explore थोड़ा सा कर लूँगा और आप लोगों को वो code के जरीए एक child theme बना कर उसमें आपने कैसे लगाना है वो सारी चीज़े भी हम उसमें cover कर लेंगे इंशाला तो उमीद करता हूँ custom post types कैसे बनती हैं, meta boxes कैसे बनती हैं, और फिर उनके साथ, उनकी elementary के साथ, integration कैसे है, कैसे आपने data pull करना है, और फिर भी अगर कोई चीज रह गई हो आपको समझ ना आई हो तो आप वीडियो के डिस्किप्शन में कमेंट कर सकते हैं और इस तरह के मजीद वीडियो टुटोरियल्स के लिए आप हमारा चैनल सब्सक्राइब करें वैल एकन प्रेस रखें ताकि आपको नॉटिफिकेशन मिलते रहें अगेन आपकी खिदमत में इसी तरह के अमेजिक वीडियो टुटोरियस के साथ हाजिर होता रहूंगा तब तक के लिए इजाज़ दीजे अलाफिस