Difference between revisions of "Drupal/C2/Editing-Existing-Content/Hindi"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(2 intermediate revisions by one other user not shown)
Line 12: Line 12:
 
|-
 
|-
 
|  00:10
 
|  00:10
| 'CKEditor' का उपयोग और
+
| CKEditor का उपयोग और
 
|-
 
|-
 
|  00:12
 
|  00:12
| 'CKEditor' को कंफिगर करना   
+
| CKEditor को कंफिगर करना   
 
|-
 
|-
 
|  00:15
 
|  00:15
| इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं
+
|इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं उबंटु ऑपरेटिंग सिस्टम Drupal 8 और Firefox वेब ब्राउजर का उपयोग कर रही हूँ।
* उबंटु ऑपरेटिंग सिस्टम
+
* 'Drupal 8' और
+
* 'Firefox' वेब ब्राउजर का उपयोग कर रही हूँ।
+
 
|-
 
|-
 
|  00:24
 
|  00:24
Line 140: Line 137:
 
|  03:24
 
|  03:24
 
|तुरंत 'Drupal' एक प्रीव्यू देता है कि टेक्स्ट कैसा दिखेगा।
 
|तुरंत 'Drupal' एक प्रीव्यू देता है कि टेक्स्ट कैसा दिखेगा।
|-
+
|-
 
| 03:30
 
| 03:30
 
|  यह 'theme' और 'cascading style sheets' या 'CSS' द्वारा निर्धारित है, जो कि हमें थीम देता है।
 
|  यह 'theme' और 'cascading style sheets' या 'CSS' द्वारा निर्धारित है, जो कि हमें थीम देता है।
Line 407: Line 404:
 
|  11:37
 
|  11:37
 
| इस ट्यूटोलियल में हमने सीखा
 
| इस ट्यूटोलियल में हमने सीखा
* Inline editing
+
Inline editing, CKEditor का उपयोग और CKEditor को कंफिगर करना
CKEditor का उपयोग और
+
* CKEditor को कंफिगर करना
+
 
|-
 
|-
 
|  11:50
 
|  11:50
Line 419: Line 414:
 
| 12:06
 
| 12:06
 
| स्पोकन ट्यूटोरियल प्रोजेक्ट टीम कार्यशालाएं चलाती है और प्रमाणपत्र देती है। अधिक जानकारी के लिए, हमें लिखें।
 
| स्पोकन ट्यूटोरियल प्रोजेक्ट टीम कार्यशालाएं चलाती है और प्रमाणपत्र देती है। अधिक जानकारी के लिए, हमें लिखें।
 
  
 
|-
 
|-
 
| 12:13
 
| 12:13
| स्पोकन ट्यूटोरियल प्रोजेक्ट  
+
| स्पोकन ट्यूटोरियल प्रोजेक्ट NMEICT, मानव संसाधन विकास मंत्रायल और NVLI, संस्कृति मंत्रालय, भारत सरकार द्वारा निधिबद्ध है।
NMEICT, मानव संसाधन विकास मंत्रायल और NVLI, संस्कृति मंत्रालय, भारत सरकार द्वारा निधिबद्ध है।
+
 
|-
 
|-
 
| 12:25
 
| 12:25
 
| यह स्क्रिप्ट बिंदु पांडे द्वारा अनुवादित है। आईआईटी बॉम्बे की ओर से मैं श्रुति आर्य अब आपसे विदा लेती हूँ। धन्यवाद...  
 
| यह स्क्रिप्ट बिंदु पांडे द्वारा अनुवादित है। आईआईटी बॉम्बे की ओर से मैं श्रुति आर्य अब आपसे विदा लेती हूँ। धन्यवाद...  
 
  
 
|}
 
|}

Latest revision as of 16:15, 14 October 2016

