Drupal/C2/Modifying-the-Display-of-Content/Tamil

Time	Narration
00:01	வணக்கம், Content ன் display ஐ மாற்றுவது குறித்த Spoken tutorialக்கு நல்வரவு.
00:06	இந்த டுடோரியலில் நாம் கற்கபோவது Displays Full content display ஐ நிர்வகித்தல் மற்றும் Teaser modeன் displayஐ நிர்வகித்தல்
00:16	இந்த டுடோரியலைப் பதிவு செய்ய நான் பயன்படுத்துவது: Ubuntu இயங்குதளம் Drupal 8 மற்றும் Firefox web browser.
00:26	உங்களுக்கு விருப்பமான எந்த web browserஐயும் பயன்படுத்தலாம்.
00:31	நாம் ஏற்கனவே உருவாக்கிய websiteஐ திறப்போம்.
00:35	இப்போது நம் content தாயாராக உள்ளது. இது உண்மையில் எவ்வாறு காட்டப்படுகிறது என்பதைக் காண்போம்.
00:42	Teaser modeல் Title, Body மற்றும் Read more இருப்பதைக் கவனிக்கவும்
00:49	கீழே வந்து நம் புது contentஐ இங்கு காணலாம்.
00:55	முன்னிருப்பாக, Drupal கடைசியாக உருவாக்கப்பட்ட 10 nodeகளை மட்டும் Homepageல் காட்டுகிறது.
01:03	கீழே பக்க எண்கள் இருப்பதைக் காணலாம் 1, 2, 3, Next மற்றும் Last.
01:12	Lastஐ க்ளிக் செய்தால் Teaser modeல் nodeகள் காட்டப்படுகின்றன, அவற்றில் Titleக்கு பின் Read more உள்ளது.
01:20	இது நன்றாக இல்லை.
01:22	இதை சரிசெய்ய Drupal “View modes”ஐ கொண்டுள்ளது.
01:27	Structure பின் Content Typesல் க்ளிக் செய்க
01:31	இப்போது 'Events' Content typeக்கான layout ஐ மாற்றுவோம்.
01:36	drop-downஐ க்ளிக் செய்து Manage displayஐ தேர்ந்தெடுக்கவும்.
01:41	மேலே Manage display tabல் Default மற்றும் Teaser இருப்பதைக் கவனிக்கவும்.
01:48	Default என்பது default layout. மற்றொரு Full view layoutஐ சேர்க்கபோகிறோம்.
01:55	அடுத்தது Teaser layout. இதை க்ளிக் செய்க.
02:00	Teaser modeல், Event Description மட்டும் தெரியும்படி உள்ளது. இந்த Linksதான் Read more link.
02:09	இது "Trimmed limit: 600 characters" என்கிறது.
02:14	நம் 'Events' Content typeக்கான Teaser mode பார்க்க நன்றாக இருக்கும்படி இவற்றை மாற்றுவோம்.
02:21	இதை ஆரம்பிக்கும் முன், Layouts பற்றி புரிந்துகொள்ள வேண்டும்.
02:28	Structure ல் Display modesஐ க்ளிக் செய்க
02:32	View modesஐ காண்க பின் Form modesஐ காண்க.
02:38	இந்த Form modesஆனது data உள்ளிடப்படுவதற்கான layout
02:43	இந்த View modes ஆனது data ஐ காண்பதற்கான layout.
02:48	View modesஐ க்ளிக் செய்க.
02:51	Content View modeல் நாம் காண்பது Full content, RSS, Search index, Search results மற்றும் Teaser.
03:02	ஒரு புது Content View modeஐயும் சேர்க்கலாம்.
03:06	Drupalல் முன்னிருப்பாக வருபவைகளோடு மட்டும் நாம் நிறுத்திக்கொள்ளபோவதில்லை. மேலும் பலவற்றை நாம் சேர்க்கலாம்.
03:12	மேலும் உள்ளவை Blocks, Comments, Taxonomy terms மற்றும் Users.
03:18	இவற்றிற்கு நம் View modesஐ சேர்க்கலாம்.
03:22	இதை நினைவில் வைத்துக்கொள்ளவும்.
03:27	இவை நமக்கு கிடைக்கக்கூடியவை. ஆனால் அனைத்து Content typeகளுக்கும் இவை செயலில் இருக்காது
03:34	அதை மாற்றக் கற்போம்.
03:36	Structure ல் Content typesஐ க்ளிக் செய்க
03:42	Events Content typeல் Manage displayஐ க்ளிக் செய்க
03:46	மீண்டும் Default மற்றும் Teaser உள்ள பக்கத்திற்கு வந்துள்ளோம்.
03:52	கீழே வந்து அடியில் CUSTOM DISPLAY SETTINGSஐ க்ளிக் செய்க.
03:57	Full contentல் check-markஐ இடவும்.
04:00	இது நாம் ஒரு node ஐ பார்க்கும்போது fieldகளின் இடத்தை நாம் மாற்ற அனுமதிக்கும்.
04:07	Saveஐ க்ளிக் செய்க.
04:09	இங்கு மேலே உள்ளவை Full content மற்றும் Teaser.
04:14	அடுத்து இந்த இரு View modeகளையும் மாற்ற கற்போம்.
04:19	முதலில் Full Content viewஐ மாற்றுவோம்.
04:23	இவைதான் Full Content layoutல் உள்ள fieldகள். இவை இந்த வரிசையில் இந்த LABELகளில் தோன்றும்.
04:30	முதலில் ஒரு event ன் தோற்றத்தைக் காண்போம். DrupalCamp Cincinnatiஐ க்ளிக் செய்க
04:37	body மேலே உள்ளது.
04:39	Event website, Date, Topics உள்ளன logoஐ சேர்த்திருந்தால் அதுவும் இங்கு தெரியும்.
04:45	இப்போது நம் content நன்கு தெரிய இவற்றின் தோற்றத்தை சற்று மாற்றலாம்.
04:50	Structure > Content types > Eventsன் Manage display பின் Full Contentஐ க்ளிக் செய்க.
04:58	இங்கு Event Description ஆனது full modeல் உள்ளது.
05:02	அதை இழுத்து Logoக்கு கீழே வைப்போம்
05:05	பின் Logoக்கான LABEL ஐ hide செய்வோம்
05:09	Original image ஐ Medium sizeக்கு மாற்றுவோம்.
05:14	இது ஒரு Image style.
05:17	Viewsஐ காணும்போது Image styles பற்றி மேலும் கற்போம்.
05:22	நமக்கு தேவையான எந்த அளவிலும் Image styleஐ மாற்றலாம்.
05:29	பின் தேவையான இடத்தில் அதைப் பயன்படுத்தலாம். Updateஐ க்ளிக் செய்க.
05:35	நம் Event Logoஇடப்பக்கம் இருக்கும். ஏனெனில் இந்த Theme imageகளை இடப்பக்கமாக காட்டுகிறது.
05:43	அதைசுற்றி Body இருக்கும்.
05:45	Event Dateன் LABELஐ Inline என்போம்.
05:49	இப்போது Format ஐ மாற்றுவோம்.
05:52	வலப்பக்கமுள்ள இந்த gearஐ க்ளிக் செய்க. எதையேனும் configure செய்ய gearஐ பயன்படுத்தலாம்.
05:59	இதை Default long date என மாற்றுவோம்.
06:03	Updateஐ க்ளிக் செய்க.
06:07	Event Sponsorsஐ Inline என்போம்.
06:10	output ஆனது referenced entityக்கு link செய்யப்பட்டிருப்பதைக் காணலாம்
06:15	அதாவது DrupalCamp Cincinnatiஐ Cincinnati User Group sponsor செய்கிறது எனில் இது அந்த User Group pageக்கான Link ஆக இருக்கும்.
06:24	அதுதான் நமக்கு தேவை.
06:27	Event Topics ஒரு columnல் தெரியவேண்டும் என்பதால் இதை Above என்போம்
06:33	இதுவும் Referenced entityக்கு link செய்யப்பட்டுள்ளது.
06:37	இங்கு டுடோரியலை இடைநிறுத்தி உங்கள் screen ம் இவ்வாறே உள்ளதா என உறுதிசெய்துகொள்ளவும்.
06:43	Saveஐ க்ளிக் செய்க.
06:45	Full View modeல் ஒரு node ஐ காண்போம்.
06:49	Content பின் ஒரு event ஐ க்ளிக் செய்க.
06:54	உங்களுக்கு Eventsன் பெயர்கள் வேறுவிதமாக தெரியலாம்.
06:59	devel, Lorem Ipsumஐ பயன்படுத்துவதால் இவ்வாறு நடக்கிறது.
07:03	இங்கு ஒரு Event ஐ க்ளிக் செய்க.
07:06	இதுபோன்ற ஒரு layoutஐ நீங்கள் பெற வேண்டும்.
07:10	இது நன்றாக உள்ளது.
07:12	Event Website, Event Date, Event Sponsors.
07:18	Event Topics சரியாக தெரியவில்லை அதை CSS மூலம் சரிசெய்துகொள்ளலாம்.
07:26	linkகள் சரியான இடத்தை காட்டுகின்றன.
07:29	இப்போது User Groups Content typeக்கு full displayஐ மாற்றுவோம்
07:34	க்ளிக் செய்க Structure > Content types பின் User Groupsல் Manage display.
07:42	மீண்டும் நம் Viewsஐ மாற்றவேண்டும்.
07:46	கீழே வந்து CUSTOM DISPLAY SETTINGS ஐ க்ளிக் செய்து Full contentஐ தேர்ந்தெடுக்கவும்.
07:52	நம் தேவைக்கேற்ப இந்த displayகளை மாற்றலாம். Saveஐ க்ளிக் செய்க.
07:59	Full contentஐ தேர்வுசெய்க. இதுவும் நாம் Eventsக்கு செய்தது போன்றதே.
08:06	Description க்கு மேலே Group Websiteஐ வைத்து site Inline என்போம்.
08:12	Group Contact மற்றும் Email இரண்டையும் Inline என்போம்.
08:19	Email ஐ Email linkக்கு பதிலாக Plain text என்கிறேன்.
08:24	ஏனெனில் emailஐ அனுப்ப என் default Email programஐ பயன்படுத்தபோவதில்லை.
08:30	எனவே Plain text ஐ பயன்படுத்துகிறேன்
08:33	Group Experience Level ஐ "Above"ல் வைக்கவும், ஏனெனில் இது experienceன் ஒரு பட்டியல்.
08:40	கடைசியாக Events sponsored ஐயும் "Above" ல் வைக்கிறேன்
08:45	FORMAT... "Label" ஆகவே இருக்கட்டும்.
08:47	Entity ID அல்லது Rendered entityஐயும் தேர்ந்தெடுக்கலாம்.
08:52	அப்படி செய்தால் மொத்த Event pageகளும் அங்கு தெரியும்.
08:58	எனவே இதை "Label" என்போம்.
09:01	இங்கு referenced entityக்கு link உள்ளது
09:04	இதை பயன்படுத்தி Cincinnati User Groupல் உள்ள link மூலம் DrupalCamp Cincinnatiக்கு செல்லலாம்
09:12	Save ஐ க்ளிக் செய்க. நாம் செய்த மாற்றங்களைக் காண்போம்.
09:16	Content பின் ஒரு User Groupல் க்ளிக் செய்க.
09:22	இங்கு உள்ளவை Group website, description, Contact information. இது devel மூலம் உருவாக்கப்பட்டது.
09:31	ஒரு Contact Email - இது devel உருவாக்கிய போலியான id.
09:38	ஆனாலும் இது வேலை செய்கிறது!
09:41	இங்கு Group Experience Level உள்ளது. devel இதை இருமுறை தேர்ந்தெடுத்துள்ளது.
09:48	இப்போதைக்கு இது இவ்வாறே இருக்கட்டும்.
09:51	கடைசியாக Event sponsored. அது "DrupalCamp Cincinnati".
09:56	புதிதாக ஏதும் Display அல்லது Layout moduleகளை சேர்க்காமலேயே இந்த layout ஐ நன்றாக மாற்றியுள்ளோம்.
10:03	Full content ஐ வெற்றிகரமாக முடித்துவிட்டோம்.
10:07	அடுத்து Teaser modeகளை மாற்ற கற்போம். இவை இரண்டும் பார்க்க நன்றாகவே உள்ளன.
10:16	கீழே செல்ல செல்ல Teaser modeகள் நன்றாக இல்லை.
10:21	அவற்றை சரிசெய்வோம்.
10:24	க்ளிக் செய் Structure பின் Content types.
10:28	Eventsல் Manage display பின் Teaserஐ க்ளிக் செய்க.
10:33	இங்கு links மற்றும் body field ஆன Event Description உள்ளன.
10:39	இதற்கு Teaser modeஐ மாற்றுவோம்.
10:43	Event Website ஐ மேலே வைத்து அதை Inline என்போம்.
10:49	Event Date முக்கியம் என்பதல் அதை மேலே வைப்போம்.
10:55	Event Logo ஐ இழுத்து அதையும் மேலே வைப்போம்.
11:00	LABEL ஐ hide செய்து FORMAT ஐ Thumbnail என்போம்
11:05	நம் siteல் imageகளுக்கு Image stylesஐ உருவாக்கலாம்.
11:10	அதை பின்னர் கற்போம்.
11:13	Link image ஐ Content என்போம்
11:17	இது logoஐ அந்த content item க்கான ஒரு linkஆக மாற்றும். Updateஐ க்ளிக் செய்க.
11:23	இதுவரை logo, website மற்றும் dateஐ மாற்றினோம்.
11:28	Linksஐ கீழே வைப்போம்.
11:31	அடுத்து Event Descriptionஐ சிறியதாக்குவோம்.
11:35	gearஐ க்ளிக் செய்து இதை 400 characters என்போம்.
11:40	Updateஐ க்ளிக் செய்க. பின் drop-down ல் Trimmedஐ தேர்ந்தெடுக்கவும்.
11:47	இப்போது Teaser modeல் இருக்க வேண்டியவை: இடப்பக்கம் Logo, Website, Date வலப்பக்கம் Description மற்றும் Links.
11:58	அதை சோதிப்போம். Saveஐ க்ளிக் செய்க
12:03	Back to siteஐ க்ளிக் செய்க.
12:05	DrupalCamp Cincinnati மாற்றப்பட்டிருப்பதைக் காணலாம்.
12:09	Date field ஐ பின்னர் மாற்றுவோம்.
12:12	Body சிறியதாக்கப்பட்டிருப்பதைக் காணலாம்.
12:16	க்ளிக் செய்க Structure, Content types > Events > Manage display பின் Teaser.
12:24	Event Dateஐ தவிர அனைத்தும் சரியாக உள்ளன. Time ago க்கு பதிலாக Customஐ தேர்ந்தெடுப்போம்.
12:32	இங்கு Date Formatsக்கான PHP documentation க்கு ஒரு link இருப்பதைக் காணலாம்
12:38	Date-Time formatஐ மாற்றுவோம்.
12:41	முதலில் இதை நீக்குவோம்.
12:44	Lowercase l comma capital F jS comma capital Y.
12:51	அதாவது நாள், மாதம், தேதி,
12:55	பின் அதற்கான st nd rd th போன்ற suffix, பின் வருடம்.
13:04	Updateஐ க்ளிக் செய்க
13:06	இங்கு தேதியின் previewஐ காணலாம்.
13:09	Saveஐ க்ளிக் செய்க.
13:11	இப்போதைக்கு Event Descriptionஐ hide செய்வோம்.
13:14	Saveஐ க்ளிக் செய்க.
13:16	நம் siteஐ காண்போம்.
13:19	Eventகான Teaserஐ காணலாம் - அதில் உள்ளவை Title, logo, website மற்றும் Event Date.
13:28	அடுத்து User Groupsக்கான Teaserஐ மாற்றலாம்.
13:32	க்ளிக் செய்க Structure > Content types பின் User Groupsல் Manage display.
13:39	Teaserஐ க்ளிக் செய்க.
13:42	இங்கு image ஏதும் இல்லை என்பதால் இது வித்தியாசமாக இருக்கும்.
13:47	ஒரு User Group logoஐயும் நாம் சேர்க்கலாம்
13:50	User Group Websiteஐ மேலே வைப்போம்.
13:53	User Group Descriptionஐ காட்டவேண்டாம்
13:57	Group Contact emailஐ காட்டுவோம்
14:00	Group Website மற்றும் Contact Email இரண்டையும் "Inline" என்போம்.
14:06	இங்கேயும் FORMAT ல் Plain text என்போம், ஏனெனில் default emailஐ நான் பயன்படுத்தவில்லை.
14:13	இது மிக எளிய Teaser mode.
14:16	Saveஐ க்ளிக் செய்க
14:18	Back to siteஐ க்ளிக் செய்க.
14:20	Cincinnati User Group ல் உள்ளவை Group Website, Contact Email மற்றும் Read more
14:27	இவ்வாாறுதான் Full content மற்றும் Teaser modeக்கு நாம் View modesஐ மாற்ற வேண்டும்
14:33	பின்வரும் டுடோரியல்களில் நம் content ஐ நமக்கு தேவையான வகையில் காட்ட கற்போம்.
14:41	இத்துடன் இந்த டுடோரியல் முடிகிறது.
14:46	சுருங்க சொல்ல இந்த டுடோரியலில் நாம் கற்றது Displays Full content displayஐ நிர்வகித்தல் மற்றும் Display Teaserஐ நிர்வகித்தல்.
15:11	இந்த வீடியோ 'Acquia' மற்றும் 'OSTraining' இல் இருந்து எடுக்கப்பட்டு ஸ்போகன் டுடோரியல் திட்டம், ஐஐடி பாம்பே-ஆல் மாற்றப்பட்டது.
15:21	இந்த இணைப்பில் உள்ள வீடியோ ஸ்போகன் டுடொரியல் திட்டத்தை சுருங்க சொல்கிறது. அதை தரவிறக்கி காணவும்.
15:28	ஸ்போகன் டுடொரியல் திட்டக்குழு செய்முறை வகுப்புகள் நடத்தி இணையவழி பரிட்சையில் தேர்வோருக்கு சான்றிதழ் அளிக்கிறது. மேலும் விவரங்களுக்கு எங்களுக்கு மின்னஞ்சல் செய்யவும்.
15:36	ஸ்போகன் டுடொரியல் திட்டத்திற்க்கு நிதியுதவி இந்திய அரசின் NMEICT - மத்திய மனித வள மேம்பாட்டு அமைச்சகம் மற்றும் NVLI - மத்திய கலாச்சார அமைச்சகம்.
15:47	இந்த டுடொரியலை தமிழாக்கம் செய்து குரல் கொடுத்தது ஐஐடி பாம்பேயில் இருந்து ப்ரியா. நன்றி.

Contributors and Content Editors

Priyacst