Difference between revisions of "Drupal/C2/Modifying-the-Display-of-Content/Hindi"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(One intermediate revision by one other user not shown)
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".
+
|यहाँ, यह दर्शाता है  "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 271: Line 265:
 
|-
 
|-
 
| 07:12
 
| 07:12
| 'Event Website'
+
| 'Event Website', 'Event Date', 'Event Sponsors'.
 
+
'Event Date'
+
 
+
'Event Sponsors'.
+
  
 
|-
 
|-
Line 436: 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 559: Line 545:
 
|-
 
|-
 
| 14:46
 
| 14:46
|इस ट्यूटोरियल में हमने सीखा
+
|इस ट्यूटोरियल में हमने सीखा Displays, Full content display को मैनेज करना और display Teaser को मैनेज करना
'Displays'
+
'Full content display' को मैनेज करना और  
+
display 'Teaser' को मैनेज करना
+
  
 
|-
 
|-
Line 576: Line 559:
 
|-
 
|-
 
| 15:36
 
| 15:36
|स्पोकन ट्यूटोरियल प्रोजेक्ट  
+
|स्पोकन ट्यूटोरियल प्रोजेक्ट NMEICT, मानव संसाधन विकास मंत्रायल और NVLI, संस्कृति मंत्रालय, भारत सरकार द्वारा निधिबद्ध है।
NMEICT, मानव संसाधन विकास मंत्रायल और NVLI, संस्कृति मंत्रालय, भारत सरकार द्वारा निधिबद्ध है।
+
 
|-
 
|-
 
|15:47
 
|15:47

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 यह स्क्रिप्ट बिंदु पांडे द्वारा अनुवादित है। आईआईटी बॉम्बे की ओर से मैं श्रुति आर्य अब आपसे विदा लेती हूँ। धन्यवाद...

Contributors and Content Editors

Devraj, Shruti arya