Time
Narration
00:01 'Editing Existing Content' पर स्पोकन ट्यूटोरियल में आपका स्वागत है।
00:06 इस ट्यूटोरिल में हम सीखेंगे inline editing
00:10 CKEditor का उपयोग और
00:12 CKEditor को कंफिगर करना
00:15 इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं उबंटु ऑपरेटिंग सिस्टम Drupal 8 और Firefox वेब ब्राउजर का उपयोग कर रही हूँ।
00:24 आप अपनी पसंद के अनुसार किसी भी वेब ब्राउजर का उपयोग कर सकते हैं।
00:28 अपनी वेबसाइट खोलें, जिसे हमने पहले बनाया है।
00:32 पहले हम, 'Inline Editing' के बारे में सीखेंगे।
00:36 'Title' पर कर्सर ले जाएँ। दाईं ओर, हम एक 'pencil' आइकन देखेंगे।
00:43 जब हम 'Title' पर जाते हैं, तो यह हमें 'block' को कंफिगर करने के लिए पूछता है।
00:48 'Configure block' पर क्लिक करें। 'block' पेज टाइटल के लिए सामान्य ब्लॉक है।
00:54 इसको बदलने पर, प्रत्येक node में पेज टाइटल्स के प्रदर्शन का तरीका बदल जायेगा।
00:59 'Go back to site' पर क्लिक करें। 'pencil' पर कर्सर ले जाएं और 'Configure block' पर क्लिक करें।
01:06 यदि आप टैब्स बदलना चाहते हैं, तो आप उन्हें यहाँ बदल सकते हैं।
01:10 मैं इसे ऐसे ही रखूंगी।
01:13 'Back to site' पर क्लिक करें।
01:16 अब 'Content area' में pencil पर क्लिक करें।
01:20 आप तीन ऑप्शन्स देखेंगे- 'Quick edit, Edit' और 'Delete'
01:25 'Quick edit' 'inline window' में 'front end' एडिटिंग है।
01:29 'Edit' node के लिए, हमें मैन एडिटिंग विंडो पर वापस ले जाता है।
01:33 'Delete' कंफरमेशन के बाद node को डिलीट करेगा।
01:37 'inline fashion' में अपने node को एडिट करने के लिए Quick edit पर क्लिक करें।
01:41 यह हमें, व्यक्तिगत node के विभिन्न भागों में ले जाता है।
01:47 जब हम इस पर क्लिक करते हैं, तो हम अधिक कंटेंट जोडने में सोर्स को देखने में और यहाँ तक कि कुछ टेक्स्ट को बॉल्ड करने में सक्षम होते हैं।
01:53 हमारे द्वारा बदलाव करने पर, 'Drupal' हमें सेव करने के लिए कहता है। node को अपडेट करने के लिए 'Save' पर क्लिक करें।
02:00 अब, 'Welcome to Drupalville' नामक article node को बदलना सीखते हैं।
02:06 'Quick edit' पर क्लिक करें। ध्यान दें कि यहाँ 'front end' में 'Title' और 'body' फिल्ड्स एडिट करने योग्य हैं।
02:14 लेकिन हम इमैज को एडिट नहीं कर सकते हैं।
02:17 इमैज को एडिट करने के लिए, हमें एडिट स्क्रीन पर पर जाने की आवश्यकता है।
02:22 अब हम 'body' में बदलाव कर सकते हैं और इसे 'save' सकते हैं।
02:26 मैं 'Quick edit' विंडो में tags को भी एडिट कर सकता हूँ।
02:30 'Drupal' में front end एडिटिंग सामान्य एडिटिंग के लिए योग्य है।
02:34 कंटेंट को किसी भी समय अपडेट करने के लिए, 'Edit' टैब Drupal का एक बहुत अच्छा फीचर है।
02:40 'Wysiwyg' एडिटर पहले कई बार उल्लेखित किया गया है।
02:44 इसका अर्थ है 'what you see is what you get'
02:48 'Wysiwyg' एडिटर काफी उपयोगी है।
02:52 'Text Format' को 'Full HTML' में बदलें।
02:58 यह हमें 'Wysiwyg' एडिटर में उपलब्ध फॉर्मेंटिंग ऑप्शन्स के बारे में बतायेगा।
03:04 'Drupal' में 'CKEditor' 'Drupal core' के साथ आता है।
03:09 यह डिफॉल्ट रूप से ऑन रहता है और यह कंफिगर करने के योग्य है।
03:14 एक नजर डालें। "Welcome to our site" टेक्स्ट को हाईलाइट करें।
03:20 फॉर्मेट को 'Normal' से 'Heading 2' में बदलें।
03:24 तुरंत 'Drupal' एक प्रीव्यू देता है कि टेक्स्ट कैसा दिखेगा।
03:30 यह 'theme' और 'cascading style sheets' या 'CSS' द्वारा निर्धारित है, जो कि हमें थीम देता है।
03:38 यहाँ कुछ और टेक्स्ट जोडें, “Editing Drupal nodes is really fun!”
03:44 अब उस टेक्स्ट को हाईलाइट करें, 'Italics' को ऑफ करें और टेक्स्ट के लिए 'hyperlink' बनाएं।
03:52 यहाँ दर्शाता है, http://drupal.org/ 'Save' पर क्लिक करें।
04:00 माउस घुमाएं और देखें कि टेक्स्ट अब 'hyperlinked' हो गया है।
04:04 'hyperlink' को हटाने के लिए, टेक्स्ट को हाईलाइट करें और 'Unlink' पर क्लिक करें।
04:10 बदलाव को अंडु करने के लिए 'Ctrl+Z' दबाएँ।
04:14 हम यहाँ Bullets और numbering आइकन्स पर क्लिक करके, ordered और unordered सूची को भी जोड सकते हैं।
04:21 'Unordered list' पर क्लिक करें। फिर बुलेट्स - 'one, two, three' जोडें।
04:28 अब 'Ordered list' पर क्लिक करें और 'one, two' और 'three' जोडें।
04:34 'Block quotes' का उपयोग करने के लिए, कुछ टेक्स्ट हाईलाइट करें और 'Block Quote' लिंक पर क्लिक करें।
04:40 फिर से, फॉर्मेटिंग हमारे 'theme' द्वारा प्रबंधित है।
04:46 हम आसानी से इमैज भी प्रविष्ट कर सकते हैं। मैंने इस फाइल को चुना, जिसे मैंने पहले 'node' में अपलोड किया था।
04:56 'Alternate Text' फिल्ड में, मैं “Drupal Logo” टाइप करूँगी।
05:02 'Align' में, मैं 'Right' चुनूंगी। यदि आप चाहते हैं तो एक 'Caption' जोडें।
05:08 आखिर में 'Save' पर क्लिक करें।
05:12 यह अब body के अंदर node में जुड गया है। इमैज पर जाएँ, क्लिक करें और इसे सही पोजिशन पर ड्रैग करें, यदि आप चाहते हों ।
05:22 हमें पहले, थोडा अपने एडिटिंग विंडो का साइज बदलना होगा, ताकि हम अपनी इमैज को जरूरत अनुसार कहीं भी ड्रैग कर सकें।
05:30 इमैज पर कर्सर घुमाना, हमें अपनी इमैजेस के साइज को बदलने की अनुमति देता है।
05:36 'Drupal node' में इमैजेस जोडने से पहले, सुनिश्चित कर लें कि आपकी इमैजेस सही साइज और फॉर्मेट की हुई हों।
05:43 यह 'node' पर कंटेंट को अलाइन करने में काफी मदद करेगा।
05:47 हम एक 'table' या 'horizontal line' जोड सकते हैं।
05:51 और 'blocks' दिखा सकते हैं जो हमने अपने node में बनाये हैं।
05:55 अत:, यहाँ है 'H2 block', 'block code, paragraph, tag' आदि।
06:01 यदि आप 'HTML' को जानते हैं, तो आप इस 'icon' पर क्लिक करके source को देख सकते हैं।
06:07 आगे बढने से पहले इन प्रत्येक ऑप्शन्स को देख लें।
06:12 ध्यान दें कि हमने 'Full HTML' ऑन किया है।
06:16 यदि हम इसे 'Basic HTML' में बदलते हैं, तो यह हमें चैतावनी देता है।
06:21 यहाँ कंटेंट के हमेशा के लिए मिटने या डिलीट होने की संभावना है।
06:26 हमने 'JavaScript, I-frame, youtube video', 'google map' या कुछ इस तरह प्रविष्ट किया है।
06:33 'Basic HTML' में बदलने के कारण 'Drupal' इस कंटेंट को हटा देगा।
06:38 इस तरह की समस्याओं को नजर अंदाज करने के लिए, केवल वही रखें जिसकी आपको वास्तविक रूप से आवश्यकता है।
06:43 सैटिंग में बदलावों को निरस्त करें, तो हम कुछ भी नहीं खोयेंगे।
06:48 यह 'CKEditor' का त्वरित अवलोकन है, जो 'Drupal' में आता है।
06:52 और हमने सीखा कि इसे कस्टमाइज कैसे करें।
06:55 अब 'Save and keep published' पर क्लिक करें।
06:58 संशोधित 'node' प्रदर्शित होता है।
07:01 अब 'CKEditor' को कंफिगर करना सीखते हैं।
07:05 ऊपर 'Configuration' पर क्लिक करें।
07:09 अब 'Text formats and editors' पर क्लिक करें।
07:13 हम देखेंगे कि 'Basic HTML' और 'Full HTML', 'CKEditor' का उपयोग करता है।
07:19 और, ये 'Authenticated User' और 'Administrator' को असाइन होते हैं।
07:24 यहाँ दो यूनिक 'user roles' हैं।
07:27 'Drupal' में, हमारे यूजर के भिन्न रोल्स होते हैं और प्रत्येक रोल्स को पर्मिशन दी गई होती है।
07:34 यहाँ 'Authenticated user' और 'Administrator' द्वारा Basic HTML उपयोग किया जा सकता है।
07:41 'CKEditor' को इन 2 रोल्स के लिए असाइन किया गया है।
07:45 उसीतरह, 'Full HTML' को एक 'Administrator' द्वारा उपयोग किया जा सकता है।
07:50 अब 'Basic HTML' के लिए 'CKEditor' को चैक करें।
07:54 'Configure' पर क्लिक करें और आप इसको भिन्न रोल्स के लिए असाइन करने में सक्षम होंगे।
07:59 किसी भी 'Text editor' को असाइन करें, जो आप चाहते हैं। और बटन्स के लिए उन्हें पर्मिशन दें, जो उन्हें उपयोग करने की अनुमति देते हैं।
08:07 ध्यान दें यह Basic HTML Text Format में Authenticated User के लिए Active toolbar है।
08:15 क्या, यदि हम अपने 'Active toolbar' में इन बटन्स में से एक को जोडना चाहते हैं? यह बहुत आसान है।
08:21 'Available buttons' से Paste from Word आइकन चुनें।
08:26 फिर माउस को क्लिक करें और तब तक ड्रैग करें, जब तक कि एक नीले रंग का बॉक्स नहीं खुलता है, जहाँ हम आइकन जोड सकते हैं।
08:33 नया ग्रुप जोडने के लिए 'Add group' बटन पर क्लिक करें। इसको “copy and paste” नाम दें और 'Apply' पर क्लिक करें।
08:41 अब, 'Paste from Word' आइकन को 'copy and paste' सेक्शन में क्लिक और ड्रैग करें।
08:47 अब सभी 'paste icons' को यहाँ जोडें।
08:51 तो हमने अपने 'Basic HTML format' के लिए अपने बार में तीन नयें बटन्स जोड दिये हैं।
08:57 'Paste icons' वे हैं जिनकी प्रत्येक टूलबार में आवश्यकता होती है, क्योंकि अधिकतर टेक्स्ट फाइल्स से कॉपी पेस्ट होता है।
09:04 हम 'inline-images' भी अपलोड करेंगे। और किसी भी चौडाई और ऊँचाई के साथ अधिकतम 32MB साइज की फाइल अपलोड करेंगे।
09:14 आपके इंस्टॉलेशन में अधिकतम साइज भिन्न हो सकता है।
09:18 हम अपने प्राथमिकता के आधार पर यहाँ कोई भी सैटिंग बदल सकते हैं।
09:23 हम हमेशा 'URL' को 'link' में बदलना चाहते हैं, लिंक स्वयं करने के बजाय।
09:29 हम यह 'Convert URLs into links' ऑप्शन पर क्लिक करके कर सकते हैं।
09:34 यहाँ हमारे पास 'Filter settings' भी है। 'Limit allowed HTML tags' पर क्लिक करें।
09:41 अब हम 'HTML tags' जोडने में सक्षम होंगे। जिसे हम उपयोग कर सकते हैं, जब हम सोर्स पर देखते हैं।
09:47 अत: यह वास्तव में प्रभावशाली 'WYSIWYG editor' है और यह कंफिगिरेशन भाग है।
09:54 अपने सभी बदलाव करने के बाद 'Save configuration' बटन पर क्लिक करें।
09:59 अब अपना 'Content' देखते हैं।
10:02 'Welcome to Drupalville node' में 'Edit' ऑप्शन पर क्लिक करें।
10:07 ध्यान दें कि क्योंकि हमने 'Full HTML' ऑन किया है, इसलिए कुछ भी नहीं बदला है।
10:12 अब इसे 'Basic HTML' में बदलें। सभी बदलाव यहाँ मौजूद हैं।
10:18 हालांकि मैं अब अपने 'blocks' नहीं देख सकती, 'Paste icons' उपलब्ध हैं।
10:23 मैं इस इमैज को यहाँ नहीं चाहती हूँ। तो मैं इमैज पर क्लिक करके और इसे कीबोर्ड पर 'Backspace' या 'Delete' की दबाकर डिलीट करूँगी।
10:32 'Save and keep published' पर क्लिक करें।
10:35 फिर से 'Configuration' पर क्लिक करें। नीचे स्क्रोल करें औऱ 'Text formats and editor' पर क्लिक करें।
10:43 इस समय हम 'Full HTML toolbar' कंफिगर करते हैं।
10:47 ध्यान दें कि हमें यहाँ कुछ अधिक बटन्स मिले हैं किंतु 'Paste icons' नहीं मिला।
10:52 'Show group names' पर क्लिक करें और अब दूसरी लाइन में 'dd group' पर क्लिक करें।
10:57 इसे “copy and paste” नाम दें। अब हम इसे अपने 'copy and paste' सेक्शन में ड्रैग और पेस्ट करेंगे।
11:05 इसी प्रकार यहाँ नीचे, हमारे पास ये सभी ऑप्शन्स फिर से हैं। अभी के लिए, Save configuration बटन पर क्लिक करें।
11:13 फिर से अपने 'Welcome to Drupalville' पर जाएँ। और इसे 'Full HTML' में बदलें।
11:18 'Continue' पर क्लिक करें और अब, हम बटन्स की दो पंक्तियाँ देखते हैं।
11:23 इसका मतलब है कि हमारा एडिटर सेट हो गया है।
11:26 'CKEditor' पर कुछ समय काम करें और सुनिश्चत कर लें कि आप इसे अच्छी तरह से समझ गए हैं।
11:32 इसी के साथ हम इस ट्यूटोरियल के अंत में पहुँच गए है। संक्षेप में...
11:37 इस ट्यूटोलियल में हमने सीखा

