Difference between revisions of "Drupal/C3/Styling-a-Page-using-Themes/Tamil"
From Script | Spoken-Tutorial
| (3 intermediate revisions by the same user not shown) | |||
| Line 9: | Line 9: | ||
|- | |- | ||
| 00:06 | | 00:06 | ||
| − | | இந்த டுடோரியலில் நாம் கற்கபோவது | + | | இந்த டுடோரியலில் நாம் கற்கபோவது: '''theme'''களுக்கு அறிமுகம், '''theme'''களை தேடுதல் மற்றும் ஒரு basic '''theme'''ஐ நிறுவுதல். |
| − | + | ||
| − | + | ||
| − | + | ||
|- | |- | ||
|00:16 | |00:16 | ||
| − | |இந்த டுடோரியலைப் பதிவு செய்ய நான் பயன்படுத்துவது: | + | |இந்த டுடோரியலைப் பதிவு செய்ய நான் பயன்படுத்துவது: '''Ubuntu''' இயங்குதளம், '''Drupal 8''' மற்றும் '''Firefox''' Web browser. உங்களுக்கு விருப்பமான எந்த web browserஐயும் பயன்படுத்தலாம். |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
|- | |- | ||
| Line 48: | Line 41: | ||
|- | |- | ||
| 00:55 | | 00:55 | ||
| − | |நாம் சில இடங்களில் இருந்து ''' Themes'''ஐ பெறலாம். | + | |நாம் சில இடங்களில் இருந்து ''' Themes'''ஐ பெறலாம். ''' drupal.org '''ல் இலவசமாக Themes கிடைக்கும் அவை ''' Contributed Themes''' எனப்படும் |
| − | ''' drupal.org '''ல் இலவசமாக Themes கிடைக்கும் அவை ''' Contributed Themes''' எனப்படும் | + | |
அல்லது, விற்பனையாளர்களிடமிருந்து காசு கொடுத்தும் வாங்கலாம். | அல்லது, விற்பனையாளர்களிடமிருந்து காசு கொடுத்தும் வாங்கலாம். | ||
| Line 234: | Line 226: | ||
|- | |- | ||
| 05:12 | | 05:12 | ||
| − | | ''' Zircon'''ஐ காணலாம். | + | | ''' 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 243: | Line 234: | ||
|- | |- | ||
| 05:25 | | 05:25 | ||
| − | | ஏற்கனவே நாம் சொன்னது போல- | + | | ஏற்கனவே நாம் சொன்னது போல- புது ''' Themes'''ஐ நிறுவினால் contentல் மாற்றம் ஏதும் இருக்காது, ''' Blocks'''ஐ மட்டும் இடம் மாற்றவேண்டியதாக இருக்கும். |
| − | + | ||
| − | + | ||
|- | |- | ||
| Line 309: | Line 298: | ||
|- | |- | ||
| 06:39 | | 06:39 | ||
| − | | '''Help, | + | | '''Help, Sidebar First, Sidebar Second, Content''', |
| − | Sidebar First, | + | |
| − | Sidebar Second, | + | |
| − | Content''', | + | |
|- | |- | ||
| Line 393: | Line 379: | ||
|- | |- | ||
|08:26 | |08:26 | ||
| − | | ''' Tools menu'''ஐ ''' Sidebar second'''ல் வைப்போம் | + | | ''' Tools menu'''ஐ ''' Sidebar second'''ல் வைப்போம். இதை முன்னர் செய்யவில்லை. |
| − | இதை முன்னர் செய்யவில்லை. | + | |
|- | |- | ||
| Line 414: | Line 399: | ||
|- | |- | ||
| 08:47 | | 08:47 | ||
| − | |''' Main menu block region'''ல் நம் ''' menu'''ஐ சரியாக வைத்துள்ளோம் | + | |''' Main menu block region'''ல் நம் ''' menu'''ஐ சரியாக வைத்துள்ளோம். சில வண்ணங்களை சேர்த்து ஒரு ''' in-line menu'''ஐ ''' CSS''' கொடுக்கிறது. |
| − | சில வண்ணங்களை சேர்த்து ஒரு ''' in-line menu'''ஐ ''' CSS''' கொடுக்கிறது. | + | |
|- | |- | ||
| Line 447: | Line 431: | ||
|- | |- | ||
| 09:37 | | 09:37 | ||
| − | |அவற்றை மாற்ற, ''' Panels''' அல்லது ''' Display fields'''ஐ பயன்படுத்த வேண்டும் | + | |அவற்றை மாற்ற, ''' Panels''' அல்லது ''' Display fields'''ஐ பயன்படுத்த வேண்டும். அவை ''' drupal.org'''ல் கிடைக்கும் ''' add-on Module'''கள் ஆகும். |
| − | அவை ''' drupal.org'''ல் கிடைக்கும் ''' add-on Module'''கள் ஆகும். | + | |
|- | |- | ||
| 09:48 | | 09:48 | ||
| − | | '''Theme'''கள் அற்புதமானவை. இப்போது இது ஒரு simple''' theme'''. | + | | '''Theme'''கள் அற்புதமானவை. இப்போது இது ஒரு simple''' theme'''. ஆனால் ''' Drupal'''க்கு சில சிக்கலான themeகளும் உள்ளன. |
| − | ஆனால் ''' Drupal'''க்கு சில சிக்கலான themeகளும் உள்ளன. | + | |
|- | |- | ||
| Line 473: | Line 455: | ||
|- | |- | ||
|10:24 | |10:24 | ||
| − | |சுருங்க சொல்ல இந்த டுடோரியலில் நாம் கற்றது: | + | |சுருங்க சொல்ல இந்த டுடோரியலில் நாம் கற்றது: '''theme'''களுக்கு அறிமுகம், '''theme'''களை தேடுதல் மற்றும் ஒரு basic '''theme'''ஐ நிறுவுதல். |
| − | + | ||
| − | + | ||
| − | + | ||
|- | |- | ||
| Line 492: | Line 471: | ||
|- | |- | ||
| 11:08 | | 11:08 | ||
| − | | ஸ்போகன் டுடொரியல் திட்டத்திற்க்கு நிதியுதவி இந்திய அரசின் | + | | ஸ்போகன் டுடொரியல் திட்டத்திற்க்கு நிதியுதவி இந்திய அரசின் NMEICT - மத்திய மனித வள மேம்பாட்டு அமைச்சகம் மற்றும் NVLI - மத்திய கலாச்சார அமைச்சகம். |
| − | + | ||
| − | + | ||
|- | |- | ||
| − | | 11: 19 | + | | 11:19 |
| இந்த டுடொரியலை தமிழாக்கம் செய்து குரல் கொடுத்தது ஐஐடி பாம்பேயில் இருந்து ப்ரியா. நன்றி. | | இந்த டுடொரியலை தமிழாக்கம் செய்து குரல் கொடுத்தது ஐஐடி பாம்பேயில் இருந்து ப்ரியா. நன்றி. | ||
|} | |} | ||
Latest revision as of 17:35, 3 April 2017
| Time | Narration |
| 00:01 | வணக்கம், Themeகள் மூலம் பக்கத்தை வடிவமைத்தல் குறித்த Spoken tutorialக்கு நல்வரவு. |
| 00:06 | இந்த டுடோரியலில் நாம் கற்கபோவது: themeகளுக்கு அறிமுகம், themeகளை தேடுதல் மற்றும் ஒரு basic themeஐ நிறுவுதல். |
| 00:16 | இந்த டுடோரியலைப் பதிவு செய்ய நான் பயன்படுத்துவது: Ubuntu இயங்குதளம், Drupal 8 மற்றும் Firefox Web browser. உங்களுக்கு விருப்பமான எந்த web browserஐயும் பயன்படுத்தலாம். |
| 00:30 | ஏற்கனவே நாம் சொன்னதுபோல, Drupal website ஐ நமக்கு தேவையானவாறு காட்டலாம். |
| 00:36 | இவை சில Drupal siteகளின் தோற்றம். |
| 00:42 | அவை ஒவ்வொன்றும் முற்றிலும் வித்தியாசமாக இருப்பதைக் காண்க. |
| 00:45 | இவை Theme மூலம் செய்யப்படுகின்றன. |
| 00:48 | Themeகள் மூலம் site ஐ நமக்கு தேவையானவாறு காட்டலாம். |
| 00:51 | இங்கு Themesல் நினைவில் வைக்கவேண்டிய சில உள்ளன. |
| 00:55 | நாம் சில இடங்களில் இருந்து Themesஐ பெறலாம். drupal.org ல் இலவசமாக Themes கிடைக்கும் அவை Contributed Themes எனப்படும்
அல்லது, விற்பனையாளர்களிடமிருந்து காசு கொடுத்தும் வாங்கலாம். |
| 01:11 | அல்லது, Artisteer.comல் இருந்து Artisteer போன்ற Themeஐ நாமே உருவாக்கிகொள்ளலாம் |
| 01:19 | Contributed Themeகள் drupal.org/project/themes ல் கிடைக்கும். |
| 01:26 | Theme மூலம் Block Regions நிர்ணயிக்கப்படுகின்றன |
| 01:29 | எனவே websiteல் எங்கு Blocksஐ வைக்கிறோம் என்பது theming processன் ஒரு பகுதி. |
| 01:36 | தேவையான region இல்லையெனில் அது Theme ன் பிரச்சனை, Blockன் பிரச்சனை இல்லை. |
| 01:42 | இப்போது Themes பற்றி மேலும் அறிந்துகொள்வோம். |
| 01:46 | drupal.orgல் சில சிறப்பான இலவச themeகளை நாம் பெறலாம். |
| 01:51 | drupal.org/project/themesக்கு செல்க. |
| 01:56 | இங்கு கிடைக்கும் சில Themesஐ காண்போம். |
| 02:01 | முன்னர் Modules டுடோரியலில் நாம் பயன்படுத்தும் Drupal பதிப்பிற்கு பொருந்தும் Core compatibility ஐ நாம் filter செய்தோம் என்பதை நினைவுகொள்க. |
| 02:10 | இங்கு 2000க்கும் மேற்பட்ட Themes உள்ளன. இந்த டுடோரியலை பதிவு செய்யும் போது Drupal 8 க்கு எண்ணிக்கை குறைவு. |
| 02:18 | ஆனால் நீங்கள் பார்க்கும்போது எண்ணிக்கை அதிகரித்திருக்கும். |
| 02:25 | அடுத்து Themeகளை தேடி மதிப்பிட கற்போம். |
| 02:30 | இவையும் Moduleகள் போன்றதே |
| 02:33 | இங்கு drupal.orgல் ஆரம்பிப்போம். |
| 02:36 | இப்போது Core compatibility மூலம் filte செய்தால், அவை Most Installed மூலம் sort செய்யப்படுகின்றன. |
| 02:43 | எனக்கு Adaptive Theme முதலில் வருகிறது |
| 02:46 | பின்னர் Bootstrap வருகிறது. |
| 02:50 | Bootstrapஐ க்ளிக் செய்க |
| 02:53 | Module tutorialகளில் நாம் பார்த்த DMVஐ நினைவுகொள்க. இங்கேயும் அதையே பயன்படுத்த வேணடும். |
| 02:59 | முதலில் documentationஐ படிக்கவும். |
| 03:02 | பின் Maintainersஐ பார்க்கவும். |
| 03:05 | அதன் பின் versions மற்றும் project informationsஐ காண்க |
| 03:08 | இந்த டுடோரியலை பதிவு செய்யும் போது இந்த Themeக்கு Drupal 8 x 3.0 alpha 1 version இருக்கிறது |
| 03:16 | ஒரு development version உம் உள்ளது. |
| 03:20 | நீங்கள் காணும்போது இந்த Themeன் Drupal 8 பதிப்பு இந்த பச்சை பகுதியில் காணலாம். |
| 03:27 | Contributed Themeல் மூன்று வகை Themeகள் உள்ளன. |
| 03:34 | முதலாவது simple Contributed Theme இதை நீங்கள் configure செய்யலாம். |
| 03:40 | இரண்டாவது Bootstrap அல்லது Zen போன்ற Starter Themes |
| 03:46 | இது நம் CSS ஐ சேர்க்க ஒரு காலி screen ஐயும் சிறிய frameworkஐயும் கொடுக்கும். |
| 03:52 | மூன்றாவது Base Theme. இதில் மற்ற Sub-Themeகளையும் சேர்க்கலாம். இதற்கு உதாரணம் Adaptive Theme.. |
| 04:02 | ஆனால் அனைத்திற்கும் கட்டளைகள் பொதுவானது. |
| 04:05 | documentationஐ படிக்கவும் Maintainersஐ காணவும் versionsஐ கவனிக்கவும். |
| 04:11 | இப்போது ஒரு Contributed Themeஐ நிறுவுவோம். |
| 04:13 | drupal.org/projects/zirconக்கு செல்வோம். |
| 04:20 | கீழே வரவும். இது குறிப்பாக Drupal 7 மற்றும் 8க்காக உருவாக்கப்பட்ட ஒரு நல்ல Theme. |
| 04:28 | இது பல siteகளில் பயன்படுத்தப்படவில்லை. |
| 04:31 | இது Drupal 8க்கு தயாராக உள்ளது இதை நாம் பயன்படுத்துவோம். |
| 04:37 | tar.gz ல் right-click செய்து அந்த linkஐ copy செய்க. இது Moduleகளை நிறுவுவது போன்றதே. நம் siteக்கு வருவோம். |
| 04:47 | இம்முறை க்ளிக் செய்க Appearance பின் Install new theme. |
| 04:52 | மீண்டும் Modulesல் செய்தது போலவே. |
| 04:56 | URLஐ paste செய்து Installஐ க்ளிக் செய்க. |
| 05:00 | அந்த Theme நம் web serverல் download ஆகிவிட்டது அதை செயலுக்கு கொண்டுவருவோம். |
| 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ஐ நிறுவினால் contentல் மாற்றம் ஏதும் இருக்காது, Blocksஐ மட்டும் இடம் மாற்றவேண்டியதாக இருக்கும். |
| 05:38 | அடுத்து settings பற்றி சற்று காண்போம் |
| 05:42 | இங்கு Settingsஐ க்ளிக் செய்க. |
| 05:45 | இங்கு Zirconன் TOGGLE DISPLAY மற்றும் |
| 05:49 | shortcut iconன் settingsஐ காணலாம். |
| 05:51 | logo ஐ மாற்ற வேண்டுமெனில் அதற்கு Global settingsக்கு சென்று |
| 05:56 | LOGO IMAGE SETTINGSல் மாற்றலாம் |
| 05:59 | Saveஐ க்ளிக் செய்க |
| 06:02 | பின் நம் siteக்கு வருவோம். |
| 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 Block Regionல் Main menuஐ வைக்க வேண்டும். அப்போது தான் அது சரியாக தோன்றும் |
| 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ல் column 1, 2, 3 மற்றும் 4. பின் Footer region. |
| 06:53 | நம் default Themeல் இருந்த சில regionகள் இதில் இல்லை என்பதைக் காண்க. |
| 07:00 | இதில் என்னென்ன செய்யவேண்டும் என்பதைக் காணலாம். |
| 07:03 | Header regionல் பல உள்ளன. "Powered by Drupal" blockஐ Footer regionல் முன்னர் வைத்தோம். இப்போது அது headerல் உள்ளது. |
| 07:14 | மீண்டும் அதை Footerல் வைப்போம் |
| 07:17 | உடனே அது Headerல் இருந்து சென்றுவிடுகிறது |
| 07:20 | Status messages ஐ Header ல் இருந்து Messagesக்கு மாற்றுவோம். |
| 07:26 | Footer menuஐ மீண்டும் Footerல் வைப்போம். |
| 07:30 | Search, Site branding, User account menu ஆகியவை அங்கேயே இருக்கட்டும். |
| 07:36 | Primary menu தவறான இடத்தில் உள்ளது. அதை சரிபார்ப்போம். |
| 07:42 | Save blocksஐ க்ளிக் செய்க |
| 07:44 | நம் siteக்கு வருவோம். |
| 07:47 | இங்கு Main menu காணவில்லை. ஏனெனில் இந்த Themeல் Primary menu இல்லை. |
| 07:55 | எனவே நம் Main navigationஐ எடுத்து அதை Main menuக்கு மாற்றுவோம். |
| 08:01 | கீழே வந்து அனைத்தையும் ஒருமுறை சரிபார்ப்போம் |
| 08:05 | Content areaல், 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 blocksஐ க்ளிக் செய்க |
| 08:41 | நாம் மாற்றியவற்றை சரிபார்ப்போம். |
| 08:44 | இப்போது சரியாக உள்ளது. |
| 08:47 | Main menu block regionல் நம் menuஐ சரியாக வைத்துள்ளோம். சில வண்ணங்களை சேர்த்து ஒரு in-line menuஐ CSS கொடுக்கிறது. |
| 08:58 | BOOK NAVIGATION, RECENTLY ADDED EVENTS இடப்பக்கம் உள்ளன. |
| 09:03 | TOOLS வலப்பக்கம் உள்ளது. இடப்பக்கம் Sidebar first வலப்பக்கம் Sidebar second உள்ளது |
| 09:10 | அனைத்து content ம் நடுவில் உள்ளன. |
| 09:12 | இங்கு மேலும் சிலவற்றை தெரிந்துகொள்ள வேண்டும். |
| 09:15 | நம் themesஐ மாற்றினால் contentஐ தவிர அனைத்தும் மாறிவிடும். |
| 09:20 | புது fonts, புது font styles, புது H3 tags, புது Block regions, layouts மற்றும் புது Footer area. |
| 09:31 | ஆனால் நம் content மற்றும் contentன் layout மாறுவதில்லை. |
| 09:37 | அவற்றை மாற்ற, Panels அல்லது Display fieldsஐ பயன்படுத்த வேண்டும். அவை drupal.orgல் கிடைக்கும் add-on Moduleகள் ஆகும். |
| 09:48 | Themeகள் அற்புதமானவை. இப்போது இது ஒரு simple theme. ஆனால் Drupalக்கு சில சிக்கலான themeகளும் உள்ளன. |
| 09:58 | drupal.org/project/themesக்கு வருவோம். சில Drupal 8 themeகளைக் காண்போம். |
| 10:08 | உங்களுக்கு விருப்பமான சில themeகளை நிறுவி அவற்றில் வேலை செய்து பார்க்கவும். |
| 10:13 | themeகள் ஒரு siteல் எவ்வாறு மாற்றத்தை ஏற்படுத்துகிறது என அறிய இதுசிறந்த வழி. |
| 10:21 | இத்துடன் இந்த டுடோரியல் முடிகிறது. |
| 10:24 | சுருங்க சொல்ல இந்த டுடோரியலில் நாம் கற்றது: themeகளுக்கு அறிமுகம், themeகளை தேடுதல் மற்றும் ஒரு basic themeஐ நிறுவுதல். |
| 10:45 | இந்த வீடியோ 'Acquia' மற்றும் 'OSTraining' இல் இருந்து எடுக்கப்பட்டு ஸ்போகன் டுடோரியல் திட்டம், ஐஐடி பாம்பே-ஆல் மாற்றப்பட்டது. |
| 10:54 | இந்த இணைப்பில் உள்ள வீடியோ ஸ்போகன் டுடொரியல் திட்டத்தை சுருங்க சொல்கிறது. அதை தரவிறக்கி காணவும். |
| 11:00 | ஸ்போகன் டுடொரியல் திட்டக்குழு செய்முறை வகுப்புகள் நடத்தி இணையவழி பரிட்சையில் தேர்வோருக்கு சான்றிதழ் அளிக்கிறது. மேலும் விவரங்களுக்கு எங்களுக்கு மின்னஞ்சல் செய்யவும். |
| 11:08 | ஸ்போகன் டுடொரியல் திட்டத்திற்க்கு நிதியுதவி இந்திய அரசின் NMEICT - மத்திய மனித வள மேம்பாட்டு அமைச்சகம் மற்றும் NVLI - மத்திய கலாச்சார அமைச்சகம். |
| 11:19 | இந்த டுடொரியலை தமிழாக்கம் செய்து குரல் கொடுத்தது ஐஐடி பாம்பேயில் இருந்து ப்ரியா. நன்றி. |
