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

From Script | Spoken-Tutorial
Revision as of 16:16, 2 September 2016 by Shruti arya (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
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