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

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with "{| border = 1 | Time | Narration |- | 00:01 | ''' Modifying the Display of Content''' पर स्पोकन ट्यूटोरियल में आपका स्...")
 
Line 5: Line 5:
 
|-
 
|-
 
| 00:01
 
| 00:01
| ''' Modifying the Display of Content''' पर स्पोकन ट्यूटोरियल में आपका स्वागत है।
+
| 'Modifying the Display of Content' पर स्पोकन ट्यूटोरियल में आपका स्वागत है।
  
 
|-
 
|-
 
| 00:06
 
| 00:06
 
| इस ट्यूटोरियल में हम सीखेंगे
 
| इस ट्यूटोरियल में हम सीखेंगे
* '''Displays'''
+
* 'Displays'
'''Full content display''' को मैनेज करना और  
+
*  'Full content display' को मैनेज करना और  
* डिस्प्ले '''Teaser''' को मैनेज करना
+
* डिस्प्ले 'Teaser' को मैनेज करना
  
 
|-
 
|-
Line 18: Line 18:
 
| इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं उपयोग कर रही हूँ
 
| इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं उपयोग कर रही हूँ
 
* उबंटु लिनक्स ऑपरेटिंग सिस्टम
 
* उबंटु लिनक्स ऑपरेटिंग सिस्टम
* '''Drupal 8''' और
+
* 'Drupal 8' और
* '''Firefox'''  वेब ब्राउजर
+
* 'Firefox' वेब ब्राउजर
  
 
|-
 
|-
Line 32: Line 32:
 
|-
 
|-
 
| 00:42
 
| 00:42
| ध्यान दें कि Teaser mode में, हमें ''' Read more.''' के साथ ''' Title''' और ''' Body'''  मिलता है।
+
| ध्यान दें कि Teaser mode में, हमें 'Read more' के साथ 'Title' और 'Body' मिलता है।
 
|-
 
|-
 
| 00:49
 
| 00:49
Line 42: Line 42:
 
|-
 
|-
 
| 01:03
 