Inline editing, CKEditor का उपयोग और CKEditor को कंफिगर करना

11:50 यह वीडियो Acquia और OS ट्रेनिंग से लिया गया है और स्पोकन ट्यूटोरियल प्रोजेक्ट, आईआईटी बॉम्बे द्वारा संशोधित किया गया है।
11:59 इस लिंक पर उपलब्ध वीडियो, स्पोकन ट्यूटोरियल प्रोजेक्ट को सारांशित करता है। कृपया इसे डाउनलोड करके देखें।
12:06 स्पोकन ट्यूटोरियल प्रोजेक्ट टीम कार्यशालाएं चलाती है और प्रमाणपत्र देती है। अधिक जानकारी के लिए, हमें लिखें।
12:13 स्पोकन ट्यूटोरियल प्रोजेक्ट NMEICT, मानव संसाधन विकास मंत्रायल और NVLI, संस्कृति मंत्रालय, भारत सरकार द्वारा निधिबद्ध है।
12:25 यह स्क्रिप्ट बिंदु पांडे द्वारा अनुवादित है। आईआईटी बॉम्बे की ओर से मैं श्रुति आर्य अब आपसे विदा लेती हूँ। धन्यवाद...

Contributors and Content Editors

Devraj, Sakinashaikh, Shruti arya