Drupal/C3/Controlling-Display-of-Images/Malayalam

From Script | Spoken-Tutorial
Revision as of 08:02, 22 October 2016 by Nancyvarkey (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Time Narration
00:01 Controlling Display of Images. എന്ന Spoken tutorial ലേക്ക് സ്വാഗതം.
00:06 ഈ ട്യൂട്ടോറിയലില് നമ്മള് Image stylesഉം photo gallery view. എന്നിവയെ കുറിച്ച് പഠിക്കും.
00:12 ഈ ട്യൂട്ടോറിയൽ രേഖപ്പെടുത്താൻ ഞാൻ ഉപയോഗിക്കുന്നു:Ubuntu Linux Operating System, Drupal 8 and Firefox Web browser.
00:21 താങ്കൾക്ക് താങ്കളുടെ ഇച്ഛാനുസരണം അനുസരിച്ച് ഏത് വെബ് ബ്രൗസർ ഉപയോഗിക്കാം.
00:25 ഞങ്ങളെ നാം നേരത്തെ സൃഷ്ടിച്ച ഞങ്ങളുടെ വെബ്സൈറ്റ് തുറക്കാം.
00:29 Drupal ൽ നമുക്ക് SITE വിവിധ ആവശ്യങ്ങൾക്ക് അനുയോജ്യമാകുന്നതരത്തിൽ ഒരു ചിത്രം വലുപ്പവും തോതിലുള്ള കൗശലപൂർവ്വം കഴിയും.
00:37 ദ്രുപാൽ യഥാർത്ഥ ചിത്രം എടുക്കുന്നു വലുപ്പം, സ്കെയിൽ ഞങ്ങൾ ആഗ്രഹിക്കുന്നു ലേക്ക് മാറ്റുകയും.
00:43 പിന്നെ, അതു ഫയലിന്റെ ആ പതിപ്പിലേക്ക് സംരക്ഷിക്കുന്നു.
00:46 ക്ലിക്ക് Configuration.
00:48 നാം സൃഷ്ടിക്കാൻ 2 image styles ഇവിടെ പോകുന്നു.
00:51 താഴേക്ക് സ്ക്രോൾ ചെയ്ത MEDIA ടാബ്. കണ്ടെത്തുക
00:54 ഇവിടെ, നമ്മൾ കാണാനാകും Image Styles.അതിൽ ക്ലിക്ക്.
00:58 നാം table ഒരു Image style സൃഷ്ടിക്കും ഞങ്ങൾ സജ്ജമാക്കിയ.
01:03 ഞങ്ങള് logos. ന്റെ ഒരു grid ആണ് സൃഷ്ടിക്കുന്നത് ചെയ്യും അപ്പോള് അടുത്ത കാഴ്ച വേണ്ടി.
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 ഇടതുവശത്ത്, 800 പിക്സൽ ചിത്രത്തിന്റെ എഡിറ്റുചെയ്ത പതിപ്പ് വഴി 600 വലതുഭാഗത്ത് ആണ് ആണ് യഥാർത്ഥ ചിത്രം.
01:38 അണ്ടർ EFFECT ക്ലിക്ക് ഡ്രോപ്പ് ഡൗൺ Select a new effect
01:42 നിരവധി ഓപ്ഷനുകൾ ഈ ലിസ്റ്റിൽ പ്രദർശിപ്പിക്കുന്നു. ഈ ഓപ്ഷനുകൾ ഇടയിൽ, ഞാൻ "സ്കെയിൽ വിള" പ്രാബല്യത്തിൽ തിരഞ്ഞെടുക്കുന്നു.
01:49 നിങ്ങൾ ആഗ്രഹിക്കുന്ന ഏത് ഓപ്ഷൻ തിരഞ്ഞെടുക്കാം. ഉദാ വേണ്ടി: തിരിക്കുക, വലുപ്പം Rotate, Resize . അല്ലെങ്കിൽ മറ്റേതെങ്കിലും.
01:56 Addബട്ടണിൽ ക്ലിക്ക്. ചെയുക
01:58 Width Height 150 ആയി നൽകുക 150 ആയി പൊക്കം.
02:02 ഓർക്കുക - ഒരിക്കലും Width സംബന്ധിച്ച് ഉംHeight യഥാർത്ഥ ചിത്രം അധികം വലുതാക്കി.
02:07 അങ്ങനെ ചെയ്യുന്നത്, ഇമേജ് പിക്സലേറ്റുചെയ്യുക ഇടയാക്കും.
02:11 Add effect. ക്ലിക്ക് ചെയ്യുക.
02:13 ഇവിടെ ഞങ്ങളുടെ പുതിയ Image Styleആണ്. വലത് വശത്തുള്ള ചിത്രം, ഞങ്ങൾ അത് ഇപ്പോൾ ചെറുതാക്കിയതും വലുപ്പം കാണാം.
02:22 ന്റെ മറ്റൊന്ന് സൃഷ്ടിക്കാം. Image Styleചേർക്കുക എന്നതിൽ ക്ലിക്ക് ഇമേജ് ശൈലികൾ പിന്നെ ബട്ടൺ.
02:29 ഇത്തവണ Image style name എന്നതിലെ നമ്മൾ ടൈപ്പ് ചെയ്യും: "ലോഗോസ് ഫോട്ടോ ഗാലറി".
02:35 അപ്പോൾ Create new style ബട്ടൺ ക്ലിക്ക് ചെയ്യുക.
02:38 ഇത് ഏതെങ്കിലും photo gallery നിങ്ങളുടെ മെഷീനിൽ ഒരു ഇമേജ് ആകാം.
02:42 നിങ്ങൾ ഏതെങ്കിലുംfield ഏത് ഉള്ളടക്കത്തിലും, ചിത്രത്തിനായി ചെയ്യാൻ കഴിയും.
02:47 ഒരിക്കൽക്കൂടി, ക്ലിക്ക് Select a new effect തുടർന്ന് "സ്കെയിൽ വിള" ഓപ്ഷനിൽ.
02:53 Add ബട്ടണിൽ ക്ലിക്ക്. Width ന്റെ 300 ആയി Heightനൽകുക ഉം 300 ആയി ഉയരം അനുവദിക്കുക.
03:00 തുടർന്ന് Add effect ബട്ടൺ ക്ലിക്ക് ചെയ്യുക.
03:03 വലത് വശത്തുള്ള ചിത്രം ഇപ്പോൾ 300 ബൈ 300 പുതിയ അളവുകൾ ഉള്ളതാണ് ശ്രദ്ധിക്കുക.
03:09 ഈ ദ്രുപാൽ സ്വയം ഓരോ Image style എന്ന ചിത്രങ്ങളുടെ പതിപ്പുകൾ സൃഷ്ടിക്കുന്ന കാണിക്കുന്നു സൈറ്റിൽ അവരെ സംഭരിക്കുന്നു.
03:18 Structure തുടർന്ന് Views എന്നിവ ക്ലിക്ക് ചെയുക
03:21 editക്ലിക്കുചെയ്ത് വഴി കാഴ്ച ഇപ്പോൾ ഞങ്ങളുടെ Upcoming Events 'അപ്ഡേറ്റ് അനുവദിക്കുക'.
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 ഇതു structure, പിന്നെ view ചെയ്യാൻ, ഉം Add new view. എന്നിവ ക്ലിക്ക്
04:05 നാം Photo Gallery. ഈ പേര്.
04:09 VIEW SETTINGS എന്നത് Content - of type - Events. ആക്കുക
04:14 ഈ പ്രത്യേക view ഫോട്ടോ--ദിവസത്തെ ചിത്രങ്ങളുടെ അല്ലെങ്കിൽ ഗാലറി ഏതെങ്കിലും ഇവന്റ് വേണ്ടി ആയി ഉപയോഗിക്കാം.
04:22 Create a page. ക്ലിക്ക്
04:25 താഴെ സ്ക്രോൾ ചെയ്ത് fields.ന്റെ 'Grid'.തിരഞ്ഞെടുക്കുക
04:29 ശ്രദ്ധിക്കുക: ഞങ്ങൾ മറ്റ് വഴിയൊന്നുമില്ല തിരഞ്ഞെടുക്കാം, 'Drupal,' വഴി ഡ്രോപ്പ്-ഡൗൺ നൽകിയ പുറമേ.
04:36 Items to display ഫീൽഡ് തെരഞ്ഞെടുക്കുക 9 'എന്നതിലെ' ഈ 3 ഗ്രിഡ് ഒരു 3 വിളിക്കാറുണ്ട്.
04:42 Create a menu link ചെക്ക് 'അനുവദിക്കുക' പോലെ .
04:46 Menu ഡ്രോപ്പ്-ഡൗൺ കീഴിൽ, ഓപ്ഷൻ "മെയിൻ നാവിഗേഷൻ" തിരഞ്ഞെടുക്കുക.
04:51 അപ്പോൾ ക്ലിക്ക് Save and Edit.
04:54 ഞങ്ങളുടെ 5 മാനദണ്ഡങ്ങൾ -നോക്കാം: Display ഒരു page 'ആണ്',
04:59 format എന്നത് grid ആണ്,
05:01 അവിടെ ഒരേയൊരു Title എന്ന് പേര് ഉള്ള Field അവസാനം Filter ഉം Sort Criteria.
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 ഈ സമയം, "photo gallery of logos" എന്നത് Image style ആക്കുക
05:45 Link image to, എന്നതിൽ Content തിരജെടുത്ത apply ക്ലിക്ക് ചെയുക
05:50 ഉടനെ, previewതാഴെ വിഭാഗത്തിൽ, ഒരു ഗ്രിഡ് പുറത്തു വെച്ചിരിക്കുന്നു.
05:55 അതിനാൽ, നിങ്ങൾ കാണുന്ന, ഒരു ഗ്രിഡ് ലേഔട്ട് ഒരു table. ൽ നിന്ന് വ്യത്യസ്തമാണ്
06:00 ഒരു സെല്ലിലെ നോട് മോഡി ന്റെ ന്റെ എല്ലാ FIELD കളും തിരജെടുക്കുക്ക.
06:05 പിന്നെ, നാം പ്രദർശിപ്പിക്കാൻ ആഗ്രഹിക്കുന്ന എത്ര സെല്ലുകൾ തീരുമാനിക്കാം.
06:09 ഇപ്പോൾ save ക്ലിക്ക് ചെയ്യാം
06:12 ബട്ടൺ ക്ലിക്ക് ന്റെ ക്ലിക്ക് ചെയ്യാം Back to site തുടർന്ന് Photo Gallery.
06:17 ഇത് തികച്ചും ആശംസകള് തോന്നുന്നു.
06:19 ഒരു മൊബൈൽ പോലുള്ള ചെറിയ ഉപകരണത്തിൽ, എല്ലാ ചിത്രങ്ങളും അവരുടെ 3 3 ഗ്രിഡ് നിലനിർത്താൻ താഴേക്ക് സ്കെയിൽ.
06:26 ഏതാണ് Drupal ൽ ഒരു ഒരു ഗ്രിഡ് ചെയ്യുന്നു ആണ്.
06:29 ഇതോടെ, ഈ ട്യൂട്ടോറിയലിൽ അവസാനം വന്നിരിക്കുന്നു. ഞങ്ങളെ സംഗഹിക്കുക അനുവദിക്കുക.
06:34 ഈ ട്യൂട്ടോറിയലില് നമ്മള് പഠിച്ചു: Image styles and Photo gallery view.
06:44 ഈ വീഡിയോ ഉം Acquiaച OSTraining എന്നിവയിൽ നീയിന്നു സ്വാംശീകരിച്, ഐഐടി ബോംബെ സ്പോകെൻ ട്യൂട്ടോറിയല്പുതുക്കി നിശ്ചയിച്ചു.
06:53 ഈ ലിങ്കിൽ വീഡിയോ ട്യൂട്ടോറിയല് പ്രോജക്ട് സംഗ്രഹിക്കുന്നു. ഡൌൺലോഡ് ദയവായി അത്.
07:00 സ്പോക്കണ് ട്യൂട്ടോറിയല് പ്രോജക്റ്റ് ടീം ശില്പശാലകൾ സംഘടിപ്പിക്കുന്നുണ്ട് സർട്ടിഫിക്കറ്റുകൾ നൽകുന്നു. കൂടുതൽ വിവരങ്ങൾക്ക്, ഞങ്ങൾക്ക് എഴുതുക ദയവായി.
07:08 സ്പോകെൻ ട്യൂട്ടോറിയല് നു ഫണ്ട് കൊടുത്തത് NMEICT, Ministry of Human Resource Development and NVLI, Ministry of Culture, Government of India.
07:19 സൈന് ഓഫ് അമീഷ വിജി നായർ ആണ്. പങ്കെടുത്തതിനു നന്ദി.

Contributors and Content Editors

Nancyvarkey, Vijinair