Drupal/C2/Editing-Existing-Content/Marathi

From Script | Spoken-Tutorial
Jump to: navigation, search
Time Narration
00:01 स्पोकन ट्यूटोरियलच्या Editing Existing Content वरील पाठात आपले स्वागत.
00:06 या पाठात पाहणार आहोत, इनलाईन एडिटिंग
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 इनलाईन विंडोमधील front end एडिटिंग आहे.
01:29 node साठी, Edit आपल्याला मुख्य एडिटिंग विंडो मधे परत घेऊन जातो.
01:33 Delete , कन्फरमेशन दिल्यावर node डिलीट करेल.
01:37 इनलाईन फॅशन मधे नोडला एडिट करण्यासाठी Quick edit वर क्लिक करा.
01:41 हे आपल्याला एकेका नोडच्या विविध भागांमधे नेईल.
01:47 यावर क्लिक केल्यास, त्यात आणखी कंटेंट समाविष्ट करू शकतो, सोर्स बघू शकतो आणि काही टेक्स्ट बोल्ड करू शकतो.
01:53 त्यात काही बदल केल्यास ड्रुपल आपल्याला सेव्ह करण्यास सांगतो. नोड अपडेट करण्यासाठी Save क्लिक करा.
02:00 आता, article node कसे बदलायचे ते पाहू. जसे की, Welcome to Drupalville.
02:06 Quick edit क्लिक करा. लक्षात घ्या, येथे front end मधे Title आणि body फिल्ड्स एडिट करण्यायोग्य आहेत.
02:14 परंतु आपण इमेज एडिट करू शकत नाही.
02:17 इमेज एडिट करण्यासाठी एडिट स्क्रीन वर जाण्याची आवश्यकता असते.
02:22 आता body मधे बदल करू शकतो. हे save करू शकतो.
02:26 आपण Quick edit विंडोमधे टॅग्जही एडिट करू शकतो.
02:30 ड्रुपलमधे front end एडिटिंग साध्या एडिटिंगसाठी योग्य आहे.
02:34 कोणत्याही वेळी कंटेंट अपडेट करण्यासाठी ड्रुपलमधील Edit टॅब एक चांगले वैशिष्ट्य आहे.
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 ड्रुपलमधे CKEditor हा Drupal core बरोबर येतो.
03:09 हा डिफॉल्ट रूपात चालू असतो आणि हा कॉनफिगर करता येतो.
03:14 एक नजर टाका. "Welcome to our site" टेक्स्ट हाईलाइट करा.
03:20 फॉरमॅट, Normal चा Heading 2 करा.
03:24 टेक्स्ट कसे दिसेल याचा ड्रुपल एक प्रीव्हयू देईल.
03:30 हे थीम आणि थीमने दिलेल्या cascading style sheets म्हणजेच CSS द्वारे निर्धारित केले जाते.
03:38 येथे आणखीन थोडा मजकूर लिहा, “Editing Drupal nodes is really fun!”
03:44 आता हे टेक्स्ट हाईलाइट करा, Italics बंद करा. टेक्स्टसाठी hyperlink बनवा.
03:52 जसे की, http://drupal.org/. नंतर Save वर क्लिक करा.
04:00 त्यावर माउस फिरवून टेक्स्ट हायपरलिंक झाल्याची खात्री करा.
04:04 हायपरलिंक काढून टाकण्यासाठी, टेक्स्ट हाईलाइट करून 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 आपण इमेजही सहजपणे समाविष्ट करू शकतो. मी ही फाईल घेत आहे जी मी प्रथम नोड मधे अपलोड केली होती.
04:56 Alternate Text फिल्ड मधे, आपण “Drupal Logo” टाइप करू.
05:02 Align मधे, आपण Right निवडू. वाटल्यास एक Caption लिहा.
05:08 शेवटी Save क्लिक करा.
05:12 आता हे body मधील नोडला जोडले गेले आहे. वाटल्यास, इमेज वर जाऊन क्लिक करा आणि हव्या त्या ठिकाणी ड्रॅग करा.
05:22 प्रथम, आपल्याला एडिटिंग विंडोचा आकार बदलावा लागेल, म्हणजे इमेज योग्य त्या जागी जरूरीनुसार ड्रॅग करता येईल.
05:30 इमेजवर कर्सर फिरवूनही, आपल्याला इमेजचा आकार बदलता येतो.
05:36 ड्रुपल नोडमधे इमेजेस समाविष्ट करण्यापूर्वी त्या योग्य आकार आणि फॉरमॅटमधे आहेत याची खात्री करून घ्या.
05:43 ह्यामुळे नोडवर कंटेंटची अलाइनमेंट करण्यास मदत होईल.
05:47 आता एक table किंवा horizontal line समाविष्ट करू.
05:51 आणि आपल्या नोडमधे बनवलेले blocks दाखवू.
05:55 येथे H2 block, block code, paragraph, tag इत्यादी आहेत.
06:01 आपल्याला HTML माहिती असल्यास, या आयकॉनवर क्लिक करून सोर्स पाहता येईल.
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 मधे बदलल्यास ड्रुपल हे कंटेंट काढून टाकेल.
06:38 यासारख्या समस्या टाळण्यासाठी, केवळ तुम्हाला गरज असलेल्या गोष्टीच येथे ठेवा.
06:43 सेटिंग मधील केलेले बदल काढून टाकू म्हणजे आपले काही नुकसान होणार नाही
06:48 हा CKEditor चा थोडक्यात आढावा आहे, जो ड्रुपलबरोबर येतो.
06:52 याला कस्टमाइज कसे करायचे हेही आपण पाहिले.
06:55 आता Save and keep published क्लिक करा.
06:58 सुधारित नोड दाखवला जाईल.
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 ड्रुपलमधे आपल्या युजरचे विविध रोल्स असतात आणि प्रत्येक रोलला पर्मिशन दिलेली असते.
07:34 येथे Authenticated user आणि Administrator हे Basic HTML चा वापर करू शकतात.
07:41 या दोन रोल्स साठी CKEditor असाईन केला गेला आहे.
07:45 याचप्रकारे Administrator कडून Full HTML चा उपयोग केला जाऊ शकतो.
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 क्लिक करा आणि आता दुस-या ओळीतील Add 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 आपण या पाठात जाणून घेतले. इनलाईन एडिटिंग, CKEditor चा उपयोग आणि CKEditor कॉनफिगर करणे
11:50 हा व्हिडिओ Acquia आणि OSTraining ह्यावर आधारित असून आय आय टी मुंबईच्या स्पोकन ट्युटोरियल प्रोजेक्टने संशोधित केला आहे.
11:59 या व्हिडिओमधे तुम्हाला स्पोकन ट्युटोरियल प्रॉजेक्टचा सारांश मिळेल. कृपया व्हिडिओ डाऊनलोड करून बघा.
12:06 स्पोकन ट्यूटोरियल प्रॉजेक्ट टीम Spoken Tutorials च्या सहाय्याने कार्यशाळा चालविते. ऑनलाईन परीक्षा उत्तीर्ण होणा-या विद्यार्थ्यांना प्रमाणपत्रही दिले जाते. अधिक माहितीसाठी कृपया आम्हाला लिहा.
12:13 स्पोकन ट्युटोरियल प्रॉजेक्टसाठी अर्थसहाय्य NMEICT, Ministry of Human Resource Development आणि NVLI, Ministry of Culture, Government of India यांच्याकडून मिळालेले आहे.
12:25 हे भाषांतर मनाली रानडे यांनी केले असून मी रंजना भांबळे आपला निरिप घेते. सहभागासाठी धन्यवाद.

Contributors and Content Editors

Manali, PoojaMoolya, Ranjana