Difference between revisions of "Drupal/C2/Editing-Existing-Content/Hindi"
From Script | Spoken-Tutorial
Sakinashaikh (Talk | contribs) |
Shruti arya (Talk | contribs) |
||
| Line 5: | Line 5: | ||
|- | |- | ||
| 00:01 | | 00:01 | ||
| − | | | + | | 'Editing Existing Content' पर स्पोकन ट्यूटोरियल में आपका स्वागत है। |
|- | |- | ||
| Line 12: | Line 12: | ||
|- | |- | ||
| 00:10 | | 00:10 | ||
| − | | | + | | 'CKEditor' का उपयोग और |
|- | |- | ||
| 00:12 | | 00:12 | ||
| − | | | + | | 'CKEditor' को कंफिगर करना |
|- | |- | ||
| 00:15 | | 00:15 | ||
| इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं | | इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं | ||
* उबंटु ऑपरेटिंग सिस्टम | * उबंटु ऑपरेटिंग सिस्टम | ||
| − | * | + | * 'Drupal 8' और |
| − | * | + | * 'Firefox' वेब ब्राउजर का उपयोग कर रही हूँ। |
|- | |- | ||
| 00:24 | | 00:24 | ||
| Line 30: | Line 30: | ||
|- | |- | ||
| 00:32 | | 00:32 | ||
| − | | पहले हम, | + | | पहले हम, 'Inline Editing' के बारे में सीखेंगे। |
|- | |- | ||
| 00:36 | | 00:36 | ||
| − | | | + | | 'Title' पर कर्सर ले जाएँ। दाईं ओर, हम एक 'pencil' आइकन देखेंगे। |
|- | |- | ||
| 00:43 | | 00:43 | ||
| − | | जब हम | + | | जब हम 'Title' पर जाते हैं, तो यह हमें 'block' को कंफिगर करने के लिए पूछता है। |
|- | |- | ||
| 00:48 | | 00:48 | ||
| − | | | + | | 'Configure block' पर क्लिक करें। 'block' पेज टाइटल के लिए सामान्य ब्लॉक है। |
|- | |- | ||
| 00:54 | | 00:54 | ||
| Line 45: | Line 45: | ||
|- | |- | ||
| 00:59 | | 00:59 | ||
| − | | | + | | 'Go back to site' पर क्लिक करें। 'pencil' पर कर्सर ले जाएं और 'Configure block' पर क्लिक करें। |
|- | |- | ||
| 01:06 | | 01:06 | ||
| Line 54: | Line 54: | ||
|- | |- | ||
| 01:13 | | 01:13 | ||
| − | | | + | |'Back to site' पर क्लिक करें। |
|- | |- | ||
| 01:16 | | 01:16 | ||
| − | |अब | + | |अब 'Content area' में pencil पर क्लिक करें। |
|- | |- | ||
| 01:20 | | 01:20 | ||
| − | |आप तीन ऑप्शन्स देखेंगे- | + | |आप तीन ऑप्शन्स देखेंगे- 'Quick edit, Edit' और 'Delete' |
|- | |- | ||
| 01:25 | | 01:25 | ||
| − | | | + | | 'Quick edit' 'inline window' में 'front end' एडिटिंग है। |
|- | |- | ||
| 01:29 | | 01:29 | ||
| − | | | + | |'Edit' node के लिए, हमें मैन एडिटिंग विंडो पर वापस ले जाता है। |
|- | |- | ||
| 01:33 | | 01:33 | ||
| − | | | + | |'Delete' कंफरमेशन के बाद node को डिलीट करेगा। |
|- | |- | ||
| 01:37 | | 01:37 | ||
| − | | inline fashion में अपने node को एडिट करने के लिए Quick edit पर क्लिक करें। | + | | 'inline fashion' में अपने node को एडिट करने के लिए Quick edit पर क्लिक करें। |
|- | |- | ||
| 01:41 | | 01:41 | ||
| Line 82: | Line 82: | ||
|- | |- | ||
| 01:53 | | 01:53 | ||
| − | | हमारे द्वारा बदलाव करने पर, | + | | हमारे द्वारा बदलाव करने पर, 'Drupal' हमें सेव करने के लिए कहता है। node को अपडेट करने के लिए 'Save' पर क्लिक करें। |
|- | |- | ||
| 02:00 | | 02:00 | ||
| − | | अब, | + | | अब, 'Welcome to Drupalville' नामक article node को बदलना सीखते हैं। |
|- | |- | ||
| 02:06 | | 02:06 | ||
| − | | | + | | 'Quick edit' पर क्लिक करें। ध्यान दें कि यहाँ 'front end' में 'Title' और 'body' फिल्ड्स एडिट करने योग्य हैं। |
| − | + | ||
|- | |- | ||
| 02:14 | | 02:14 | ||
| Line 101: | Line 100: | ||
|- | |- | ||
| 02:22 | | 02:22 | ||
| − | |अब हम | + | |अब हम 'body' में बदलाव कर सकते हैं और इसे 'save' सकते हैं। |
|- | |- | ||
| 02:26 | | 02:26 | ||
| − | | मैं | + | | मैं 'Quick edit' विंडो में tags को भी एडिट कर सकता हूँ। |
|- | |- | ||
| 02:30 | | 02:30 | ||
| − | | | + | |'Drupal' में front end एडिटिंग सामान्य एडिटिंग के लिए योग्य है। |
|- | |- | ||
| 02:34 | | 02:34 | ||
| − | | कंटेंट को किसी भी समय अपडेट करने के लिए, | + | | कंटेंट को किसी भी समय अपडेट करने के लिए, 'Edit' टैब Drupal का एक बहुत अच्छा फीचर है। |
|- | |- | ||
| 02:40 | | 02:40 | ||
| − | | | + | | 'Wysiwyg' एडिटर पहले कई बार उल्लेखित किया गया है। |
|- | |- | ||
| 02:44 | | 02:44 | ||
| − | | इसका अर्थ है | + | | इसका अर्थ है 'what you see is what you get' |
|- | |- | ||
| 02:48 | | 02:48 | ||
| − | | | + | | 'Wysiwyg' एडिटर काफी उपयोगी है। |
|- | |- | ||
| 02:52 | | 02:52 | ||
| − | | | + | | 'Text Format' को 'Full HTML' में बदलें। |
|- | |- | ||
| 02:58 | | 02:58 | ||
| − | |यह हमें | + | |यह हमें 'Wysiwyg' एडिटर में उपलब्ध फॉर्मेंटिंग ऑप्शन्स के बारे में बतायेगा। |
|- | |- | ||
| 03:04 | | 03:04 | ||
| − | | | + | | 'Drupal' में 'CKEditor' 'Drupal core' के साथ आता है। |
|- | |- | ||
| 03:09 | | 03:09 | ||
| Line 137: | Line 136: | ||
|- | |- | ||
| 03:20 | | 03:20 | ||
| − | |फॉर्मेट को | + | |फॉर्मेट को 'Normal' से 'Heading 2' में बदलें। |
|- | |- | ||
| 03:24 | | 03:24 | ||
| − | |तुरंत | + | |तुरंत 'Drupal' एक प्रीव्यू देता है कि टेक्स्ट कैसा दिखेगा। |
|- | |- | ||
| 03:30 | | 03:30 | ||
| − | | यह | + | | यह 'theme' और 'cascading style sheets' या 'CSS' द्वारा निर्धारित है, जो कि हमें थीम देता है। |
|- | |- | ||
| 03:38 | | 03:38 | ||
| Line 149: | Line 148: | ||
|- | |- | ||
| 03:44 | | 03:44 | ||
| − | | अब उस टेक्स्ट को हाईलाइट करें, | + | | अब उस टेक्स्ट को हाईलाइट करें, 'Italics' को ऑफ करें और टेक्स्ट के लिए 'hyperlink' बनाएं। |
|- | |- | ||
| 03:52 | | 03:52 | ||
| − | | यहाँ दर्शाता है, http://drupal.org/ | + | | यहाँ दर्शाता है, http://drupal.org/ 'Save' पर क्लिक करें। |
|- | |- | ||
| 04:00 | | 04:00 | ||
| − | |माउस घुमाएं और देखें कि टेक्स्ट अब | + | |माउस घुमाएं और देखें कि टेक्स्ट अब 'hyperlinked' हो गया है। |
|- | |- | ||
| 04:04 | | 04:04 | ||
| − | | | + | | 'hyperlink' को हटाने के लिए, टेक्स्ट को हाईलाइट करें और 'Unlink' पर क्लिक करें। |
|- | |- | ||
| 04:10 | | 04:10 | ||
| − | |बदलाव को अंडु करने के लिए | + | |बदलाव को अंडु करने के लिए 'Ctrl+Z' दबाएँ। |
|- | |- | ||
| 04:14 | | 04:14 | ||
| Line 168: | Line 167: | ||
|- | |- | ||
| 04:21 | | 04:21 | ||
| − | | | + | |'Unordered list' पर क्लिक करें। फिर बुलेट्स - 'one, two, three' जोडें। |
|- | |- | ||
| 04:28 | | 04:28 | ||
| − | |अब | + | |अब 'Ordered list' पर क्लिक करें और 'one, two' और 'three' जोडें। |
|- | |- | ||
| 04:34 | | 04:34 | ||
| − | | | + | | 'Block quotes' का उपयोग करने के लिए, कुछ टेक्स्ट हाईलाइट करें और 'Block Quote' लिंक पर क्लिक करें। |
|- | |- | ||
| 04:40 | | 04:40 | ||
| − | |फिर से, फॉर्मेटिंग हमारे | + | |फिर से, फॉर्मेटिंग हमारे 'theme' द्वारा प्रबंधित है। |
|- | |- | ||
| 04:46 | | 04:46 | ||
| − | | हम आसानी से इमैज भी प्रविष्ट कर सकते हैं। मैंने इस फाइल को चुना, जिसे मैंने पहले | + | | हम आसानी से इमैज भी प्रविष्ट कर सकते हैं। मैंने इस फाइल को चुना, जिसे मैंने पहले 'node' में अपलोड किया था। |
|- | |- | ||
| 04:56 | | 04:56 | ||
| − | | | + | | 'Alternate Text' फिल्ड में, मैं “Drupal Logo” टाइप करूँगी। |
|- | |- | ||
| 05:02 | | 05:02 | ||
| − | | | + | |'Align' में, मैं 'Right' चुनूंगी। यदि आप चाहते हैं तो एक 'Caption' जोडें। |
|- | |- | ||
| 05:08 | | 05:08 | ||
| − | |आखिर में | + | |आखिर में 'Save' पर क्लिक करें। |
|- | |- | ||
| 05:12 | | 05:12 | ||
| Line 202: | Line 201: | ||
|- | |- | ||
| 05:36 | | 05:36 | ||
| − | | | + | |'Drupal node' में इमैजेस जोडने से पहले, सुनिश्चित कर लें कि आपकी इमैजेस सही साइज और फॉर्मेट की हुई हों। |
|- | |- | ||
| 05:43 | | 05:43 | ||
| − | | यह | + | | यह 'node' पर कंटेंट को अलाइन करने में काफी मदद करेगा। |
|- | |- | ||
| 05:47 | | 05:47 | ||
| − | | हम एक | + | | हम एक 'table' या 'horizontal line' जोड सकते हैं। |
|- | |- | ||
| 05:51 | | 05:51 | ||
| − | |और | + | |और 'blocks' दिखा सकते हैं जो हमने अपने node में बनाये हैं। |
|- | |- | ||
| 05:55 | | 05:55 | ||
| − | | अत:, यहाँ है | + | | अत:, यहाँ है 'H2 block', 'block code, paragraph, tag' आदि। |
|- | |- | ||
| 06:01 | | 06:01 | ||
| − | |यदि आप | + | |यदि आप 'HTML' को जानते हैं, तो आप इस 'icon' पर क्लिक करके source को देख सकते हैं। |
|- | |- | ||
| Line 226: | Line 225: | ||
|- | |- | ||
| 06:12 | | 06:12 | ||
| − | | ध्यान दें कि हमने | + | | ध्यान दें कि हमने 'Full HTML' ऑन किया है। |
|- | |- | ||
| 06:16 | | 06:16 | ||
| − | | यदि हम इसे | + | | यदि हम इसे 'Basic HTML' में बदलते हैं, तो यह हमें चैतावनी देता है। |
|- | |- | ||
| 06:21 | | 06:21 | ||
| Line 235: | Line 234: | ||
|- | |- | ||
| 06:26 | | 06:26 | ||
| − | | हमने | + | | हमने 'JavaScript, I-frame, youtube video', 'google map' या कुछ इस तरह प्रविष्ट किया है। |
|- | |- | ||
| 06:33 | | 06:33 | ||
| − | | | + | |'Basic HTML' में बदलने के कारण 'Drupal' इस कंटेंट को हटा देगा। |
|- | |- | ||
| 06:38 | | 06:38 | ||
| Line 247: | Line 246: | ||
|- | |- | ||
| 06:48 | | 06:48 | ||
| − | |यह | + | |यह 'CKEditor' का त्वरित अवलोकन है, जो 'Drupal' में आता है। |
|- | |- | ||
| 06:52 | | 06:52 | ||
| Line 253: | Line 252: | ||
|- | |- | ||
| 06:55 | | 06:55 | ||
| − | | अब | + | | अब 'Save and keep published' पर क्लिक करें। |
|- | |- | ||
| 06:58 | | 06:58 | ||
| − | | संशोधित | + | | संशोधित 'node' प्रदर्शित होता है। |
|- | |- | ||
| 07:01 | | 07:01 | ||
| − | | अब | + | | अब 'CKEditor' को कंफिगर करना सीखते हैं। |
|- | |- | ||
| 07:05 | | 07:05 | ||
| − | | ऊपर | + | | ऊपर 'Configuration' पर क्लिक करें। |
|- | |- | ||
| 07:09 | | 07:09 | ||
| − | | अब | + | | अब 'Text formats and editors' पर क्लिक करें। |
|- | |- | ||
| 07:13 | | 07:13 | ||
| − | |हम देखेंगे कि | + | |हम देखेंगे कि 'Basic HTML' और 'Full HTML', 'CKEditor' का उपयोग करता है। |
|- | |- | ||
| 07:19 | | 07:19 | ||
| − | |और, ये | + | |और, ये 'Authenticated User' और 'Administrator' को असाइन होते हैं। |
|- | |- | ||
| 07:24 | | 07:24 | ||
| − | | यहाँ दो यूनिक | + | | यहाँ दो यूनिक 'user roles' हैं। |
|- | |- | ||
| 07:27 | | 07:27 | ||
| − | | | + | | 'Drupal' में, हमारे यूजर के भिन्न रोल्स होते हैं और प्रत्येक रोल्स को पर्मिशन दी गई होती है। |
|- | |- | ||
| 07:34 | | 07:34 | ||
| − | | यहाँ | + | | यहाँ 'Authenticated user' और 'Administrator' द्वारा Basic HTML उपयोग किया जा सकता है। |
|- | |- | ||
| 07:41 | | 07:41 | ||
| − | | | + | |'CKEditor' को इन 2 रोल्स के लिए असाइन किया गया है। |
|- | |- | ||
| 07:45 | | 07:45 | ||
| − | | उसीतरह, | + | | उसीतरह, 'Full HTML' को एक 'Administrator' द्वारा उपयोग किया जा सकता है। |
|- | |- | ||
| 07:50 | | 07:50 | ||
| − | | अब | + | | अब 'Basic HTML' के लिए 'CKEditor' को चैक करें। |
|- | |- | ||
| 07:54 | | 07:54 | ||
| − | | | + | |'Configure' पर क्लिक करें और आप इसको भिन्न रोल्स के लिए असाइन करने में सक्षम होंगे। |
|- | |- | ||
| 07:59 | | 07:59 | ||
| − | | किसी भी | + | | किसी भी 'Text editor' को असाइन करें, जो आप चाहते हैं। और बटन्स के लिए उन्हें पर्मिशन दें, जो उन्हें उपयोग करने की अनुमति देते हैं। |
|- | |- | ||
| 08:07 | | 08:07 | ||
| Line 302: | Line 301: | ||
|- | |- | ||
| 08:15 | | 08:15 | ||
| − | | क्या, यदि हम अपने | + | | क्या, यदि हम अपने 'Active toolbar' में इन बटन्स में से एक को जोडना चाहते हैं? यह बहुत आसान है। |
|- | |- | ||
| 08:21 | | 08:21 | ||
| − | | | + | | 'Available buttons' से Paste from Word आइकन चुनें। |
|- | |- | ||
| 08:26 | | 08:26 | ||
| Line 311: | Line 310: | ||
|- | |- | ||
| 08:33 | | 08:33 | ||
| − | | नया ग्रुप जोडने के लिए | + | | नया ग्रुप जोडने के लिए 'Add group' बटन पर क्लिक करें। इसको “copy and paste” नाम दें और 'Apply' पर क्लिक करें। |
|- | |- | ||
| 08:41 | | 08:41 | ||
| − | | अब, | + | | अब, 'Paste from Word' आइकन को 'copy and paste' सेक्शन में क्लिक और ड्रैग करें। |
|- | |- | ||
| 08:47 | | 08:47 | ||
| − | | अब सभी | + | | अब सभी 'paste icons' को यहाँ जोडें। |
|- | |- | ||
| 08:51 | | 08:51 | ||
| − | | तो हमने अपने | + | | तो हमने अपने 'Basic HTML format' के लिए अपने बार में तीन नयें बटन्स जोड दिये हैं। |
|- | |- | ||
| 08:57 | | 08:57 | ||
| − | | | + | |'Paste icons' वे हैं जिनकी प्रत्येक टूलबार में आवश्यकता होती है, क्योंकि अधिकतर टेक्स्ट फाइल्स से कॉपी पेस्ट होता है। |
|- | |- | ||
| 09:04 | | 09:04 | ||
| − | | हम | + | | हम 'inline-images' भी अपलोड करेंगे। और किसी भी चौडाई और ऊँचाई के साथ अधिकतम 32MB साइज की फाइल अपलोड करेंगे। |
|- | |- | ||
| 09:14 | | 09:14 | ||
| Line 335: | Line 334: | ||
|- | |- | ||
| 09:23 | | 09:23 | ||
| − | | हम हमेशा | + | | हम हमेशा 'URL' को 'link' में बदलना चाहते हैं, लिंक स्वयं करने के बजाय। |
|- | |- | ||
| 09:29 | | 09:29 | ||
| − | |हम यह | + | |हम यह 'Convert URLs into links' ऑप्शन पर क्लिक करके कर सकते हैं। |
|- | |- | ||
| 09:34 | | 09:34 | ||
| − | | यहाँ हमारे पास | + | | यहाँ हमारे पास 'Filter settings' भी है। 'Limit allowed HTML tags' पर क्लिक करें। |
|- | |- | ||
| 09:41 | | 09:41 | ||
| − | |अब हम | + | |अब हम 'HTML tags' जोडने में सक्षम होंगे। जिसे हम उपयोग कर सकते हैं, जब हम सोर्स पर देखते हैं। |
|- | |- | ||
| 09:47 | | 09:47 | ||
| − | | अत: यह वास्तव में प्रभावशाली | + | | अत: यह वास्तव में प्रभावशाली 'WYSIWYG editor' है और यह कंफिगिरेशन भाग है। |
|- | |- | ||
| 09:54 | | 09:54 | ||
| − | | अपने सभी बदलाव करने के बाद | + | | अपने सभी बदलाव करने के बाद 'Save configuration' बटन पर क्लिक करें। |
|- | |- | ||
| 09:59 | | 09:59 | ||
| − | |अब अपना | + | |अब अपना 'Content' देखते हैं। |
|- | |- | ||
| 10:02 | | 10:02 | ||
| − | | | + | | 'Welcome to Drupalville node' में 'Edit' ऑप्शन पर क्लिक करें। |
|- | |- | ||
| 10:07 | | 10:07 | ||
| − | | ध्यान दें कि क्योंकि हमने | + | | ध्यान दें कि क्योंकि हमने 'Full HTML' ऑन किया है, इसलिए कुछ भी नहीं बदला है। |
|- | |- | ||
| 10:12 | | 10:12 | ||
| − | | अब इसे | + | | अब इसे 'Basic HTML' में बदलें। सभी बदलाव यहाँ मौजूद हैं। |
|- | |- | ||
| 10:18 | | 10:18 | ||
| − | |हालांकि मैं अब अपने | + | |हालांकि मैं अब अपने 'blocks' नहीं देख सकती, 'Paste icons' उपलब्ध हैं। |
|- | |- | ||
| 10:23 | | 10:23 | ||
| − | | मैं इस इमैज को यहाँ नहीं चाहती हूँ। तो मैं इमैज पर क्लिक करके और इसे कीबोर्ड पर | + | | मैं इस इमैज को यहाँ नहीं चाहती हूँ। तो मैं इमैज पर क्लिक करके और इसे कीबोर्ड पर 'Backspace' या 'Delete' की दबाकर डिलीट करूँगी। |
|- | |- | ||
| 10:32 | | 10:32 | ||
| − | | | + | |'Save and keep published' पर क्लिक करें। |
|- | |- | ||
| 10:35 | | 10:35 | ||
| − | | फिर से | + | | फिर से 'Configuration' पर क्लिक करें। नीचे स्क्रोल करें औऱ 'Text formats and editor' पर क्लिक करें। |
|- | |- | ||
| 10:43 | | 10:43 | ||
| − | |इस समय हम | + | |इस समय हम 'Full HTML toolbar' कंफिगर करते हैं। |
|- | |- | ||
| 10:47 | | 10:47 | ||
| − | | ध्यान दें कि हमें यहाँ कुछ अधिक बटन्स मिले हैं किंतु | + | | ध्यान दें कि हमें यहाँ कुछ अधिक बटन्स मिले हैं किंतु 'Paste icons' नहीं मिला। |
|- | |- | ||
| 10:52 | | 10:52 | ||
| − | | | + | |'Show group names' पर क्लिक करें और अब दूसरी लाइन में 'dd group' पर क्लिक करें। |
|- | |- | ||
| 10:57 | | 10:57 | ||
| − | |इसे “copy and paste” नाम दें। अब हम इसे अपने | + | |इसे “copy and paste” नाम दें। अब हम इसे अपने 'copy and paste' सेक्शन में ड्रैग और पेस्ट करेंगे। |
|- | |- | ||
| 11:05 | | 11:05 | ||
| Line 392: | Line 391: | ||
|- | |- | ||
| 11:13 | | 11:13 | ||
| − | | फिर से अपने | + | | फिर से अपने 'Welcome to Drupalville' पर जाएँ। और इसे 'Full HTML' में बदलें। |
|- | |- | ||
| 11:18 | | 11:18 | ||
| − | | | + | | 'Continue' पर क्लिक करें और अब, हम बटन्स की दो पंक्तियाँ देखते हैं। |
|- | |- | ||
| 11:23 | | 11:23 | ||
| Line 401: | Line 400: | ||
|- | |- | ||
| 11:26 | | 11:26 | ||
| − | | | + | | 'CKEditor' पर कुछ समय काम करें और सुनिश्चत कर लें कि आप इसे अच्छी तरह से समझ गए हैं। |
|- | |- | ||
| 11:32 | | 11:32 | ||
Revision as of 16:00, 5 September 2016
| |
|
| 00:01 | 'Editing Existing Content' पर स्पोकन ट्यूटोरियल में आपका स्वागत है। |
| 00:06 | इस ट्यूटोरिल में हम सीखेंगे inline editing |
| 00:10 | 'CKEditor' का उपयोग और |
| 00:12 | 'CKEditor' को कंफिगर करना |
| 00:15 | इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं
|
| 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 | इस ट्यूटोलियल में हमने सीखा
|
| 11:50 | यह वीडियो Acquia और OS ट्रेनिंग से लिया गया है और स्पोकन ट्यूटोरियल प्रोजेक्ट, आईआईटी बॉम्बे द्वारा संशोधित किया गया है। |
| 11:59 | इस लिंक पर उपलब्ध वीडियो, स्पोकन ट्यूटोरियल प्रोजेक्ट को सारांशित करता है। कृपया इसे डाउनलोड करके देखें। |
| 12:06 | स्पोकन ट्यूटोरियल प्रोजेक्ट टीम कार्यशालाएं चलाती है और प्रमाणपत्र देती है। अधिक जानकारी के लिए, हमें लिखें।
|
| 12:13 | स्पोकन ट्यूटोरियल प्रोजेक्ट
NMEICT, मानव संसाधन विकास मंत्रायल और NVLI, संस्कृति मंत्रालय, भारत सरकार द्वारा निधिबद्ध है। |
| 12:25 | यह स्क्रिप्ट बिंदु पांडे द्वारा अनुवादित है। आईआईटी बॉम्बे की ओर से मैं श्रुति आर्य अब आपसे विदा लेती हूँ। धन्यवाद...
|