| 01:03
| ध्यान दें, यहाँ नीचे कुछ पृष्ठांकन है- पेज 1, 2, 3, Next''' और ''' Last.'''
+
| ध्यान दें, यहाँ नीचे कुछ पृष्ठांकन है- पेज '1, 2, 3, Next' और 'Last'
 
|-
 
|-
 
| 01:12
 
| 01:12
Line 54: Line 54:
 
|-
 
|-
 
| 01:27
 
| 01:27
| ''' Structure ''' पर क्लिक करें औऱ फिर ''' Content Types.''' पर क्लिक करें।
+
| 'Structure' पर क्लिक करें औऱ फिर 'Content Types' पर क्लिक करें।
  
 
|-
 
|-
Line 67: Line 67:
 
|-
 
|-
 
| 01:48
 
| 01:48
| '''Default''' डिफॉल्ट लेआउट है। हम एक Full view लेआउट जोडेंगे।
+
| 'Default' डिफॉल्ट लेआउट है। हम एक Full view लेआउट जोडेंगे।
 
|-
 
|-
 
| 01:55
 
| 01:55
Line 87: Line 87:
 
|-
 
|-
 
| 02:28
 
| 02:28
| ''' Structure''' और ''' Display modes.''' पर क्लिक करें।
+
| 'Structure' और 'Display modes' पर क्लिक करें।
  
 
|-
 
|-
 
| 02:32
 
| 02:32
| फिर ''' View modes''' पर क्लिक करें। देखें कि ''' Form modes''' भी है।  
+
| फिर 'View modes' पर क्लिक करें। देखें कि 'Form modes' भी है।  
  
 
|-
 
|-
Line 101: Line 101:
 
|-
 
|-
 
| 02:48
 
| 02:48
| ''' View modes''' पर क्लिक करें।
+
| 'View modes' पर क्लिक करें।
 
|-
 
|-
 
| 02:51
 
| 02:51
| Content View mode में, हम '''Full content, RSS, Search index, Search results, Teaser.''' देखते हैं।
+
| Content View mode में, हम 'Full content, RSS, Search index, Search results, Teaser' देखते हैं।
 
|-
 
|-
 
| 03:02
 
| 03:02
| हम नया ''' Content View mode''' भी जोड सकते हैं।  
+
| हम नया 'Content View mode' भी जोड सकते हैं।  
 
|-
 
|-
 
| 03:06
 
| 03:06
Line 113: Line 113:
 
|-
 
|-
 
| 03:12
 
| 03:12
| हमारे पास ''' Blocks, Comments, Taxonomy terms''' और ''' Users''' भी हैं।
+
| हमारे पास 'Blocks, Comments, Taxonomy terms' और 'Users' भी हैं।
  
 
|-
 
|-
Line 129: Line 129:
 
|-
 
|-
 
| 03:36
 
| 03:36
| ''' Structure''' पर जाएँ और ''' Content types.''' पर क्लिक करें।
+
| 'Structure' पर जाएँ और 'Content types' पर क्लिक करें।
 
|-
 
|-
 
| 03:42
 
| 03:42
| ''' Events Content type''' पर ''' Manage display.''' पर क्लिक करें।
+
| 'Events Content type' पर 'Manage display' पर क्लिक करें।
  
 
|-
 
|-
 
| 03:46
 
| 03:46
|फिर से, हम इस पेज पर हैं, जहाँ हमारे पास ''' Default''' और ''' Teaser''' है।
+
|फिर से, हम इस पेज पर हैं, जहाँ हमारे पास 'Default' और 'Teaser' है।
 
|-
 
|-
 
| 03:52
 
| 03:52
|  नीचे स्क्रोल करें औऱ ''' CUSTOM DISPLAY SETTINGS''' पर क्लिक करें।
+
|  नीचे स्क्रोल करें औऱ 'CUSTOM DISPLAY SETTINGS' पर क्लिक करें।
 
|-
 
|-
 
| 03:57
 
| 03:57
| ''' Full content''' को चैक-मार्क करें।
+
| 'Full content' को चैक-मार्क करें।
 
|-
 
|-
 
| 04:00
 
| 04:00
Line 148: Line 148:
 
|-
 
|-
 
| 04:07
 
| 04:07
| ''' Save''' पर क्लिक करें।
+
| 'Save' पर क्लिक करें।
 
|-
 
|-
 
| 04:09
 
| 04:09
Line 157: Line 157:
 
|-
 
|-
 
| 04:19
 
| 04:19
|पहले, ''' Full Content View''' को अपडेट करें।
+
|पहले, 'Full Content View' को अपडेट करें।
 
|-
 
|-
 
| 04:23
 
| 04:23
Line 169: Line 169:
 
|-
 
|-
 
| 04:39
 
| 04:39
| '''Event website, Date, Topics''' और ''' logo''' यदि हमारे पास कोई एक है।
+
| 'Event website, Date, Topics' और 'logo' यदि हमारे पास कोई एक है।
 
|-
 
|-
 
| 04:45
 
| 04:45
Line 175: Line 175:
 
|-
 
|-
 
| 04:50
 
| 04:50
| '''Structure - Content types''' -''' Manage display'''  ''' Events'''  और फिर ''' Full Content''' पर क्लिक करें।
+
| 'Structure - Content types' -'Manage display' 'Events' और फिर 'Full Content' पर क्लिक करें।
 
|-
 
|-
 
| 04:58
 
| 04:58
| यहाँ ''' Event Description''' full mode में है।
+
| यहाँ 'Event Description' 'फुल मोड' में है।
  
 
|-
 
|-
Line 191: Line 191:
 
|-
 
|-
 
| 05:14
 
| 05:14
| यह एक ''' Image style''' है।
+
| यह एक 'Image style' है।
 
|-
 
|-
 
| 05:17
 
| 05:17
Line 221: Line 221:
 
|-
 
|-
 
| 06:03
 
| 06:03
|''' Update''' पर क्लिक करें। यह अच्छा है।
+
|'Update' पर क्लिक करें। यह अच्छा है।
 
|-
 
|-
 
| 06:07
 
| 06:07
Line 245: Line 245:
 
|-
 
|-
 
| 06:43
 
| 06:43
| ''' Save''' पर क्लिक करें।
+
| 'Save' पर क्लिक करें।
 
|-
 
|-
 
| 06:45
 
| 06:45
Line 257: Line 257:
 
|-
 
|-
 
| 06:59
 
| 06:59
| यह इसलिए क्योंकि devel''Lorem Ipsum उपयोग करता है।
+
| यह इसलिए क्योंकि 'devel' 'Lorem Ipsum' उपयोग करता है।
  
 
|-
 
|-
 
| 07:03
 
| 07:03
| यहाँ किसी भी '''Event''' पर क्लिक करें।
+
| यहाँ किसी भी 'Event' पर क्लिक करें।
 
|-
 
|-
 
| 07:06
 
| 07:06
Line 271: Line 271:
 
|-
 
|-
 
| 07:12
 
| 07:12
| '''Event Website'''
+
| 'Event Website'
  
'''Event Date'''
+
'Event Date'
  
'''Event Sponsors'''.
+
'Event Sponsors'.
  
 
|-
 
|-
Line 337: Line 337:
 
|-
 
|-
 
| 09:01
 
| 09:01
|यहाँ ''' Link to the referenced entity. '''  है।
+
|यहाँ 'Link to the referenced entity'  है।
  
 
|-
 
|-
 
| 09:04
 
| 09:04
| इसका उपयोग करके, Cincinnati User Group में DrupalCamp Cincinnati पर जाने के लिए हम लिंक पर क्लिक कर सकते हैं।
+
| इसका उपयोग करके, 'Cincinnati User Group' में 'DrupalCamp Cincinnati' पर जाने के लिए हम लिंक पर क्लिक कर सकते हैं।
 
|-
 
|-
 
| 09:12
 
| 09:12
Line 350: Line 350:
 
|-
 
|-
 
| 09:22
 
| 09:22
|यहाँ हमारे पास Group website''', description,  Contact information है। यह devel द्वारा बनाया गया है।
+
|यहाँ हमारे पास 'Group website', description,  Contact information है। यह devel द्वारा बनाया गया है।
 
