Drupal/C2/Modifying-the-Display-of-Content/Hindi

Time	Narration
00:01	Modifying the Display of Content पर स्पोकन ट्यूटोरियल में आपका स्वागत है।
00:06	इस ट्यूटोरियल में हम सीखेंगे Displays Full content display को मैनेज करना और डिस्प्ले Teaser को मैनेज करना
00:16	इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं उपयोग कर रही हूँ उबंटु लिनक्स ऑपरेटिंग सिस्टम Drupal 8 और Firefox वेब ब्राउजर
00:26	आप अपने पसंद का कोई भी वेब ब्राउजर उपयोग कर सकते हैं।
00:31	वेबसाइट को खोलें, जिसे हमने पहले ही बनाया है।
00:35	अब हमारे पास अपना कंटेंट है। देखते हैं कि वास्तव में यह कैसे दिखता है और Drupal इसे पेज में कैसे प्रस्तुत करता है।
00:42	ध्यान दें कि Teaser mode में, हमें Read more. के साथ Title और Body मिलता है।
00:49	जैसे ही हम नीचे स्क्रोल करते हैं, हम यहाँ अपने सभी नये कंटेंट को देख सकते हैं।
00:55	डिफॉल्ट रूप से बने हुए, अंतिम 10 nodes का Drupal आउटपुट देता है, जो कि Homepage पर परिवर्तित हो गए हैं।
01:03	ध्यान दें, यहाँ नीचे कुछ पृष्ठांकन है- पेज 1, 2, 3, Next और Last.
01:12	यदि हम Last पर क्लिक करते हैं, तो हम Title के बाद, Read more के साथ Teaser mode में नोड्स की सूची देखेंगे।
01:20	यह आकर्षक नहीं है।
01:22	Drupal हमें View modes सेट करने की अनुमति देता है
01:27	Structure पर क्लिक करें औऱ फिर Content Types. पर क्लिक करें।
01:31	अब, अपने Events Content type के लिए लेआउट को अपडेट करें।
01:36	ड्रॉपडाउन पर क्लिक करें, फिर Manage display पर क्लिक करें।
01:41	यहाँ ऊपर ध्यान दें, Manage display टैब में, यहाँ Default और Teaser है।
01:48	Default डिफॉल्ट लेआउट है। हम एक Full view लेआउट जोडेंगे।
01:55	फिर Teaser लेआउट है। Teaser पर क्लिक करें।
02:00	Teaser mode में, एकमात्र Event Description दिखाई दे रहा है। और Links, जो कि Read more लिंक है।
02:09	यहाँ, यह दर्शाता है "Trimmed limit: 600 characters".
02:14	हम अपने Event Content type को बेहतर करने हेतु, Teaser mode बनाने के लिए इन चीजों को अपडेट करेंगे।
02:21	आगे बढने से पहले, हमें यह समझने की आवश्यकता है कि Drupal हमें Layouts देता है।
02:28	Structure और Display modes. पर क्लिक करें।
02:32	फिर View modes पर क्लिक करें। देखें कि Form modes भी है।
02:38	यह Form modes डेटा प्रविष्ट करने के लिए layout है।
02:43	यह View modes डेटा को देखने के लिए layout है।
02:48	View modes पर क्लिक करें।
02:51	Content View mode में, हम Full content, RSS, Search index, Search results, Teaser. देखते हैं।
03:02	हम नया Content View mode भी जोड सकते हैं।
03:06	महत्वपूर्ण बात यह है कि- हम केवल Drupal द्वारा दिए गए चीजों में ही सीमित नहीं हैं।
03:12	हमारे पास Blocks, Comments, Taxonomy terms और Users भी हैं।
03:18	हम इनमें से किसी पर भी View modes जोड सकते हैं।
03:22	कृपया इस चीज का नोट बनाएँ। याद रखने के लिए यह महत्वपूर्ण बात है।
03:27	ये इनमें से एक हैं जो उपलब्ध हैं। लेकिन प्रत्येक Content type के लिए सभी सक्षम नहीं है।
03:34	वापस जाएँ और उसे करें।
03:36	Structure पर जाएँ और Content types. पर क्लिक करें।
03:42	Events Content type पर Manage display. पर क्लिक करें।
03:46	फिर से, हम इस पेज पर हैं, जहाँ हमारे पास Default और Teaser है।
03:52	नीचे स्क्रोल करें औऱ CUSTOM DISPLAY SETTINGS पर क्लिक करें।
03:57	Full content को चैक-मार्क करें।
04:00	यह हमें फिल्ड्स कैसे बाहर रखें यह मैनिपुलेट करने की अनुमति देता है, जब हम वास्तव में एक नोड पर कार्य कर रहे हैं।
04:07	Save पर क्लिक करें।
04:09	अब, यहाँ ऊपर, हमारे पास Full content और Teaser है।
04:14	अब, हम सीखेंगे कि इन दोनों View modes को कैसे अपडेट करना है।
04:19	पहले, Full Content View को अपडेट करें।
04:23	हमारे Full Content लेआउट में ये फिल्ड्स हैं और वे इस क्रम में है और LABEL कैसे दिखाई देता है।
04:30	वापस चलें और event पर नजर डालते हैं। DrupalCamp Cincinnati पर क्लिक करें।
04:37	Body ऊपर है।
04:39	Event website, Date, Topics और logo यदि हमारे पास कोई एक है।
04:45	अब, अपने कंटेंट को बेहतर बनाने के लिए इनको क्लीन करें।
04:50	Structure - Content types - Manage display Events और फिर Full Content पर क्लिक करें।
04:58	यहाँ Event Description full mode में है।
05:02	उसे Logo के नीचे ड्रैग करें।
05:05	फिर Logo से LABEL को हाइड करें।
05:09	और इसे Original image से Medium साइज में बदलें।
05:14	यह एक Image style है।
05:17	हम Image styles के बारे में विस्तार में सीखेंगे, जब हम Views में जायेंगे।
05:22	ध्यान दें कि, हम किसी भी Image style में किसी भी साइज के इमैज को बनाने में सक्षम हैं, जो हम चाहते हैं।
05:29	फिर हम इसे कहीं भी उपयोग कर सकते हैं। Update पर क्लिक करें।
05:35	अब हमारा Event Logo बाईं ओर होगा, क्योंकि यह Theme इमैज को बाईं ओर फ्लोट करेगा।
05:43	Body इसके आस पास होगा।
05:45	Event Date से LABEL Inline करें।
05:49	अब Format बदलते हैं।
05:52	दाईं ओर गियर पर क्लिक करें। हम गियर का उपयोग कुछ चीजों को कंफिगर करने के लिए करते हैं।
05:59	हम इसे Default long date में बदलेंगे।
06:03	Update पर क्लिक करें। यह अच्छा है।
06:07	Event Sponsors को Inline करें।
06:10	आप देखेंगे कि आउटपुट linked to the referenced entity है।
06:15	इसका मतलब है कि, यदि Cincinnati User Group DrupalCamp Cincinnati को प्रायोजित करता है, तो वो User Group page से लिंक होगा।
06:24	यह ठीक उसी तरह है जैसा हम चाहते हैं।
06:27	चूंकि Event Topics एक कॉलम में प्रस्तुत है, हम Above चुनेंगे।
06:33	फिर से, यह Referenced entity से लिंक है।
06:37	अब, कृपया ट्यूटोरियल को रोकें और देखें कि आपकी स्क्रीन मेरे स्क्रीन की तरह दिख रही है क्या।
06:43	Save पर क्लिक करें।
06:45	Full View मोड में, अपने एक nodes पर एक नजर डालते हैं।
06:49	Content पर क्लिक करें और फिर यहाँ किसी भी event पर क्लिक करें।
06:54	आपके event और टेक्स्ट के नाम मुझसे बहुत ही अलग होंगे।
06:59	यह इसलिए क्योंकि devel Lorem Ipsum उपयोग करता है।
07:03	यहाँ किसी भी Event पर क्लिक करें।
07:06	आपको अब layout देखना चाहिए जो कुछ इस तरह दिखता है।
07:10	यह बहुत ही अच्छा लग रहा है।
07:12	Event Website Event Date Event Sponsors.
07:18	यहाँ Event Topics में एक छोटी सी समस्या है, लेकिन उसके लिए हम कुछ CSS का उपयोग कर सकते हैं।
07:26	उनका links सही स्थान को इंगित करता है।
07:29	अपने User Group Content type के लिए full display को अपडेट करें।
07:34	Structure, Content types पर क्लिक करें औऱ फिर User Groups में Manage display पर क्लिक करें।
07:42	फिर से, हमें अपने Views को अपडेट करने की जरूरत है।
07:46	नीचे स्क्रोल करें, CUSTOM DISPLAY SETTINGS पर क्लिक करें और Full content चुनें।
07:52	हम अपनी प्राथमिकता के अनुसार इनमें से किसी भी डिस्प्ले को अपडेट कर सकते हैं। Save पर क्लिक करें।
07:59	फिर Full content चुनें। यह उसी के समान है जैसे हमने अपने Events के साथ किया था।
08:06	Group Website को Description और site Inline के ऊपर रखें।
08:12	Group Contact और Email को एक साथ रखें, फिर उसके LABELs को Inline करें।
08:19	मैं Email में Email लिंक नहीं बल्कि Plain text चुनूँगी।
08:24	यह इसलिए क्योंकि, मैं अपने डिफॉल्ट Email प्रोग्राम का उपयोग अब किसी और को email करने के लिए नहीं करती।
08:30	मैं इसे Plain text चुनूँगी।
08:33	Group Experience Level को Above रखें, क्योंकि यह सभी अनुभवों की सूची है।
08:40	अंत में, Events sponsored को Above रखें।
08:45	FORMAT को Label रखें।
08:47	हम Entity ID या Rendered entity भी चुन सकते हैं।
08:52	लेकिन, ऐसा करने पर, हम यहाँ Event pages के पूरे समूह के साथ समाप्त करेंगे।
08:58	मैं इसे Label रखूँगी।
09:01	यहाँ Link to the referenced entity. है।
09:04	इसका उपयोग करके, Cincinnati User Group में DrupalCamp Cincinnati पर जाने के लिए हम लिंक पर क्लिक कर सकते हैं।
09:12	Save पर क्लिक करें, और देखे कि हमने क्या किया है।
09:16	Content पर क्लिक करें और सूची में User Group पर क्लिक करें।
09:22	यहाँ हमारे पास Group website, description, Contact information है। यह devel द्वारा बनाया गया है।
09:31	Contact Email- यह नकली आईडी है जो कि devel द्वारा बनाई गई है।
09:38	महत्वपूर्ण बात यह है कि यह कार्य कर रहा है।
09:41	यहाँ Group Experience Level है। ध्यान दें कि devel ने कुछ डबल सेलेक्ट किया है।
09:48	अभी के लिए हम इसको ऐसे ही छोड़ देंगे।
09:51	अंत में Event sponsored DrupalCamp Cincinnati. है।
09:56	यह लेआउट काफी बेहतर है, जिसे हम किसी भी Display या Layout modules जोड़े बिना प्राप्त कर सकते हैं।
10:03	हमने Full content सफलतापूर्वक किया है।
10:07	अब, अपने Teaser modes को अपडेट करना सीखते हैं। यदि आप इन दोनों पर नजर डालें तो, वे खराब नहीं है।
10:16	लेकिन जैसे ही आप नीचे स्क्रोल करते हैं, हमारा Teaser modes बहुत अच्छा नहीं है।
10:21	हम इसे आसानी से ठीक कर सकते हैं।
10:24	Structure और Content types पर क्लिक करें।
10:28	Events में, Manage display पर क्लिक करें, फिर Teaser पर क्लिक करें।
10:33	Drupal हमें links और Event Description देता है, जो कि body फिल्ड है।
10:39	अब इसके लिए अपना Teaser mode अपडेट करते हैं।
10:43	Event Website को ऊपर ड्रैग करें और Inline चुनें।
10:49	फिर Event Date को ऊपर ड्रैग करें, क्योंकि यह महत्वपूर्ण है।
10:55	फिर, Event Logo ड्रैग करें और इसे ऊपर रखें।
11:00	हम LABEL को हाइड करेंगे औऱ Thumbnail से FORMAT बदलेंगे।
11:05	हम अपनी साइट पर किसी भी इमैज के लिए Image styles बना सकते हैं।
11:10	लेकिन हम इसके बारे में बाद में सीखेंगे।
11:13	Link image को Content में बदलें।
11:17	यह सीधे ही कंटेंट आइटम में link के रूप में logo बनाता है। अब Update पर क्लिक करें।
11:23	हमारे पास logo, website औऱ date है।
11:28	Links को नीचे ड्रैग करें।
11:31	अब, Event Description की कांट-छाँट करते हैं।
11:35	गियर पर क्लिक करें और इसे 400 characters में बदलें।
11:40	Update पर क्लिक करें। फिर ड्रॉप-डाउन पर क्लिक करें और Trimmed ऑप्शन चुनें।
11:47	अब हमारा Teaser mode ऐसा होना चाहिए: Logo बाईं ओर Website, Date और Links के साथ Description दाईं ओऱ
11:58	देखते हैं कि यह अब कैसे दिखता है। Save पर क्लिक करें।
12:03	साइट पर वापस जाएँ।
12:05	आप देखेंगे कि DrupalCamp Cincinnati अपडेट हो गया है।
12:09	हम Date field को बाद में अपडेट करेंगे।
12:12	आप देखेंगे कि Body की छंटनी हो गई है।
12:16	Structure पर क्लिक करें। Content types, Events, Manage display और Teaser पर क्लिक करें।
12:24	Event Date को छोडकर इनमें से अधिकाश ठीक है। Time ago के बजाय, हम Custom चुनेंगे।
12:32	यहाँ ध्यान दें, यहाँ Date Formats के लिए PHP documentation लिंक है।
12:38	अब Date-Time format अपडेट करते हैं।
12:41	सबसे पहले, उन्हे डिलीट करें।
12:44	Lowercase l comma capital F jS comma और capital Y.
12:51	इसका अर्थ है कि day of the week, day of the month,
12:55	और फिर उचित सफिक्स- st nd rd th और चार अंको का वर्ष।
13:04	Update. पर क्लिक करें।
13:06	अब हम यहाँ डेट के preview को देख सकते हैं।
13:09	Save पर क्लिक करें।
13:11	अभी के लिए Event Description को हाइड करें।
13:14	Save पर क्लिक करें।
13:16	अपनी साइट पर एक नजर डालें।
13:19	अब हमारे Event के लिए हमारे Teaser को यहाँ देखा जा सकता है- Title, logo, website और Event Date.
13:28	अब अपने User Groups के लिए Teaser mode को अपडेट करें।
13:32	Structure, Content types पर क्लिक करें और फिर User Groups में Manage display पर क्लिक करें।
13:39	फिर Teaser पर क्लिक करें।
13:42	यह थोडा सा अलग है क्योंकि हमारे पास कोई भी इमैज नहीं है।
13:47	हमारे पास User Group logo हो सकता है।
13:50	User Group Website को ऊपर रखें।
13:53	हम User Group Description प्रदर्शित नहीं करेंगे।
13:57	अब Group Contact email. रखें।
14:00	और Group Website और Contact Email का label Inline करें।
14:06	यहाँ फिर से, मैं FORMAT को Plain text रखूँगी, क्योंकि मैं अपनी डिफॉल्ट email उपयोग नहीं करना चाहती।
14:13	यह बहुत ही सरल Teaser mode. है।
14:16	Save. पर क्लिक करें।
14:18	अपनी साइट पर वापस जाएँ।
14:20	Cincinnati User Group में Read more के साथ Group Website और Contact Email है।
14:27	यही कारण है कि हमने, Full content और Teaser mode दोनों के लिए View modes अपडेट किया है।
14:33	बाद के ट्यूटोरिलय में, हम अपने लैंडिंग पेज पर जायेंगे और अपने कंटेंट को उपयोगी रूप देंगे।
14:41	इसी के साथ हम ट्यूटोरियल के अंत में पहुँच गए हैं। संक्षेप में,
14:46	इस ट्यूटोरियल में हमने सीखा Displays Full content display को मैनेज करना और display Teaser को मैनेज करना
15:11	यह वीडियो Acquia और OS ट्रेनिंग से लिया गया है और स्पोकन ट्यूटोरियल प्रोजेक्ट, आईआईटी बॉम्बे द्वारा संशोधित किया गया है।
15:21	इस लिंक पर उपलब्ध वीडियो, स्पोकन ट्यूटोरियल प्रोजेक्ट को सारांशित करता है। कृपया इसे डाउनलोड करके देखें।
15:28	स्पोकन ट्यूटोरियल प्रोजेक्ट टीम कार्यशालाओं का आयोजन करती है और प्रमाणपत्र देती है। अधिक जानकारी के लिए, हमें लिखें।
15:36	स्पोकन ट्यूटोरियल प्रोजेक्ट NMEICT, मानव संसाधन विकास मंत्रायल और NVLI, संस्कृति मंत्रालय, भारत सरकार द्वारा निधिबद्ध है।
15:47	यह स्क्रिप्ट बिंदु पांडे द्वारा अनुवादित है। आईआईटी बॉम्बे की ओर से मैं श्रुति आर्य अब आपसे विदा लेती हूँ। धन्यवाद...

Contributors and Content Editors

Devraj, Shruti arya