Difference between revisions of "Drupal/C3/Controlling-Display-of-Images/Marathi"

From Script | Spoken-Tutorial
Jump to: navigation, search
Line 10: Line 10:
 
|-
 
|-
 
| 00:06
 
| 00:06
| या पाठात आपण शिकणार आहोतः 'Image styles' आणि photo gallery view .
+
| या पाठात आपण शिकणार आहोतः 'Image styles' आणि 'photo gallery view'.
  
 
|-
 
|-
 
| 00:12
 
| 00:12
| या पाठासाठी आपण वापरणार आहोत,
+
| या पाठासाठी आपण वापरणार आहोत, 'उबंटु लिनॅक्स ऑपरेटिंग सिस्टीम', 'Drupal' 8 आणि 'Firefox' वेब ब्राउजर.
* 'उबंटु लिनॅक्स ऑपरेटिंग सिस्टीम'
+
* 'Drupal' 8 आणि
+
* 'Firefox' वेब ब्राउजर
+
  
 
|-
 
|-
Line 61: Line 58:
 
|-
 
|-
 
| 01:03
 
| 01:03
|तसेच पुढच्या view साठीही करू जो आपण logos च्या ग्रिडसाठी बनवणार आहोत.
+
|तसेच पुढच्या 'view' साठीही करू जो आपण 'logos' च्या ग्रिडसाठी बनवणार आहोत.
  
 
|-
 
|-
Line 73: Line 70:
 
|-
 
|-
 
| 01:19
 
| 01:19
| लक्षात घ्या की ड्रुपल आपल्यासाठी machine name भरेल.
+
| लक्षात घ्या की ड्रुपल आपल्यासाठी 'machine name' भरेल.
  
 
|-
 
|-
Line 89: Line 86:
 
|-
 
|-
 
| 01:38
 
| 01:38
| 'EFFECT' खाली ड्रॉपडाउनमधे 'Select a new effect' क्लिक करा.
+
| 'EFFECT' खाली ड्रॉपडाउनमधे 'Select a new effect' क्लिक करा.
  
 
|-
 
|-
 
| 01:42
 
| 01:42
|या सूचीत अनेक पर्याय दाखवले गेले आहेत. यातील Scale and crop इफेक्ट निवडू.
+
|या सूचीत अनेक पर्याय दाखवले गेले आहेत. यातील 'Scale and crop' इफेक्ट निवडू.
  
 
|-
 
|-
 
| 01:49
 
| 01:49
|तुमच्या आवडीनुसार कुठलाही पर्याय निवडू शकता, उदाहरणार्थ, Rotate, Resize किंवा अन्य कोणताही.
+
|तुमच्या आवडीनुसार कुठलाही पर्याय निवडू शकता, उदाहरणार्थ, 'Rotate, Resize' किंवा अन्य कोणताही.
  
 
|-
 
|-
Line 109: Line 106:
 
|-
 
|-
 
| 02:02
 
| 02:02
|लक्षात ठेवा की मूळ इमेजपेक्षा 'Width' आणि 'Height' जास्त नसावी.
+
|लक्षात ठेवा की मूळ इमेजपेक्षा 'Width' आणि 'Height' जास्त नसावी.
  
 
|-
 
|-
Line 129: Line 126:
 
|-
 
|-
 
| 02:29
 
| 02:29
|यावेळी, Image style name मधे टाईप करू: "photo gallery of logos"
+
|यावेळी, 'Image style name' मधे टाईप करू: "photo gallery of logos"
  
 
|-
 
|-
Line 137: Line 134:
 
|-
 
|-
 
| 02:38
 
| 02:38
|ही इमेज तुमच्या मशीनवरील कोणत्याही photo gallery मधे असू शकेल.
+
|ही इमेज तुमच्या मशीनवरील कोणत्याही 'photo gallery' मधे असू शकेल.
  
 
|-
 
|-
Line 161: Line 158:
 
|-
 
|-
 
| 03:09
 
| 03:09
| येथे दिसेल की ड्रुपल  प्रत्येक Image style साठी इमेजचे एक वर्जन बनवतो आणि त्यांना 'site' वर संचित करतो.
+
| येथे दिसेल की ड्रुपल  प्रत्येक 'Image style' साठी इमेजचे एक वर्जन बनवतो आणि त्यांना 'site' वर संचित करतो.
  
 
|-
 
|-
Line 201: Line 198:
 
