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