|-
 
|-
 
| 09:31
 
| 09:31
|'''Contact Email'''- यह नकली आईडी है जो कि devel द्वारा बनाई गई है।
+
|'Contact Email'- यह नकली आईडी है जो कि devel द्वारा बनाई गई है।
 
|-
 
|-
 
| 09:38
 
| 09:38
Line 365: Line 365:
 
|-
 
|-
 
| 09:51
 
| 09:51
| अंत में ''' Event sponsored'''    ''' DrupalCamp Cincinnati.''' है।
+
| अंत में 'Event sponsored' 'DrupalCamp Cincinnati' है।
  
 
|-
 
|-
Line 384: Line 384:
 
|-
 
|-
 
| 10:24
 
| 10:24
| ''' Structure''' और  Content types पर क्लिक करें।
+
| 'Structure' और 'Content types' पर क्लिक करें।
 
|-
 
|-
 
| 10:28
 
| 10:28
| ''' Events''' में, ''' Manage display''' पर क्लिक करें, फिर ''' Teaser''' पर क्लिक करें।
+
| 'Events' में, 'Manage display' पर क्लिक करें, फिर 'Teaser' पर क्लिक करें।
  
 
|-
 
|-
 
| 10:33
 
| 10:33
|'''Drupal''' हमें links और Event Description देता है, जो कि body फिल्ड है।
+
|'Drupal' हमें links और Event Description देता है, जो कि body फील्ड है।
 
|-
 
|-
 
| 10:39
 
| 10:39
Line 421: Line 421:
 
|-
 
|-
 
| 11:23
 
| 11:23
| हमारे पास '''logo''', '''website'''  औऱ ''' date''' है।
+
| हमारे पास 'logo', 'website' औऱ 'date' है।
 
|-
 
|-
 
| 11:28
 
| 11:28
Line 433: Line 433:
 
|-
 
|-
 
| 11:40
 
| 11:40
|Update पर क्लिक करें। फिर ड्रॉप-डाउन पर क्लिक करें और '''Trimmed''' ऑप्शन चुनें।
+
|Update पर क्लिक करें। फिर ड्रॉप-डाउन पर क्लिक करें और 'Trimmed' ऑप्शन चुनें।
 
|-
 
|-
 
| 11:47
 
| 11:47
 
| अब हमारा Teaser mode ऐसा होना चाहिए:
 
