Difference between revisions of "Drupal/C2/Modifying-the-Display-of-Content/Hindi"
From Script | Spoken-Tutorial
Shruti arya (Talk | contribs) |
|||
Line 9: | Line 9: | ||
|- | |- | ||
| 00:06 | | 00:06 | ||
− | | इस ट्यूटोरियल में हम सीखेंगे | + | | इस ट्यूटोरियल में हम सीखेंगे'Displays''Full content display' को मैनेज करना और डिस्प्ले 'Teaser' को मैनेज करना |
− | 'Displays' | + | |
− | 'Full content display' को मैनेज करना और | + | |
− | डिस्प्ले 'Teaser' को मैनेज करना | + | |
|- | |- | ||
| 00:16 | | 00:16 | ||
− | | इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं उपयोग कर रही हूँ | + | | इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं उपयोग कर रही हूँ उबंटु लिनक्स ऑपरेटिंग सिस्टम,'Drupal 8' और 'Firefox' वेब ब्राउजर |
− | उबंटु लिनक्स ऑपरेटिंग सिस्टम, | + | |
− | 'Drupal 8' और | + | |
− | 'Firefox' वेब ब्राउजर | + | |
|- | |- | ||
| 00:26 | | 00:26 | ||
− | | आप अपने पसंद का कोई भी वेब ब्राउजर उपयोग कर सकते हैं। | + | |आप अपने पसंद का कोई भी वेब ब्राउजर उपयोग कर सकते हैं। |
|- | |- | ||
| 00:31 | | 00:31 | ||
Line 77: | Line 71: | ||
|- | |- | ||
| 02:09 | | 02:09 | ||
− | | | + | |यहाँ, यह दर्शाता है "Trimmed limit: 600 characters". |
|- | |- | ||
Line 87: | Line 81: | ||
|- | |- | ||
| 02:28 | | 02:28 | ||
− | | 'Structure' और 'Display modes' पर क्लिक करें। | + | |'Structure' और 'Display modes' पर क्लिक करें। |
|- | |- | ||
| 02:32 | | 02:32 | ||
− | | फिर 'View modes' पर क्लिक करें। देखें कि 'Form modes' भी है। | + | |फिर 'View modes' पर क्लिक करें। देखें कि 'Form modes' भी है। |
|- | |- | ||
Line 432: | Line 426: | ||
|- | |- | ||
| 11:47 | | 11:47 | ||
− | | अब हमारा Teaser mode ऐसा होना चाहिए | + | | अब हमारा Teaser mode ऐसा होना चाहिए 'Logo' बाईं ओर 'Website','Date' और Links के साथ Description दाईं ओऱ |
− | 'Logo' बाईं ओर | + | |
− | 'Website', | + | |
− | 'Date' और | + | |
− | Links के साथ Description दाईं ओऱ | + | |
|- | |- | ||
| 11:58 | | 11:58 | ||
Line 555: | Line 545: | ||
|- | |- | ||
| 14:46 | | 14:46 | ||
− | |इस ट्यूटोरियल में हमने सीखा | + | |इस ट्यूटोरियल में हमने सीखा Displays, Full content display को मैनेज करना और display Teaser को मैनेज करना |
− | Displays, Full content display को मैनेज करना और display Teaser को मैनेज करना | + | |
|- | |- |
Latest revision as of 16:34, 14 October 2016
Time | Narration |
00:01 | 'Modifying the Display of Content' पर स्पोकन ट्यूटोरियल में आपका स्वागत है। |
00:06 | इस ट्यूटोरियल में हम सीखेंगे'DisplaysFull 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 | यह स्क्रिप्ट बिंदु पांडे द्वारा अनुवादित है। आईआईटी बॉम्बे की ओर से मैं श्रुति आर्य अब आपसे विदा लेती हूँ। धन्यवाद... |