|-
 
|-
 
|  03:59
 
|  03:59
|असे करण्यासाठी, Structures क्लिक करा. नंतर 'Views' आणि 'Add new view' क्लिक करा.
+
|असे करण्यासाठी, 'Structures' क्लिक करा. नंतर 'Views' आणि 'Add new view' क्लिक करा.
  
 
|-
 
|-
Line 213: Line 210:
 
|-
 
|-
 
|  04:14
 
|  04:14
| photo-of-the-day किंवा इमेज गॅलरीसाठी ह्या 'view' चा  कोणत्याही इवेंटमधे वापर करता येईल.
+
| 'photo-of-the-day' किंवा इमेज गॅलरीसाठी ह्या 'view' चा  कोणत्याही इवेंटमधे वापर करता येईल.
  
 
|-
 
|-
Line 221: Line 218:
 
|-
 
|-
 
|  04:25
 
|  04:25
|  खाली स्क्रोल करा आणि 'fields' साठी 'Grid' क्लिक करा.
+
|  खाली स्क्रोल करा आणि 'fields' साठी 'Grid' क्लिक करा.
  
 
|-
 
|-
Line 245: Line 242:
 
|-
 
|-
 
|  04:54
 
|  04:54
|आपले 5 निकष परत तपासू.
+
|आपले 5 निकष परत तपासू. 'Display' हे 'Page' आहे.
'Display' हे 'Page' आहे.
+
  
 
|-
 
|-
Line 254: Line 250:
 
|-
 
|-
 
| 05:01
 
| 05:01
|येथे Title नावाचे केवळ एक Field आहे.
+
|येथे 'Title' नावाचे केवळ एक 'Field' आहे.
  
 
|-
 
|-
 
| 05:04
 
| 05:04
| आणि शेवटीः Filter आणि Sort Criteria
+
| आणि शेवटीः 'Filter' आणि 'Sort Criteria'
  
 
|-
 
|-
Line 270: Line 266:
 
|-
 
|-
 
|  05:17
 
|  05:17
|Format मधे कॉलम्सची संख्या बदलण्यासाठी, Settings पर्याय निवडा.
+
|'Format' मधे कॉलम्सची संख्या बदलण्यासाठी, 'Settings' पर्याय निवडा.
  
 
|-
 
|-
 
| 05:22
 
| 05:22
| नंतर कॉलम्सची संख्या 3 करा आणि Apply क्लिक करा.
+
| नंतर कॉलम्सची संख्या 3 करा आणि 'Apply' क्लिक करा.
  
 
|-
 
|-
Line 290: Line 286:
 
|-
 
|-
 
|  05:40
 
|  05:40
|यावेळी, Image style मधे photo gallery of logos निवडू.
+
|यावेळी, 'Image style मधे photo gallery of logos' निवडू.
  
 
|-
 
|-

Revision as of 17:38, 7 October 2016

