Difference between revisions of "Drupal/C2/Modifying-the-Display-of-Content/Hindi"
From Script | Spoken-Tutorial
Shruti arya (Talk | contribs) |
Shruti arya (Talk | contribs) |
||
| Line 10: | Line 10: | ||
| 00:06 | | 00:06 | ||
| इस ट्यूटोरियल में हम सीखेंगे | | इस ट्यूटोरियल में हम सीखेंगे | ||
| − | + | 'Displays', | |
| − | + | 'Full content display' को मैनेज करना और | |
| − | + | डिस्प्ले 'Teaser' को मैनेज करना | |
|- | |- | ||
| 00:16 | | 00:16 | ||
| इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं उपयोग कर रही हूँ | | इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं उपयोग कर रही हूँ | ||
| − | + | उबंटु लिनक्स ऑपरेटिंग सिस्टम, | |
| − | + | 'Drupal 8' और | |
| − | + | 'Firefox' वेब ब्राउजर | |
|- | |- | ||
| Line 271: | Line 271: | ||
|- | |- | ||
| 07:12 | | 07:12 | ||
| − | | 'Event Website' | + | | 'Event Website', 'Event Date', 'Event Sponsors'. |
| − | + | ||
| − | 'Event Date' | + | |
| − | + | ||
| − | 'Event Sponsors'. | + | |
|- | |- | ||
| Line 437: | Line 433: | ||
| 11:47 | | 11:47 | ||
| अब हमारा Teaser mode ऐसा होना चाहिए: | | अब हमारा Teaser mode ऐसा होना चाहिए: | ||
| − | + | 'Logo' बाईं ओर | |
| − | + | 'Website', | |
| − | + | 'Date' और | |
| − | + | Links के साथ Description दाईं ओऱ | |
|- | |- | ||
| 11:58 | | 11:58 | ||
| Line 560: | Line 556: | ||
| 14:46 | | 14:46 | ||
|इस ट्यूटोरियल में हमने सीखा | |इस ट्यूटोरियल में हमने सीखा | ||
| − | + | Displays, Full content display को मैनेज करना और display Teaser को मैनेज करना | |
| − | + | ||
| − | display | + | |
|- | |- | ||
| Line 576: | Line 570: | ||
|- | |- | ||
| 15:36 | | 15:36 | ||
| − | |स्पोकन ट्यूटोरियल प्रोजेक्ट | + | |स्पोकन ट्यूटोरियल प्रोजेक्ट NMEICT, मानव संसाधन विकास मंत्रायल और NVLI, संस्कृति मंत्रालय, भारत सरकार द्वारा निधिबद्ध है। |
| − | NMEICT, मानव संसाधन विकास मंत्रायल और NVLI, संस्कृति मंत्रालय, भारत सरकार द्वारा निधिबद्ध है। | + | |
|- | |- | ||
|15:47 | |15:47 | ||
Revision as of 15:52, 7 October 2016
| 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' 'फुल मोड' में है। |
| 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 | यह स्क्रिप्ट बिंदु पांडे द्वारा अनुवादित है। आईआईटी बॉम्बे की ओर से मैं श्रुति आर्य अब आपसे विदा लेती हूँ। धन्यवाद... |
