Drupal/C2/Editing-Existing-Content/Hindi

From Script | Spoken-Tutorial
Revision as of 16:15, 14 October 2016 by Devraj (Talk | contribs)

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