Time Narration
00:01 स्पोकन ट्युटोरियलच्या 'Controlling Display of Images' वरील पाठात आपले स्वागत.
00:06 या पाठात आपण शिकणार आहोतः 'Image styles' आणि 'photo gallery view'.
00:12 या पाठासाठी आपण वापरणार आहोत, 'उबंटु लिनॅक्स ऑपरेटिंग सिस्टीम', 'Drupal' 8 आणि 'Firefox' वेब ब्राउजर.
00:21 तुम्ही तुमच्या पसंतीचा वेब ब्राऊजर वापरू शकता.
00:25 आधी तयार केलेली वेबसाईट उघडू.
00:29 ड्रुपलमधे साईटच्या गरजेनुसार आपण इमेजचा साईज आणि स्केल बदलू शकतो.
00:37 ड्रुपल मूळ इमेज घेतो आणि आपल्याला हवे त्याप्रमाणे त्याची साईज आणि स्केल बदलतो.
00:43 नंतर फाईलचे हे वर्जन सेव्ह करतो.
00:46 'Configuration' क्लिक करा.
00:48 आपण येथे 2 'image styles' बनवणार आहोत.
00:51 खाली स्क्रोल करा आणि 'MEDIA tab' वर जा.
00:54 येथे आपण 'Image Styles' पाहू शकतो. यावर क्लिक करा.
00:58 आपण 'table' साठी 'Image style' बनवू जे आपण सेटप केले आहे.
01:03 तसेच पुढच्या 'view' साठीही करू जो आपण 'logos' च्या ग्रिडसाठी बनवणार आहोत.
01:09 'Add image styles' क्लिक करा.
01:12 'Image style name' मधे आपण टाईप करू "Upcoming Events 150 x 150".
01:19 लक्षात घ्या की ड्रुपल आपल्यासाठी 'machine name' भरेल.
01:23 हे आपले 'Image style name' आहे.
01:26 आता 'Create new style' क्लिक करा.
01:29 डाव्या बाजूला, मूळ इमेज, 600 बाय 800 pixels आहे आणि इमेजचे एडिट केलेले वर्जन उजवीकडे आहे.
01:38 'EFFECT' खाली ड्रॉपडाउनमधे 'Select a new effect' क्लिक करा.
01:42 या सूचीत अनेक पर्याय दाखवले गेले आहेत. यातील 'Scale and crop' इफेक्ट निवडू.
01:49 तुमच्या आवडीनुसार कुठलाही पर्याय निवडू शकता, उदाहरणार्थ, 'Rotate, Resize' किंवा अन्य कोणताही.
01:56 'Add' बटनावर क्लिक करा.
01:58 'Width' '150' आणि 'Height' '150' टाईप करा.
02:02 लक्षात ठेवा की मूळ इमेजपेक्षा 'Width' आणि 'Height' जास्त नसावी.
02:07 असे केल्याने इमेज पिक्सलेट केली जाते.
02:11 'Add effect' क्लिक करा.
02:13 येथे आपली नवी 'Image Style' आहे. उजवीकडील इमेजमधे आपण पाहू शकतो की आता स्केल्ड आणि क्रॉप्ड झाली आहे.
02:22 आणखी एक बनवू. 'Image styles' क्लिक करा. आणि नंतर 'Add image styles' बटनावर क्लिक करा.
02:29 यावेळी, 'Image style name' मधे टाईप करू: "photo gallery of logos"
02:35 'Create new style' बटनावर क्लिक करा.
02:38 ही इमेज तुमच्या मशीनवरील कोणत्याही 'photo gallery' मधे असू शकेल.
02:42 हे कोणत्याही इमेजसाठी, कोणत्याही फिल्डमधे आणि कंटेंटमधे करू शकतो.
02:47 पुन्हा 'Select a new effect' क्लिक करा. आणि परत 'Scale and crop' पर्याय निवडा.
02:53 'Add' बटनावर क्लिक करा. आता 'Width' '300' आणि 'Height' '300' टाईप करा.
03:00 आणि परत 'Add effect' बटनावर क्लिक करा.
03:03 लक्षात घ्या की उजवीकडील इमेज आता 300 बाय 300 या नव्या डायमेन्शनमधे आहे.
03:09 येथे दिसेल की ड्रुपल प्रत्येक 'Image style' साठी इमेजचे एक वर्जन बनवतो आणि त्यांना 'site' वर संचित करतो.
03:18 'Structure' क्लिक करा. नंतर 'Views' क्लिक करा.
03:21 आता Edit क्लिक करा. आपल्या 'Upcoming Events view' ला अपडेट करा.
03:27 'Event Logo' क्लिक करा. आणि 'Image Style' ला 'Upcoming Events' ने बदला.
03:33 नंतर 'Apply' क्लिक करा.
03:36 प्रिव्ह्यू सेक्शनमधे खाली स्क्रोल करा. आपल्याला दिसेल की सर्व लोगो युनिफॉर्म आहेत.
03:42 आता 'Save' क्लिक करा.
03:45 'Back to site' क्लिक करा. हा आपल्या वेबसाइटवरील आपला व्ह्यू आहे.
03:50 अशापध्दतीने 'Image Styles' कार्य करतात.
03:53 आता या सर्व इवेंट्ससाठी, ग्रिड लेआउट स्वरूपात नवा view बनवू.
03:59 असे करण्यासाठी, 'Structures' क्लिक करा. नंतर 'Views' आणि 'Add new view' क्लिक करा.
04:05 आपण ह्यास 'Photo Gallery' नाव देऊ.
04:09 'view' सेटिंगला 'Events' प्रकाराचा 'Content' सेट करा.
04:14 'photo-of-the-day' किंवा इमेज गॅलरीसाठी ह्या 'view' चा कोणत्याही इवेंटमधे वापर करता येईल.
04:22 'Create a page' क्लिक करा.
04:25 खाली स्क्रोल करा आणि 'fields' साठी 'Grid' क्लिक करा.
04:29 लक्षात ठेवा, आपण ड्रॉप-डाउन मधे ड्रुपलने दिलेल्या कोणताही इतर पर्याय निवडू शकतो.
04:36 'Items to display' फिल्ड मधे, '9' निवडा. हा 3 बाय 3 grid दाखवतो.
04:42 'Create a menu link' चेक करा.
04:46 'Menu' ड्रॉप-डाउनमधे, 'Main navigation' पर्याय निवडा.
04:51 परत 'Save and Edit' क्लिक करा.
04:54 आपले 5 निकष परत तपासू. 'Display' हे 'Page' आहे.
04:59 'Format' हे एक 'Grid' आहे.
05:01 येथे 'Title' नावाचे केवळ एक 'Field' आहे.
05:04 आणि शेवटीः 'Filter' आणि 'Sort Criteria'
05:08 आत्तासाठी आपण ते असेच ठेवू.
05:12 खाली स्क्रोल करा. येथे आपल्याला दिसेल की आपल्याकडे 4 'columns' आणि 9 'events' आहेत.
05:17 'Format' मधे कॉलम्सची संख्या बदलण्यासाठी, 'Settings' पर्याय निवडा.
05:22 नंतर कॉलम्सची संख्या 3 करा आणि 'Apply' क्लिक करा.
05:28 हे आपल्याला 3 बाय 3 ग्रिड देईल.
05:31 'Fields' मधे 'Add' क्लिक करा.
05:34 'Event Logo' वर जाऊ, यावर चेक-मार्क करू आणि परत 'Apply' क्लिक करू.
05:40 यावेळी, 'Image style मधे photo gallery of logos' निवडू.
05:45 'Link image to' मधे 'Content' निवडा आणि 'Apply' क्लिक करा.
05:50 लगेच खाली प्रिव्ह्यू सेक्शन मधे ग्रिड दाखवले जाईल.
05:55 आपल्याला दिसेल की ग्रिड लेआउट 'table' पेक्षा वेगळा आहे.
06:00 सर्व 'fields' ज्यांना आपण नोडमधून घेतले आहे, एका सेलमधे आहेत.
06:05 आणि आपण ठरवू शकतो की आपल्याला किती सेल्स दाखवायच्या आहेत.
06:09 'Save' क्लिक करा.
06:12 'Back to site' बटनावर क्लिक करा. आणि नंतर 'Photo Gallery' क्लिक करा.
06:17 हे चांगले दिसत आहे.
06:19 मोबाइलसारख्या छोट्या उपकरणांवर, आपले 3 बाय 3 ग्रिड दाखवण्यासाठी सर्व इमेजेसचे स्केल कमी होते.
06:26 आणि हेच ड्रुपल ग्रिडसाठी करतो.
06:29 याचबरोबर आपण पाठाच्या अंतिम टप्प्यात पोहोचलो आहोत. थोडक्यात,
06:34 या पाठात शिकलो, 'Image styles' आणि 'photo gallery view' .
06:44 हा व्हिडिओ Acquia आणि OSTraining ह्यावर आधारित असून आय आय टी बॉमबेच्या स्पोकन ट्युटोरियल प्रोजेक्टने संशोधित केला आहे.
06:53 या व्हिडिओमधे तुम्हाला स्पोकन ट्युटोरियल प्रॉजेक्टचा सारांश मिळेल. कृपया व्हिडिओ डाऊनलोड करून बघा.
07:00 स्पोकन ट्युटोरियल प्रॉजेक्ट टीम Spoken Tutorials च्या सहाय्याने कार्यशाळा चालविते. ऑनलाईन परीक्षा उत्तीर्ण होणा-या विद्यार्थ्यांना प्रमाणपत्रही दिले जाते. अधिक माहितीसाठी कृपया आम्हाला लिहा.
07:08 स्पोकन ट्युटोरियल प्रॉजेक्टसाठी अर्थसहाय्य NMEICT, Ministry of Human Resource Development आणि NVLI, Ministry of Culture, Government of India यांच्याकडून मिळालेले आहे.
07:19 हे भाषांतर मनाली रानडे यांनी केले असून आवाज .... यांनी दिला आहे. सहभागासाठी धन्यवाद.

Contributors and Content Editors

Manali, PoojaMoolya, Ranjana