Difference between revisions of "Drupal/C3/Styling-a-Page-using-Themes/Hindi"
From Script | Spoken-Tutorial
Shruti arya (Talk | contribs) (Created page with "{|border=1 |'''Time''' |'''Narration''' |- | 00:01 |'Styling a Page using Themes' पर स्पोकन ट्यूटोरियल में आपका स्व...") |
Shruti arya (Talk | contribs) |
||
| Line 11: | Line 11: | ||
|इस ट्यूटोरियल में हम सीखेंगे | |इस ट्यूटोरियल में हम सीखेंगे | ||
* 'themes' का परिचय | * 'themes' का परिचय | ||
| − | * | + | * 'themes' का पता करना और |
| − | * बैसिक 'theme' इंस्टॉल करना। | + | * बैसिक 'theme' इंस्टॉल करना। |
|- | |- | ||
| Line 35: | Line 35: | ||
|- | |- | ||
| 00:48 | | 00:48 | ||
| − | |Themes | + | |Themes आपकी Drupal साइट को आपके अनुसार बना सकते हैं जैसे आप चाहते हैं। |
|- | |- | ||
| 00:51 | | 00:51 | ||
| Line 42: | Line 42: | ||
| 00:55 | | 00:55 | ||
|हम Themes को कुछ अलग स्थानों से प्राप्त कर सकते हैं। | |हम Themes को कुछ अलग स्थानों से प्राप्त कर सकते हैं। | ||
| − | हमारे पास drupal.org में फ्री Themes हैं जिन्हें | + | हमारे पास drupal.org में फ्री Themes हैं जिन्हें Contributed Themes कहते हैं। |
या हम Theme को किसी भी विक्रेता से खरीद सकते हैं। | या हम Theme को किसी भी विक्रेता से खरीद सकते हैं। | ||
|- | |- | ||
| Line 50: | Line 50: | ||
| 01:19 | | 01:19 | ||
| 'Contributed Themes' को 'drupal.org/project/themes' पर पाया जा सकता है। | | 'Contributed Themes' को 'drupal.org/project/themes' पर पाया जा सकता है। | ||
| + | |||
|- | |- | ||
| 01:26 | | 01:26 | ||
| Line 58: | Line 59: | ||
|- | |- | ||
| 01:36 | | 01:36 | ||
| − | |यदि हमारे पास सही region नहीं है, तो | + | |यदि हमारे पास सही region नहीं है, तो यह theme इशू है Block इशू नहीं है। |
|- | |- | ||
| 01:42 | | 01:42 | ||
| Line 73: | Line 74: | ||
|- | |- | ||
| 02:01 | | 02:01 | ||
| − | | अपने Modules वाले ट्यूटोरियल को याद करें। Drupal के जिस वर्जन को हम उपयोग कर रहे हैं | + | | अपने Modules वाले ट्यूटोरियल को याद करें। Drupal के जिस वर्जन को हम उपयोग कर रहे हैं Core compatibility द्वारा फिल्टर है। |
|- | |- | ||
| 02:10 | | 02:10 | ||
| Line 124: | Line 125: | ||
|- | |- | ||
| 03:20 | | 03:20 | ||
| − | | बाद में, | + | | बाद में, इस Theme का Drupal 8 वर्जन बनता है, यहाँ हरे रंग में। |
|- | |- | ||
| 03:27 | | 03:27 | ||
| Line 139: | Line 140: | ||
|- | |- | ||
| 03:52 | | 03:52 | ||
| − | | या, हमारे पास Base Theme हो सकता है। जो कि यहाँ ऊपर अन्य | + | | या, हमारे पास Base Theme हो सकता है। जो कि यहाँ ऊपर अन्य Sub-Themes के लिए डिजाइन किया गया है, जैसे कि Adaptive Theme. |
|- | |- | ||
| 04:02 | | 04:02 | ||
| Line 186: | Line 187: | ||
|- | |- | ||
| 05:12 | | 05:12 | ||
| − | | और आप | + | | और आप 'Zircon' देखेंगे। |
"A flexible, recolorable theme with many regions and a responsive mobile first layout". | "A flexible, recolorable theme with many regions and a responsive mobile first layout". | ||
| Line 208: | Line 209: | ||
|- | |- | ||
| 05:49 | | 05:49 | ||
| − | | और 'shortcut' | + | | और 'shortcut' आइकन। |
|- | |- | ||
| 05:51 | | 05:51 | ||
| Line 218: | Line 219: | ||
|- | |- | ||
| 05:59 | | 05:59 | ||
| − | |'Save' पर क्लिक करें। | + | |' Save' पर क्लिक करें। |
|- | |- | ||
| Line 238: | Line 239: | ||
|- | |- | ||
| 06:22 | | 06:22 | ||
| − | | | + | | एक Header region. Main menu को Main menu Block Region में रखने की जरूरत है क्योंकि फिर यह उचित फॉर्मेट में हो जायेगा। |
|- | |- | ||
| 06:32 | | 06:32 | ||
| Line 244: | Line 245: | ||
|- | |- | ||
| 06:37 | | 06:37 | ||
| − | | | + | | एक ’Featured block region', |
|- | |- | ||
| Line 256: | Line 257: | ||
|06:44 | |06:44 | ||
| 'Panel First', | | 'Panel First', | ||
| − | Panel Second 1,2,3 और 4. और फिर Footer region. | + | Panel Second 1,2,3 और 4. और फिर Footer region. |
|- | |- | ||
| 06:53 | | 06:53 | ||
| Line 308: | Line 309: | ||
|- | |- | ||
| 08:12 | | 08:12 | ||
| − | | 'Page title, Primary admin actions' और 'Page Tabs' | + | | 'Page title, Primary admin actions' और 'Page Tabs' ठीक हैं। |
|- | |- | ||
| 08:18 | | 08:18 | ||
| Line 326: | Line 327: | ||
|- | |- | ||
| 08:41 | | 08:41 | ||
| − | |और देखते हैं कि हमने क्या | + | |और देखते हैं कि हमने क्या किया |
|- | |- | ||
| 08:44 | | 08:44 | ||
| Line 342: | Line 343: | ||
|- | |- | ||
| 09:10 | | 09:10 | ||
| − | |और सभी कंटेंट बीच में | + | |और सभी कंटेंट बीच में हैं। |
|- | |- | ||
| 09:12 | | 09:12 | ||
| Line 371: | Line 372: | ||
|- | |- | ||
|10:13 | |10:13 | ||
| − | |themes कैसे हमारी साइट को प्रभावित | + | |themes कैसे हमारी साइट को प्रभावित करती हैं, यह सीखने के लिए यह बहुत ही शानदार तरीका है। |
आपको अपने अनुसार डिजाइन भी मिल सकते हैं। | आपको अपने अनुसार डिजाइन भी मिल सकते हैं। | ||
|- | |- | ||
| Line 380: | Line 381: | ||
| संक्षेप में... इस ट्यूटोरियल में हमने सीखा | | संक्षेप में... इस ट्यूटोरियल में हमने सीखा | ||
* 'themes' का परिचय | * 'themes' का परिचय | ||
| − | * 'themes' को खोजना और | + | * 'themes' को खोजना और |
| − | * बैसिक 'theme' को इंस्टॉल करना। | + | * बैसिक 'theme' को इंस्टॉल करना। |
|- | |- | ||
| Line 398: | Line 399: | ||
|- | |- | ||
| 11: 19 | | 11: 19 | ||
| − | | यह स्क्रिप्ट बिंदु पांडे द्वारा अनुवादित है। आईआईटी बॉम्बे | + | | यह स्क्रिप्ट बिंदु पांडे द्वारा अनुवादित है। आईआईटी बॉम्बे से मैं श्रुति आर्य आपसे विदा लेती हूँ। धन्यवाद... |
|} | |} | ||
Revision as of 21:58, 4 September 2016
| Time | Narration |
| 00:01 | 'Styling a Page using Themes' पर स्पोकन ट्यूटोरियल में आपका स्वागत है। |
| 00:06 | इस ट्यूटोरियल में हम सीखेंगे
|
| 00:16 | इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं उपयोग कर रही हूँ
आप अपने पसंद का कोई भी वेब ब्राउजर उपयोग कर सकते हैं। |
| 00:30 | जैसे कि पहले ही उल्लेख किया है, Drupal website को हम अपने अनुसार कैसे भी बना सकते हैं। |
| 00:36 | वास्तव में, यहाँ कई Drupal साइट्स के कुछ भिन्न लुक्स और फील्स हैं। |
| 00:42 | ध्यान दें कि वे पूरी तरह से अलग हैं। |
| 00:45 | यह Theme पर आधारित है। |
| 00:48 | Themes आपकी Drupal साइट को आपके अनुसार बना सकते हैं जैसे आप चाहते हैं। |
| 00:51 | यहाँ Themes के बारे में याद रखने योग्य कुछ चीजें है। |
| 00:55 | हम Themes को कुछ अलग स्थानों से प्राप्त कर सकते हैं।
हमारे पास drupal.org में फ्री Themes हैं जिन्हें Contributed Themes कहते हैं। या हम Theme को किसी भी विक्रेता से खरीद सकते हैं। |
| 01:11 | या हम अपना Theme भी बना सकते हैं जैसे कि Artisteer.com से Artisteer अर्थात इसे स्क्रैच से बनाएँ। |
| 01:19 | 'Contributed Themes' को 'drupal.org/project/themes' पर पाया जा सकता है। |
| 01:26 | Block Regions Theme द्वारा निर्धारित हैं। |
| 01:29 | अत: जहाँ हम अपनी वेबसाइट पर Blocks रख सकते हैं, यह थीमिंग प्रोसेस का भाग है। |
| 01:36 | यदि हमारे पास सही region नहीं है, तो यह theme इशू है Block इशू नहीं है। |
| 01:42 | Themes को थोडा और समझते हैं। |
| 01:46 | हम drupal.org से फ्री में कुछ अच्छे से 'Themes' ले सकते हैं। |
| 01:51 | 'drupal.org/projects/themes' पर जाएँ। |
| 01:56 | कुछ Themes पर नजर डालते हैं, जो Drupal के लिए उपलब्ध है। |
| 02:01 | अपने Modules वाले ट्यूटोरियल को याद करें। Drupal के जिस वर्जन को हम उपयोग कर रहे हैं Core compatibility द्वारा फिल्टर है। |
| 02:10 | यहाँ 2205 Themes हैं। जब हम Drupal 8 पर क्लिक करते हैं, तो इसमें कम संख्या आती है। |
| 02:18 | इस ट्यूटोरियल को रिकॉर्ड करने के बाद नयें theme जोडे गए हैं, अब आप उच्च संख्या देख सकते हैं। |
| 02:25 | Themes का पता करना और कैसे मूल्यांकन करना है के बारे में सीखते हैं। |
| 02:30 | यह Modules के समान ही है। |
| 02:33 | हम यहाँ drupal.org से शुरू करेंगे। |
| 02:36 | अब, जब हम Core compatibility द्वारा फिल्टर करते हैं, तो वे स्वत: ही Most Installed द्वारा सोर्टे होते हैं। |
| 02:43 | Adaptive Theme इस प्वाइंट पर नंबर एक है। |
| 02:46 | और 'Bootstrap' दूसरे नंबर पर है। |
| 02:50 | 'Bootstrap' पर क्लिक करें। |
| 02:53 | Module ट्यूटोरियल से DMV के उदाहरण को याद करें। यहाँ भी वही बात है। |
| 02:59 | आपको पहले documentation पढना चाहिए। |
| 03:02 | फिर अपने Maintainers को जाँचे। |
| 03:05 | और versions और project informations को देखें। |
| 03:08 | रिकॉर्डिंग के समय, यह विशेष Theme Drupal 8 x 3.0 alpha 1 वर्जन में है। |
| 03:16 | और, वहाँ development वर्जन भी है। |
| 03:20 | बाद में, इस Theme का Drupal 8 वर्जन बनता है, यहाँ हरे रंग में। |
| 03:27 | Contributed Theme के कई प्रकार हो सकते हैं। यहाँ 3 भिन्न प्रकार के Themes हैं। |
| 03:34 | हमारे पास बहुत ही simple Contributed Theme हो सकते हैं जिसे आप किसी भी प्वाइंट के लिए कंफिगर कर सकते हैं। |
| 03:40 | हमारे पास Starter Themes हो सकते हैं जैसे कि Bootstrap या Zen. |
| 03:46 | अपने CSS को रखने के लिए यह आपको खाली स्क्रीन या छोटा framework देगा। |
| 03:52 | या, हमारे पास Base Theme हो सकता है। जो कि यहाँ ऊपर अन्य Sub-Themes के लिए डिजाइन किया गया है, जैसे कि Adaptive Theme. |
| 04:02 | लेकिन यहां सभी नियम समान है। |
| 04:05 | Documentation पर देखें। Maintainers पर देखें और versions पर देखें। |
| 04:11 | हम अब Contributed Theme इंस्टॉल करेंगे। |
| 04:13 | 'drupal.org/projects/zircon' पर जायें। |
| 04:20 | नीचे स्क्रॉल करें। यह एक अच्छा Theme है, जो कि विशेष रूप से Drupal 7 और 8 के लिए बनाया गया है। |
| 04:28 | यह कई साइट्स पर इस्तेमाल नहीं किया गया है। |
| 04:31 | हम इस theme का उपयोग करेंगे क्योंकि यह अभी Drupal 8 के लिए तैयार है। |
| 04:37 | tar.gz पर राइट क्लिक करें और उस लिंक को कॉपी करें। यह Modules को इंस्टॉल करने के समान ही है। अपनी साइट पर वापस जाएँ। |
| 04:47 | अभी Appearance और Install new theme पर क्लिक करें। |
| 04:52 | फिर से, आगे की प्रक्रिया Modules के जैसे ही है। |
| 04:56 | URL को पेस्ट करें औऱ फिर Install पर क्लिक करें। |
| 05:00 | Theme हमारे web server से डाउनलोड हो गया है और अब हम इसे ON करने में सक्षम हैं। |
| 05:06 | 'Install newly added themes' पर क्लिक करें। |
| 05:09 | नीचे स्क्रोल करें। |
| 05:12 | और आप 'Zircon' देखेंगे।
"A flexible, recolorable theme with many regions and a responsive mobile first layout". |
| 05:21 | 'Install and set as default' पर क्लिक करें। |
| 05:25 | जैसे कि हमने परिचय वीडियो में सीखा-
नंबर एक: नयें Themes इंस्टॉल करना कंटेंट को नहीं बदलता है और नंबर दो: हमें अपने Blocks के स्थान बदलने की जरूरत हो सकती है। |
| 05:38 | अब थोडा settings के बारे में भी सीखते हैं। |
| 05:42 | 'Settings' पर क्लिक करें। |
| 05:45 | हमारे पास Zircon में सामान्य TOGGLE DISPLAY है। |
| 05:49 | और 'shortcut' आइकन। |
| 05:51 | फिर से, यदि आप लॉगो अपडेट करना चाहते हैं, जो कि Global settings में है। |
| 05:56 | और 'LOGO IMAGE SETTINGS' |
| 05:59 | ' Save' पर क्लिक करें। |
| 06:02 | और फिर अपनी साइट पर जायें। |
| 06:04 | यह Zircon है- यह Drupal के लिए पूर्ण नम्य, सुदृढ़ और वैश्विक अनुकूल Theme है। |
| 06:11 | Structure और Blocks पर जायें। |
| 06:15 | 'Demonstrate block regions for Zircon' पर क्लिक करें। |
| 06:19 | हम यहाँ बहुत सारे Block regions देखेंगे। |
| 06:22 | एक Header region. Main menu को Main menu Block Region में रखने की जरूरत है क्योंकि फिर यह उचित फॉर्मेट में हो जायेगा। |
| 06:32 | यहाँ Slideshow region है, जब आप View Slideshow उपयोग कर रहे हैं। |
| 06:37 | एक ’Featured block region', |
| 06:39 | 'Help',
'Sidebar First', 'Sidebar Second', 'Content', |
| 06:44 | 'Panel First',
Panel Second 1,2,3 और 4. और फिर Footer region. |
| 06:53 | ध्यान दें कि हमारे डिफॉल्ट Theme से कुछ regions अब उपलब्ध नहीं है। |
| 07:00 | इस पर नजर डालते हैं और देखते हैं कि हमें यहाँ क्या करना चाहिए। |
| 07:03 | यहाँ Header region में बहुत सारी चीजें है। Footer region जिसे हमने Powered by Drupal block असाइन किया था। अब मौजूद नहीं है। |
| 07:14 | हम उसे फिर से Footer में रखेंगे। |
| 07:17 | यह तुरंत ही Header से गायब हो जाता है। |
| 07:20 | Header से Status message लें और इसे मैसेज में रखें। |
| 07:26 | Footer menu को फिर से नीचे Footer में रखें। |
| 07:30 | हम Search, Site branding और User account menu को ऐसे ही रखेंगे जहाँ पर वे हैं। |
| 07:36 | Primary menu गलत जगह में है लेकिन चलो उस पर एक नजर डालते हैं। |
| 07:42 | 'Save blocks' पर क्लिक करें। |
| 07:44 | अपनी साइट पर वापस जायें। |
| 07:47 | और हम देखेंगे कि Main menu कहीं भी नहीं है। ऐसा इसलिए क्योंकि Primary menu इस Theme में मौजूद नहीं है। |
| 07:55 | अत:, हम अपना Main navigation लेंगे और उसे Main menu से बदलेंगे। |
| 08:01 | नीचे स्क्रोल करें... उस पर एक नजर डालें। |
| 08:05 | अपने 'Content' क्षेत्र में, हमें Help block मिलता है। |
| 08:09 | उसे Help में रखते हैं। |
| 08:12 | 'Page title, Primary admin actions' और 'Page Tabs' ठीक हैं। |
| 08:18 | 'Sidebar first, Welcome to Drupalville, Book navigation, Recent Events Added' और 'Tools'. |
| 08:26 | Tools menu लेते हैं औऱ उसे Sidebar second में रखते हैं। हमने इसे पहले नहीं किया है। |
| 08:34 | यहाँ चार Panel regions हैं, जिनमें हम कुछ भी रख सकते हैं। |
| 08:39 | अब, 'Save' पर क्लिक करें। |
| 08:41 | और देखते हैं कि हमने क्या किया |
| 08:44 | यह अब बहुत अच्छा है। |
| 08:47 | हमारा menu अच्छी तरह से Main menu block region में है। कुछ shading और कुछ colouring के साथ in-line menu को अच्छा बनाने के लिए CSS लिया गया है। |
| 08:58 | 'BOOK NAVIGATION, RECENTLY ADDED EVENTS' बाईं ओर है। |
| 09:03 | और TOOLS दाईं ओर है, फिर Sidebar first और Sidebar second |
| 09:10 | और सभी कंटेंट बीच में हैं। |
| 09:12 | यहाँ कुछ बातें ध्यान देने लायक हैं। |
| 09:15 | हमने अपना themes बदला है। हमारे कंटेंट को छोडकर सब कुछ बदल गया है। |
| 09:20 | हमें नया fonts, नया font styles, नया H3 tags, नया Block regions, layouts और नया Footer area मिल गया है। |
| 09:31 | लेकिन हमारे कंटेंट और हमारे कंटेंट के वास्तविक layout में क्या नहीं बदला है। |
| 09:37 | उन्हें बदलने के लिए हमें Panels या Display fields उपयोग करने की जरूरत होगी।
वे add-on Modules हैं, जिन्हें हम drupal.org से प्राप्त कर सकते हैं। |
| 09:48 | Themes शानदार हैं। अब यह वास्तव में साधारण theme है।
यह कुछ जटिल themes हैं जिन्हें हम Drupal से प्राप्त कर सकते हैं। |
| 09:58 | आप drupal.org/projects/themes पर आ सकते हैं। कुछ Drupal 8 themes पर नजर डालें, जो उपलब्ध हैं। |
| 10:08 | अपने पसंद के अनुसार कुछ 'themes' का पता लगाएँ, उन्हें इंस्टॉल करें और उन पर काम करें। |
| 10:13 | themes कैसे हमारी साइट को प्रभावित करती हैं, यह सीखने के लिए यह बहुत ही शानदार तरीका है।
आपको अपने अनुसार डिजाइन भी मिल सकते हैं। |
| 10:21 | इसी के साथ, हम इस ट्यूटोरियल के अंत में पहुँच गए हैं। |
| 10:24 | संक्षेप में... इस ट्यूटोरियल में हमने सीखा
|
| 10:45 | यह वीडियो Acquia और OS ट्रेनिंग से लिया गया है और स्पोकन ट्यूटोरियल प्रोजेक्ट, आईआईटी बॉम्बे द्वारा संशोधित किया गया है। |
| 10:54 | इस लिंक पर उपलब्ध वीडियो, स्पोकन ट्यूटोरियल प्रोजेक्ट को सारांशित करता है। कृपया इसे डाउनलोड करके देखें। |
| 11:00 | स्पोकन ट्यूटोरियल प्रोजेक्ट टीम कार्यशालाओं का आयोजन करती है और प्रमाणपत्र देती है। अधिक जानकारी के लिए, हमें लिखें। |
| 11:08 | स्पोकन ट्यूटोरियल प्रोजेक्ट
NMEICT, मानव संसाधन विकास मंत्रायल और NVLI, संस्कृति मंत्रालय, भारत सरकार द्वारा निधिबद्ध है। |
| 11: 19 | यह स्क्रिप्ट बिंदु पांडे द्वारा अनुवादित है। आईआईटी बॉम्बे से मैं श्रुति आर्य आपसे विदा लेती हूँ। धन्यवाद... |