| अब हमारा Teaser mode ऐसा होना चाहिए:
* ''' Logo'''  बाईं ओर
+
* 'Logo' बाईं ओर
* ''' Website''',  
+
* 'Website',  
* ''' Date''' और
+
* 'Date' और
 
* Links के साथ Description दाईं ओऱ
 
* Links के साथ Description दाईं ओऱ
 
|-
 
|-
Line 458: Line 458:
 
|-
 
|-
 
| 12:16
 
| 12:16
| '''Structure''' पर क्लिक करें। Content types, Events, Manage display''' और  Teaser पर क्लिक करें।
+
| 'Structure' पर क्लिक करें। 'Content types, Events, Manage display' और 'Teaser' पर क्लिक करें।
 
|-
 
|-
 
| 12:24
 
| 12:24
Line 483: Line 483:
 
|-
 
|-
 
| 13:04
 
| 13:04
|''' Update.''' पर क्लिक करें।
+
|'Update' पर क्लिक करें।
 
|-
 
|-
 
| 13:06
 
| 13:06
| अब हम यहाँ डेट  के '''preview''' को देख सकते हैं।
+
| अब हम यहाँ डेट  के 'preview' को देख सकते हैं।
 
|-
 
|-
 
| 13:09
 
| 13:09
|''' Save''' पर क्लिक करें।
+
|'Save' पर क्लिक करें।
  
 
|-
 
|-
Line 496: Line 496:
 
|-
 
|-
 
| 13:14
 
| 13:14
|''' Save''' पर क्लिक करें।
+
|'Save' पर क्लिक करें।
  
 
|-
 
|-
Line 503: Line 503:
 
|-
 
|-
 
| 13:19
 
| 13:19
|अब हमारे Event के लिए हमारे Teaser को यहाँ देखा जा सकता है- ''' Title''', ''' logo''', ''' website''' और ''' Event Date.'''
+
|अब हमारे Event के लिए हमारे Teaser को यहाँ देखा जा सकता है- 'Title', 'logo', 'website' और 'Event Date'
 
|-
 
|-
 
| 13:28
 
| 13:28
Line 512: Line 512:
 
|-
 
|-
 
| 13:39
 
| 13:39
|  फिर ''' Teaser''' पर क्लिक करें।
+
|  फिर 'Teaser' पर क्लिक करें।
 
|-
 
|-
 
| 13:42
 
| 13:42
Line 518: Line 518:
 
|-
 
|-
 
| 13:47
 
| 13:47
| हमारे पास User Group logo हो सकता है।
+
| हमारे पास 'User Group logo' हो सकता है।
 
|-
 
|-
 
| 13:50
 
| 13:50
| User Group Website को ऊपर रखें।
+
| 'User Group Website' को ऊपर रखें।
 
|-
 
|-
 
| 13:53
 
| 13:53
| हम User Group Description प्रदर्शित नहीं करेंगे।
+
| हम User Group Description प्रदर्शित नहीं करेंगे।
 
|-
 
|-
 
| 13:57
 
| 13:57
| अब ''' Group Contact email.''' रखें।
+
| अब 'Group Contact email' रखें।
 
|-
 
|-
 
| 14:00
 
| 14:00
|और Group Website और Contact Email का label  Inline करें।
+
|और Group Website और Contact Email का label  Inline करें।
 
|-
 
|-
 
| 14:06
 
| 14:06
Line 536: Line 536:
 
|-
 
|-
 
| 14:13
 
| 14:13
|यह बहुत ही सरल ''' Teaser mode.''' है।
+
|यह बहुत ही सरल 'Teaser mode' है।
  
 
|-
 
|-
 
| 14:16
 
| 14:16
| ''' Save.''' पर क्लिक करें।
+
| 'Save' पर क्लिक करें।
  
 
|-
 
|-
Line 560: Line 560:
 
| 14:46
 
| 14:46
 
|इस ट्यूटोरियल में हमने सीखा
 
|इस ट्यूटोरियल में हमने सीखा
* '''Displays'''
+
* 'Displays'
* '''Full content display''' को मैनेज करना और  
+
* 'Full content display' को मैनेज करना और  
*display '''Teaser''' को मैनेज करना
+
*display 'Teaser' को मैनेज करना
  
 
|-
 
|-

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

Contributors and Content Editors

Devraj, Shruti arya