ഉപഭോക്തൃ അവലോകനങ്ങൾ, ഏറ്റവും പുതിയ ബ്ലോഗ് പോസ്റ്റുകൾ, മികച്ച ചിത്രങ്ങൾ, അല്ലെങ്കിൽ നിങ്ങളുടെ ടീം അംഗങ്ങളെ പ്രദർശിപ്പിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, അതിനായി ചില WordPress സ്ലൈഡറും കറൗസൽ പ്ലഗിനുകളും ഉണ്ട്.
എന്നാൽ ഈ വർഷം Envato വിപണിയിൽ ഏറ്റവും ചൂടേറിയ 8 പ്ലഗിനുകൾ ഞങ്ങൾ അനാച്ഛാദനം ചെയ്യുന്നതിനുമുമ്പ്, ഒരു സ്ലൈഡറും ഒരു കറൗസൽ പ്ലഗിനും തമ്മിലുള്ള വ്യത്യാസം (അല്ലെങ്കിൽ അതിന്റെ അഭാവം) വ്യക്തമാക്കുന്നത് മൂല്യവത്താണ്. ചിലർ പറയുന്നത്, ഇവ രണ്ടും ഒരേ പ്രവർത്തനക്ഷമതയാണ് നടപ്പിലാക്കുന്നത് എന്നതിനാൽ, ഒന്നിലധികം ചിത്രങ്ങൾ ഒരു സ്ലൈഡ്ഷോ ഫോർമാറ്റിൽ പ്രദർശിപ്പിക്കുക, മുമ്പത്തെ/അടുത്ത അമ്പടയാളങ്ങൾ, ലഘുചിത്രങ്ങൾ, ചിലപ്പോൾ സ്ലൈഡുകൾക്കിടയിൽ സംക്രമണ ഇഫക്റ്റുകൾ എന്നിങ്ങനെയുള്ള ചില നിയന്ത്രണങ്ങൾ വാഗ്ദാനം ചെയ്യുന്നു.
രണ്ടും തമ്മിലുള്ള പ്രധാന വ്യത്യാസം, ഒരു സ്ലൈഡർ തിരശ്ചീനമായോ ലംബമായോ സ്ലൈഡുചെയ്യുന്നു, അതേസമയം ഒരു കറൗസൽ ചിത്രങ്ങളെ ഒരു അച്ചുതണ്ടിൽ തിരിക്കുന്നു, ചിത്രം എപ്പോഴും കാഴ്ചക്കാരനെ അഭിമുഖീകരിക്കുന്നു എന്നതാണ്. സംവാദം തുടരുമ്പോൾ, ഞങ്ങൾ രണ്ട് ഓപ്ഷനുകളും മാറിമാറി നോക്കുകയും CodeCanyon-ലെ 2018-ലെ 8 മികച്ച സ്ലൈഡർ, കറൗസൽ പ്ലഗിനുകൾ അവലോകനം ചെയ്യുകയും ചെയ്യും.
1. ഫോക്സി - WooCommerce ഉൽപ്പന്ന ഇമേജ് ഗാലറി സ്ലൈഡർ കറൗസൽപ്ലഗിൻ ഉപയോഗിക്കാൻ എളുപ്പമാണ്, വേഗത്തിൽ സജ്ജീകരിക്കാൻ കഴിയും, ഫലം മികച്ചതായി തോന്നുന്നു - WooCommerce ഉൽപ്പന്നങ്ങൾ പ്രദർശിപ്പിക്കുന്നതിനുള്ള മികച്ച സ്ലൈഡർ.
സവിശേഷതകൾ ഉൾപ്പെടുന്നു:
- 150-ലധികം വ്യത്യസ്ത ഓപ്ഷനുകൾ
- പൂർണ്ണമായും അഡാപ്റ്റീവ്
- പ്രിവ്യൂ മോഡ്
- 8 ടെംപ്ലേറ്റുകൾ
- മറ്റ് പ്രവർത്തനങ്ങൾ.
വിഷ്വൽ കമ്പോസർ ഉപയോക്താക്കൾ WP സ്ലിക്ക് സ്ലൈഡർ പ്ലഗിൻ ഗൗരവമായി പരിഗണിക്കാൻ ആഗ്രഹിക്കുന്നു. ഏകദേശം 100 മുൻകൂട്ടി നിശ്ചയിച്ച ലേഔട്ടുകൾ ഉപയോഗിച്ച്, കോഡിംഗ് കൂടാതെ നിങ്ങൾക്ക് ആവശ്യമുള്ളതെല്ലാം കണ്ടെത്താനാകും.
സവിശേഷതകൾ ഉൾപ്പെടുന്നു:
- പ്രതികരണശേഷിയും സ്ക്രോളിംഗും
- മൗസ് ഡ്രാഗും അനന്തമായ ലൂപ്പും
- ഒരു ശക്തമായ ഷോർട്ട് കോഡ് ജനറേഷൻ ടൂൾ.
ചില ഡിസൈൻ ശൈലികളിൽ ഇവ ഉൾപ്പെടുന്നു:
- വേരിയബിൾ വീതി
- കേന്ദ്രീകൃത മോഡ്.
മാസ്റ്റർ സ്ലൈഡർ CodeCanyon-ൽ ഒരു ശാശ്വത പ്രിയങ്കരമായത് എന്തുകൊണ്ടാണെന്നതിൽ അതിശയിക്കാനില്ല. വളരെ ഇഷ്ടാനുസൃതമാക്കാവുന്നതും ഉപയോഗിക്കാൻ എളുപ്പമുള്ളതുമായ 70-ലധികം ടെംപ്ലേറ്റുകൾ റെസ്പോൺസീവ് ടച്ച് സ്ലൈഡർ വാഗ്ദാനം ചെയ്യുന്നു.
ഈ പ്ലഗിനിലെ ഒരു ഉപയോഗപ്രദമായ സവിശേഷത, HTML ഫോർമാറ്റ് ചെയ്ത വാചകം, ലിങ്കുകൾ, ഇമേജുകൾ അല്ലെങ്കിൽ വീഡിയോകൾ ഓരോ സ്ലൈഡിലേക്കും നേരിട്ട് ഉൾച്ചേർക്കാനുള്ള കഴിവാണ്, തുടർന്ന് ഓരോ ലെയറും സ്വതന്ത്രമായി ആനിമേറ്റ് ചെയ്യുക.
മറ്റ് മികച്ച സവിശേഷതകൾ:
- വിഷ്വൽ ഡ്രാഗ് ആൻഡ് ഡ്രോപ്പ് ഡിസൈനർ
- ഇമേജ് ഗാലറി സ്ലൈഡറായി എളുപ്പത്തിൽ പ്രദർശിപ്പിക്കുക
- Flickr, WooCommerce പോലുള്ള സേവനങ്ങളിൽ നിന്ന് ഗാലറികൾ ലോഡുചെയ്യാനും പ്രദർശിപ്പിക്കാനുമുള്ള കഴിവ്
- കൂടാതെ കൂടുതൽ സവിശേഷതകൾ.
അഡ്മിനിസ്ട്രേഷൻ ഏരിയയിൽ ശുദ്ധവും അവബോധജന്യവുമായ ഉപയോക്തൃ ഇന്റർഫേസും അന്തിമ ഉപയോക്താക്കൾക്ക് സുഗമമായ നാവിഗേഷനും സ്ലൈഡർ പ്രോ നൽകുന്നു.
ആഴത്തിലുള്ള ലിങ്കിംഗ് സവിശേഷതയാണ് രസകരമായ ഒരു സവിശേഷത, ഓരോ സ്ലൈഡ് മാറ്റവും ബ്രൗസറിന്റെ നാവിഗേഷൻ ബാറിലെ യുആർഎൽ അനുബന്ധ URL ഉപയോഗിച്ച് അപ്ഡേറ്റ് ചെയ്യും.
മറ്റ് മികച്ച സവിശേഷതകൾ:
CodeCanyon-ൽ ഏറ്റവും കൂടുതൽ ഡൗൺലോഡ് ചെയ്ത സ്ലൈഡർ, WordPress-നുള്ള Royal Slider, അപ്രതിരോധ്യമായ സവിശേഷതകളാൽ നിറഞ്ഞതാണ്. കൊക്ക കോള, ലാൻഡ് റോവർ തുടങ്ങിയ വലിയ പേരുകൾ ഉപയോഗിക്കുന്ന ഈ പ്ലഗിൻ ഒരു സ്ലൈഡറിൽ നിന്ന് നിങ്ങൾക്ക് ആവശ്യമുള്ളതെല്ലാം ചെയ്യുന്നു.
ഫുൾ സ്ക്രീൻ HTML5 പിന്തുണയുള്ള ഫുൾ സ്ക്രീൻ സവിശേഷതയാണ് ഏറ്റവും ആകർഷകമായ സവിശേഷത. ഉയർന്ന റെസല്യൂഷൻ ഫോട്ടോഗ്രാഫി പ്രദർശിപ്പിക്കുന്നതിന് അനുയോജ്യം.
മറ്റ് മികച്ച സവിശേഷതകൾ:
- വ്യത്യസ്ത സ്കിന്നുകൾക്കൊപ്പം പോലും പേജിൽ നിരവധി സ്ലൈഡറുകൾ ഉപയോഗിക്കാൻ അനുവാദമുണ്ട്
- ടച്ച് സ്ക്രീൻ നാവിഗേഷൻ പിന്തുണ
- അഡാപ്റ്റീവ് ഡിസൈൻ
- നാവിഗേഷനായി ലംബമോ തിരശ്ചീനമോ ആയ ലഘുചിത്രങ്ങൾ, മാർക്കറുകൾ അല്ലെങ്കിൽ ടാബുകൾ
- മറ്റ് പ്രവർത്തനങ്ങൾ.
ലോഗോസ് ഷോകേസ് പ്ലഗിൻ പ്രത്യേകം രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത് ബാഹ്യമോ ആന്തരികമോ ആയ ലിങ്കുകളുള്ള ചിത്രങ്ങളുടെ ഒരു ഗ്രിഡ് സൃഷ്ടിക്കാൻ ആഗ്രഹിക്കുന്ന അല്ലെങ്കിൽ ക്ലയന്റ് അല്ലെങ്കിൽ സ്പോൺസർ ലോഗോകളുടെ ഒരു ലിസ്റ്റ് പ്രദർശിപ്പിക്കാൻ ആഗ്രഹിക്കുന്ന ഉപയോക്താക്കൾക്കായി പ്രത്യേകം രൂപകൽപ്പന ചെയ്തിട്ടുള്ളതാണ്.
ലോഗോ ഷോകേസിലെ ഒരു മികച്ച സവിശേഷത ലോഗോകൾ കറുപ്പിലും വെളുപ്പിലും പ്രദർശിപ്പിക്കാനുള്ള കഴിവാണ്, ആവശ്യമെങ്കിൽ ഹോവർ ചെയ്ത് അവ യഥാർത്ഥ നിറത്തിൽ പ്രദർശിപ്പിക്കാനുള്ള ഓപ്ഷനാണ്.
മറ്റ് സവിശേഷതകൾ:
- ചിത്രങ്ങൾ പ്രദർശിപ്പിക്കുന്നതിന് മൂന്ന് വ്യത്യസ്ത വഴികളിൽ നിന്ന് തിരഞ്ഞെടുക്കുക
- സംക്രമണ വേഗതയും യാന്ത്രിക സ്ക്രോൾ നിയന്ത്രണവും പ്രവർത്തനക്ഷമമാക്കി
- സ്ഥിരസ്ഥിതി ലോഗോ വലുപ്പം നിയന്ത്രിക്കുക
- ഓരോ ലോഗോയ്ക്കും URL-കൾ സജ്ജീകരിക്കാനുള്ള കഴിവ്, അത് ഒരേ പേജിലോ പുതിയതിലോ തുറക്കാൻ കഴിയും
- അതിലും കൂടുതൽ.
ചുറ്റും, പേര് സൂചിപ്പിക്കുന്നത് പോലെ, നന്നായി വൃത്താകൃതിയിലുള്ള ഒരു സ്ലൈഡർ ആണ്. ഇത് നിങ്ങൾക്ക് വൃത്തിയുള്ളതും പ്രതികരിക്കുന്നതുമായ ഡിസൈൻ, മുൻകൂട്ടി നിശ്ചയിച്ചിട്ടുള്ള സ്റ്റൈലിംഗ് ഓപ്ഷനുകളുടെ ഒരു ശ്രേണി, ടച്ച് സ്ക്രീനുകൾക്കുള്ള ഇന്റർചേഞ്ച് ആംഗ്യങ്ങൾക്കുള്ള പിന്തുണ എന്നിവ നൽകുന്നു.
ഇത് വീഡിയോയെ പോലും പിന്തുണയ്ക്കുന്നു!
പ്ലഗിൻ സവിശേഷതകൾ:
- പൂർണ്ണമായും അഡാപ്റ്റീവ്
- 6 റെഡിമെയ്ഡ് ശൈലികൾ
- വീഡിയോ പിന്തുണയ്ക്കുന്നു
- ലംബമോ തിരശ്ചീനമോ
- ഒരു പേജിൽ ഒന്നിലധികം സ്ലൈഡറുകൾ പിന്തുണയ്ക്കുന്നു
- ഓട്ടോ പ്ലേ മോഡ്
- മറ്റുള്ളവരും.
അൾട്രാ പോർട്ട്ഫോളിയോ പ്രാഥമികമായി സ്ലൈഡർ ഫീച്ചറുകൾ പ്രവർത്തനക്ഷമമാക്കി ഒരു പോർട്ട്ഫോളിയോ സൃഷ്ടിക്കാൻ താൽപ്പര്യമുള്ള ഉപയോക്താക്കളെ ആകർഷിക്കും. ഇത് ധാരാളം ലേഔട്ട് ഓപ്ഷനുകൾ വാഗ്ദാനം ചെയ്യുകയും യഥാർത്ഥത്തിൽ വഴക്കവും പ്രവർത്തനക്ഷമതയും നൽകുകയും ചെയ്യുന്നു.
ആനിമേഷൻ ഇഫക്റ്റുകളും അവയുടെ വേഗതയും നിയന്ത്രിക്കാനുള്ള കഴിവാണ് ഈ സ്ലൈഡറിന്റെ ഏറ്റവും ആകർഷകമായ സവിശേഷത.
മറ്റ് മികച്ച സവിശേഷതകൾ:
- പരിധിയില്ലാത്ത ലേഔട്ടുകൾ
- WooCommerce സംയോജനം
- Google ഫോണ്ട് സംയോജനം
- വ്യത്യസ്ത സ്ക്രീൻ റെസല്യൂഷനുകൾക്കായുള്ള നിരകളുടെ എണ്ണവും അവയുടെ വീതിയും നിയന്ത്രിക്കാനുള്ള കഴിവ്. (2, 3, 4, 5 അല്ലെങ്കിൽ 6 നിരകൾ)
- മറ്റ് പ്രവർത്തനങ്ങൾ.
ഹലോ സുഹൃത്തുക്കളെ!
അടുത്തിടെ, ഒരു വെബ്സൈറ്റിൽ (വേർഡ്പ്രസ്സിനായി) ഒരു ഇമേജ് റൊട്ടേറ്റർ സൃഷ്ടിക്കാൻ ഏത് പ്ലഗിൻ നിങ്ങളെ അനുവദിക്കുന്നു എന്ന ചോദ്യവുമായി എന്നെ നിരവധി തവണ സമീപിച്ചു.
ഞാൻ സ്വയം ഒരു റൊട്ടേറ്റർ ഉപയോഗിക്കുന്നില്ല, പക്ഷേ ആളുകൾക്ക് സഹായം ആവശ്യമാണ്. അല്ലെങ്കിൽ, പിന്നെ എന്തിനാണ് ഞാൻ ഈ സൈറ്റ് ഉണ്ടാക്കിയത്?
ചുരുക്കത്തിൽ, ഞാൻ വിവിധ പ്ലഗിന്നുകളുടെ ഒരു ചെറിയ വിശകലനം നടത്തി എനിക്ക് ആവശ്യമുള്ളത് കണ്ടെത്തി.
ഇത് WordPress-നുള്ള ഒരു പ്ലഗിൻ ആണ് - "മെറി കറൗസൽ".
ഇത് നിങ്ങളുടെ സൈറ്റിലെ ചിത്രങ്ങളിലൂടെ മനോഹരമായി തിരിയുക മാത്രമല്ല, ചിത്രം ഉൾപ്പെടുന്ന ലേഖനത്തിന്റെ ഒരു ഹ്രസ്വ വിവരണവും നൽകുന്നു, നിങ്ങൾ ചിത്രത്തിൽ ക്ലിക്ക് ചെയ്താൽ, നിങ്ങൾ ലേഖനത്തിലേക്ക് തന്നെ പോകും.
പ്ലഗിൻ എങ്ങനെ പ്രവർത്തിക്കുന്നു എന്നതിന്റെ ഒരു ഉദാഹരണം നിങ്ങൾക്ക് കാണാൻ കഴിയും.
ഇത് വളരെ സുഖകരമാണ്.
ഇപ്പോൾ ഇത് എവിടെ നിന്ന് ലഭിക്കും, എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാമെന്നും കോൺഫിഗർ ചെയ്യാമെന്നും നമുക്ക് നോക്കാം.
1. പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യുക.ഫയലുകളുള്ള ഫോൾഡർ നിങ്ങളുടെ സൈറ്റിന്റെ പ്ലഗിനുകളിലേക്ക്/ഫോൾഡറിലേക്ക് നീക്കിക്കൊണ്ട് പ്ലഗിൻ സ്റ്റാൻഡേർഡ് ആയി ഇൻസ്റ്റാൾ ചെയ്തു. വേർഡ്പ്രസ്സ് എഞ്ചിനിൽ പ്ലഗിനുകൾ എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാം എന്നതിനെക്കുറിച്ച് നിങ്ങൾക്ക് കൂടുതൽ വായിക്കാം.
2. പ്ലഗിൻ സജ്ജീകരണം.അതിനാൽ, ഞങ്ങൾ ഞങ്ങളുടെ വെബ്സൈറ്റിൽ പ്ലഗിൻ ഡൗൺലോഡ് ചെയ്ത് ഇൻസ്റ്റാൾ ചെയ്തു. അത് സജീവമാക്കാൻ മറക്കരുത് !!!
ഇപ്പോൾ ഞങ്ങളുടെ സൈറ്റിന്റെ അഡ്മിൻ പാനലിലേക്ക് പോകുക. പ്രധാന ടൂൾബാറിന്റെ ഏറ്റവും താഴെ, "RC പ്ലഗിനുകൾ" ഇനം പ്രത്യക്ഷപ്പെട്ടു (ഒരു തമാശയുള്ള ഹാംബർഗർ ഐക്കണും ഉണ്ട്). അങ്ങോട്ടാണ് നമ്മൾ പോകുന്നത്.
ഞങ്ങൾ പ്ലഗിൻ ക്രമീകരണ പാനലിലേക്ക് പോകുന്നു.
ഇപ്പോൾ, ക്രമത്തിൽ.
ആദ്യ ഫീൽഡ്: "ഫോൾഡറിലെ ചിത്രങ്ങൾക്കായി തിരയുക." ചിത്രങ്ങൾ സംഭരിക്കുന്ന ഫോൾഡറിലേക്കുള്ള പാത ഇതിൽ അടങ്ങിയിരിക്കുന്നു. സ്ഥിരസ്ഥിതിയായി, ഇത് ഫോൾഡറിന്റെ പേര് ഞങ്ങൾക്ക് വാഗ്ദാനം ചെയ്യുന്നു, പക്ഷേ അത് നിലവിലില്ലെന്ന് ഉടൻ എഴുതുന്നു. നമ്മൾ അത് സൃഷ്ടിക്കേണ്ടതുണ്ട്.
FileZilla പ്രോഗ്രാം എങ്ങനെ ഉപയോഗിക്കണമെന്ന് എല്ലാവർക്കും ഇതിനകം അറിയാമെന്ന് ഞാൻ കരുതുന്നു. ഞങ്ങൾ സൈറ്റിലേക്ക് പോയി പ്ലഗിൻ ക്രമീകരണ ഫീൽഡിൽ വ്യക്തമാക്കിയ സ്ഥലത്ത് ഒരു ഫോൾഡർ സൃഷ്ടിക്കുന്നു.
അടുത്ത ഫീൽഡ് ചിത്രത്തിന്റെ വലുപ്പമാണ്. ചിത്രത്തിന്റെ വലുപ്പം പിക്സലിൽ സജ്ജമാക്കുക. ഇപ്പോൾ പ്രധാന കാര്യം വരുന്നു.
നിങ്ങളുടെ ചിത്രങ്ങൾ മനോഹരമായി കാണണമെങ്കിൽ (നീട്ടിയതോ കംപ്രസ് ചെയ്തതോ അല്ല), നിങ്ങൾ ഇവിടെ വ്യക്തമാക്കിയ കൃത്യമായ വലുപ്പത്തിന്റെ റൊട്ടേറ്ററിനായി ചിത്രങ്ങൾ സൃഷ്ടിക്കേണ്ടതുണ്ട്.
അടുത്ത ക്രമീകരണം ചിത്രത്തിന്റെ പേര് ആണ്. ഒരു ചിത്രത്തിന് പേരിടുന്നതിന് നിരവധി ഓപ്ഷനുകൾ ഉണ്ട്, അതിനാൽ അത് ഒരു നിർദ്ദിഷ്ട പോസ്റ്റുമായി ബന്ധിപ്പിച്ചിരിക്കുന്നു.
അടുത്ത ക്രമീകരണം “ഇതിലേക്ക് ചേർക്കുക . ഇവിടെ നിങ്ങൾക്ക് റൊട്ടേറ്ററിനായി സ്റ്റൈലിംഗ് ചേർക്കാം. അതിനാൽ സ്റ്റൈൽ ഫയലുകൾ കുഴിക്കാതിരിക്കാൻ. ഈ ഫീൽഡിൽ നിങ്ങൾക്ക് എല്ലാ ശൈലികളും നേരിട്ട് നൽകാം.
ശരി, അവസാന ക്രമീകരണങ്ങൾ ഡിസ്പ്ലേ ക്രമീകരണങ്ങളാണ്. റൊട്ടേറ്ററിൽ ഏതൊക്കെ ചിത്രങ്ങൾ ഉപയോഗിക്കണമെന്നും അവയിൽ എത്രയെണ്ണം ഉപയോഗിക്കണമെന്നും അവിടെ ഞങ്ങൾ സൂചിപ്പിക്കുന്നു. അവിടെ സങ്കീർണ്ണമായ ഒന്നും തന്നെയില്ല - നിങ്ങൾക്കത് സ്വയം കണ്ടെത്താനാകും.
ക്രമീകരണങ്ങൾ മാറ്റിയ ശേഷം, അവ സംരക്ഷിക്കാൻ മറക്കരുത്.
3. സൈറ്റിൽ റൊട്ടേറ്റർ കോഡ് ചേർക്കുന്നു.ഞങ്ങൾ പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്ത് കോൺഫിഗർ ചെയ്ത ശേഷം, റോട്ടേറ്റർ കൃത്യമായി എവിടെ പ്രദർശിപ്പിക്കണമെന്ന് എഞ്ചിനോട് പറയുക മാത്രമാണ് നമ്മൾ ചെയ്യേണ്ടത്.
ഇത് ചെയ്യുന്നതിന്, ഞങ്ങളുടെ സൈറ്റിന്റെ കോഡിൽ ശരിയായ സ്ഥലത്ത് ഇനിപ്പറയുന്ന കോഡ് ചേർക്കുക:
അത്രയേയുള്ളൂ. ഇപ്പോൾ നിങ്ങളുടെ വെബ്സൈറ്റിൽ ഒരു സ്റ്റൈലിഷ് റൊട്ടേറ്റർ ഉണ്ട്.
വിവിധ ബ്രാൻഡുകളുടെ എല്ലാത്തരം ലോഗോകളും അവരുടെ സേവനങ്ങളോ ഉൽപ്പന്നങ്ങളോ വിൽക്കുന്ന വെബ്സൈറ്റുകളിൽ നിങ്ങൾ കണ്ടിട്ടുണ്ടോ?
അവർ എവിടെ നിന്നാണ് വരുന്നതെന്ന് നിങ്ങൾ എപ്പോഴെങ്കിലും ചിന്തിച്ചിട്ടുണ്ടെങ്കിൽ, നിങ്ങളുടെ സൈറ്റിലേക്ക് സമാനമായ ഒരു ഫംഗ്ഷൻ ചേർക്കാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, ഇത് എങ്ങനെ ചെയ്യാമെന്നതിനെക്കുറിച്ചുള്ള വിവരങ്ങൾ ഈ ലേഖനത്തിൽ നിങ്ങൾ കണ്ടെത്തും.
നിങ്ങൾക്ക് ആവശ്യമുള്ള ഒരേയൊരു കാര്യം ഒരു സ്ലൈഡറിലോ മറ്റേതെങ്കിലും വിധത്തിലോ വ്യത്യസ്ത ലോഗോകൾ പ്രദർശിപ്പിക്കാൻ സഹായിക്കുന്ന ഒരു പ്ലഗിൻ ആണ്. WordPress-നുള്ള ഈ പ്ലഗിന്നുകളുടെ ഏറ്റവും മികച്ച ഒരു അവലോകനം ഞങ്ങൾ നിങ്ങൾക്ക് വാഗ്ദാനം ചെയ്യുന്നു.
പ്ലഗിന്നുകളുടെ പണമടച്ചുള്ളതും സൗജന്യവുമായ പതിപ്പുകൾ ഉണ്ട്. അവയ്ക്കിടയിൽ ചെറിയ വ്യത്യാസങ്ങളുണ്ടെങ്കിലും അവയെല്ലാം അടിസ്ഥാനപരമായി സമാനമായ സവിശേഷതകൾ വാഗ്ദാനം ചെയ്യുന്നു. നിങ്ങൾക്ക് അനുയോജ്യമായ ഓപ്ഷൻ നിങ്ങൾക്ക് തിരഞ്ഞെടുക്കാം. കൂടാതെ, ചില പ്ലഗിനുകൾക്ക് നിങ്ങൾക്ക് ഉപയോഗിക്കാവുന്ന ഒരു ഡെമോ പതിപ്പുണ്ട്.
ഈ പ്ലഗിനുകൾ എന്തിനുവേണ്ടിയാണ് ഉപയോഗിക്കുന്നത്?നിങ്ങളുടെ ക്ലയന്റുകളോ സേവന ദാതാക്കളോ ആയ മറ്റ് സൈറ്റുകൾ, കമ്പനികൾ, സ്ഥാപനങ്ങൾ എന്നിവയുടെ ലോഗോകൾ നിങ്ങളുടെ സൈറ്റിൽ ഒരു സംവേദനാത്മക രൂപത്തിൽ പ്രദർശിപ്പിക്കാൻ മാത്രമേ ഈ പ്ലഗിനുകൾ ഉപകരിക്കൂ. അവർക്ക് മറ്റ് പ്രവർത്തനങ്ങളൊന്നുമില്ല.
ചില പ്ലഗിനുകൾ ഉപയോക്താക്കൾക്ക് അധിക പ്രവർത്തനം നൽകുന്നു.
ലോഗോകൾ പ്രദർശിപ്പിക്കുന്നതിനുള്ള മികച്ച വേർഡ്പ്രസ്സ് പ്ലഗിനുകൾ 1. CodeCanyon-ന്റെ ലോഗോകൾ വേർഡ്പ്രസ്സ് പ്ലഗിൻCodeCanyon സ്റ്റോറിൽ നിന്നുള്ള ആദ്യ പ്ലഗിൻ ആണിത്. 2000-ലധികം രജിസ്റ്റർ ചെയ്ത വിൽപ്പനയുള്ള ഏറ്റവും കൂടുതൽ വിറ്റഴിക്കപ്പെടുന്ന പ്ലഗിന്നുകളിൽ ഒന്നാണിത്. ലോഗോകൾക്ക് ഒരു ഷോർട്ട് കോഡ് ജനറേറ്ററും വിഷ്വൽ എഡിറ്ററും ഉണ്ട്. ലോഗോകൾ പ്രദർശിപ്പിക്കുന്നതിന് മോടിയുള്ളതും മനോഹരവും പ്രവർത്തനപരവുമായ ഒരു മാർഗം രൂപകൽപ്പന ചെയ്യുന്നതിൽ ഈ രണ്ട് ടൂളുകളും ഉപയോക്താവിനെ സഹായിക്കും.
പ്ലഗിൻ ഒരു റെസ്പോൺസീവ് ഇന്റർഫേസ് ഉപയോഗിക്കുന്നതിനാൽ ഏത് സ്മാർട്ട്ഫോണിലും ടാബ്ലെറ്റിലും മൊബൈൽ ഫോണിലും പ്രദർശിപ്പിക്കുന്ന ലോഗോകൾക്കും മറ്റ് ഗ്രാഫിക് ഒബ്ജക്റ്റുകൾക്കുമായി നിങ്ങൾക്ക് വിഭാഗങ്ങൾ സജ്ജമാക്കാൻ കഴിയും. ലോഗോകൾ പ്രദർശിപ്പിക്കാനും സ്റ്റൈൽ ചെയ്യാനും വിവിധ മാർഗങ്ങളുണ്ട്. നിങ്ങളുടെ ജോലി കൂടുതൽ എളുപ്പമാക്കുന്ന വിജറ്റുകളും ലോഗോകൾ വാഗ്ദാനം ചെയ്യുന്നു.
ഈ പ്ലഗിൻ $14-ന് മാത്രമേ വാങ്ങാൻ കഴിയൂ, ഈ പതിപ്പ് ഒരു ഉൽപ്പന്നത്തിനോ ഒരു ക്ലയന്റിനോ ഉപയോഗിക്കാം. ഡിസ്പ്ലേ രീതിയായി കറൗസൽ, ടൈൽ അല്ലെങ്കിൽ ലിസ്റ്റ് തിരഞ്ഞെടുക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന ഓപ്ഷനുകൾ പ്ലഗിനുണ്ട്. ഉയർന്ന മിഴിവുള്ള ഡിസ്പ്ലേകളിൽ പ്രവർത്തിക്കുമ്പോൾ ഇതിന് പ്രശ്നങ്ങളില്ല.
2. പ്ലാസിഡ് സ്ലൈഡർപ്ലഗിൻ പൂർണ്ണമായും ഇഷ്ടാനുസൃതമാക്കാവുന്ന CSS, ലംബവും തിരശ്ചീനവുമായ സ്ലൈഡർ, റെസ്പോൺസീവ് ഡിസൈൻ, കൺവേർട്ടിബിൾ ഇമേജ് സ്ലൈഡർ, ഫീച്ചർ ചെയ്ത പോസ്റ്റ് അല്ലെങ്കിൽ പേജ് സ്ലൈഡർ, SliderVilla അനുയോജ്യത എന്നിവയും അതിലേറെയും ഉണ്ട്. പ്രീമിയം പതിപ്പിന്റെ സവിശേഷതകളുടെ പട്ടികയിൽ ബാക്ക്ലൈറ്റ് സവിശേഷത ഉൾപ്പെടുത്തിയിട്ടുണ്ട്, ഇത് നിങ്ങൾക്ക് ഒരു സൈറ്റിന് $8 ഉം പലതിന് $25 ഉം മാത്രമായിരിക്കും.
പ്ലഗിൻ ക്രോസ്-ബ്രൗസർ അനുയോജ്യമാണ് (ഏറ്റവും പുതിയ സഫാരി, ക്രോം പോലും) കൂടാതെ WordPress-ന്റെ ഏറ്റവും പുതിയ പതിപ്പുകൾ (4.0-ഉം അതിനുശേഷവും). ഇതിന് ആവശ്യമായ എല്ലാ ഡോക്യുമെന്റേഷനുകളും ട്യൂട്ടോറിയലുകളും ഉണ്ട്. നിങ്ങളുടെ ചോദ്യത്തിന് ഉത്തരം കണ്ടെത്താൻ സഹായിക്കുന്ന നിരവധി പ്രത്യേക ഫോറങ്ങൾ ഇന്റർനെറ്റിൽ ഉണ്ട്.
3. കിവി ലോഗോ കറൗസൽവേർഡ്പ്രസ്സ് ശേഖരത്തിൽ ലഭ്യമായ ഏറ്റവും ജനപ്രിയമായ സൗജന്യ പ്ലഗിൻ ഇതാണ്. നിങ്ങളുടെ ബ്ലോഗിലോ വെബ്സൈറ്റിലോ നേരിട്ട് വ്യത്യസ്ത ലോഗോകളുള്ള ഒരു കറൗസൽ ചേർക്കാൻ ഇത് നിങ്ങളെ സഹായിക്കും. മാത്രമല്ല, ഇത് സൈറ്റിൽ എവിടെയും സ്ഥാപിക്കാവുന്നതാണ്.
പ്ലഗിന് അധിക സവിശേഷതകൾ ഉണ്ട്: ഒരു റെസ്പോൺസീവ് ഇന്റർഫേസ്, ഡ്രാഗ് ആൻഡ് ഡ്രോപ്പ് ടൂൾ ഉപയോഗിച്ച് നിങ്ങളുടെ സ്വന്തം ലോഗോ ഡിസ്പ്ലേ സീക്വൻസ് സജ്ജീകരിക്കാനുള്ള കഴിവ്, ഒന്നിലധികം കറൗസലിനുള്ള പിന്തുണ, ബ്ലാക്ക് ആൻഡ് വൈറ്റ് ഇമേജ് ഇഫക്റ്റ്, മറ്റ് നിരവധി ക്രമീകരണങ്ങൾ.
4. ലോഗോ സ്ലൈഡർഅടുത്ത സൗജന്യ പ്ലഗിൻ വളരെ ജനപ്രിയവും വലുപ്പത്തിൽ വളരെ ചെറുതുമാണ്. നിങ്ങൾക്ക് ഒരു കോംപാക്റ്റ് ഓപ്ഷൻ വേണമെങ്കിൽ, ഈ പ്ലഗിൻ നിങ്ങൾക്കുള്ളതാണ്. മുമ്പത്തെവയെപ്പോലെ, ലളിതമായ ഇമേജ് അപ്ലോഡർ, ലോഗോ ഇമേജുകളുടെ എളുപ്പത്തിലുള്ള ഇഷ്ടാനുസൃതമാക്കൽ, സ്ലൈഡറിലെ ചിത്രങ്ങളുടെ ക്രമം മാറ്റുന്നതിനുള്ള ഡ്രാഗ് ആൻഡ് ഡ്രോപ്പ് ടൂൾ, ആരോ ഐക്കണുകളുടെ ഒരു ശേഖരം എന്നിവയ്ക്കൊപ്പം പൂർണ്ണമായി പ്രതികരിക്കുന്ന ഇന്റർഫേസ് ഇതിന് ഉണ്ട്.
5. മികച്ച ലോഗോ സ്ലൈഡർസൗജന്യവും പ്രീമിയം പതിപ്പും ലഭ്യമായ ഒരേയൊരു പ്ലഗിൻ ഇതാണ്. ഇഷ്ടാനുസൃത പോസ്റ്റ് തരങ്ങൾക്കുള്ള പിന്തുണ, പ്രതികരിക്കുന്ന ഇന്റർഫേസ്, ഉപയോഗത്തിന്റെ എളുപ്പവും ഇഷ്ടാനുസൃതമാക്കലിന്റെ എളുപ്പവും, OWL-കറൗസലിനൊപ്പം പ്രവർത്തിക്കുക, ലോഗോയിലേക്ക് ഒരു ബാഹ്യ ലിങ്ക് ചേർക്കൽ, ലോഗോയ്ക്ക് കീഴിൽ ഒരു ശീർഷകം പ്രദർശിപ്പിക്കാനുള്ള കഴിവ് എന്നിവ പോലുള്ള സവിശേഷതകൾ അടിസ്ഥാന പതിപ്പിൽ ഉൾപ്പെടുന്നു.
പ്രീമിയം പതിപ്പ് വിവിധ സ്ലൈഡർ ക്രമീകരണങ്ങൾ, ഒരു വിഷ്വൽ എഡിറ്റർ, എളുപ്പവും വിശാലവുമായ കസ്റ്റമൈസേഷനായി ഒരു അധിക പാനൽ, ഒരു ഇമേജ് സൈസ് കൺട്രോളർ എന്നിവ ചേർക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു, കൂടാതെ പ്രതികരണ ക്രമീകരണങ്ങളും ഉണ്ട്.
6. ലോഗോസ് ഷോകേസ് പ്ലഗിൻഎടുത്തു പറയേണ്ട ഒരു പ്ലഗിൻ കൂടി ഉണ്ട്. ഇതാണ് ലോഗോസ് ഷോകേസ് പ്ലഗിൻ (പ്രീമിയം പതിപ്പ്), ഇവിടെ വിവരിച്ചിരിക്കുന്ന പ്ലഗിന്നുകളിൽ ലിസ്റ്റ് ചെയ്തിരിക്കുന്ന മിക്കവാറും എല്ലാ ഫംഗ്ഷനുകളും ഇതിൽ ഉൾപ്പെടുന്നു, വലിപ്പത്തിൽ വളരെ വലുതാണ്. മുകളിൽ അവതരിപ്പിച്ച പ്ലഗിന്നുകളൊന്നും നിങ്ങൾക്ക് അനുയോജ്യമല്ലെങ്കിൽ, നിങ്ങൾക്ക് ഇത് പരീക്ഷിക്കാം.
ഉപസംഹാരംഇവിടെ വിവരിച്ചിരിക്കുന്ന ഏതെങ്കിലും പ്ലഗിന്നുകളിൽ ചില ഫംഗ്ഷനുകൾ അടങ്ങിയിരിക്കണമെന്നില്ല, എന്നാൽ ഇപ്പോൾ നിങ്ങൾക്ക് അവയെക്കുറിച്ച് പൊതുവായ ഒരു ആശയമെങ്കിലും ഉണ്ട്. നിങ്ങൾക്കായി ശരിയായ പ്ലഗിൻ തിരഞ്ഞെടുക്കാൻ ഈ ലേഖനം നിങ്ങളെ സഹായിച്ചിരിക്കാം. അഭിപ്രായങ്ങളിൽ നിങ്ങളുടെ അനുഭവം പങ്കിടുക.
ഹലോ! WordPress സൈറ്റിനായുള്ള ഏറ്റവും രസകരവും ഉപയോഗപ്രദവുമായ പ്ലഗിനുകൾ ഞങ്ങൾ വിശകലനം ചെയ്യുന്നത് തുടരുന്നു! നിങ്ങളുടെ വെബ്സൈറ്റിലേക്ക് പോസ്റ്റുകൾ, ഉൽപ്പന്നങ്ങൾ, വീഡിയോകൾ, ചിത്രങ്ങൾ എന്നിവയുടെ സ്റ്റൈലിഷ് കറൗസൽ സ്ലൈഡർ എങ്ങനെ ചേർക്കാമെന്ന് ഇന്ന് നിങ്ങൾ പഠിക്കും. നിങ്ങൾക്ക് സ്ലൈഡറിന്റെ രൂപം ഇഷ്ടാനുസൃതമാക്കാൻ കഴിയും. കറൗസൽ, പോസ്റ്റുകൾ, ഉൽപ്പന്നങ്ങൾ, ചിത്രങ്ങൾ അല്ലെങ്കിൽ വീഡിയോകൾ എന്നിവയിൽ എന്താണ് പ്രദർശിപ്പിക്കേണ്ടതെന്ന് നിങ്ങൾക്ക് തിരഞ്ഞെടുക്കാം. മൊബൈൽ ഉപകരണങ്ങൾക്കായി നിങ്ങൾക്ക് കറൗസലിന്റെ ഡിസ്പ്ലേ ഇഷ്ടാനുസൃതമാക്കാൻ കഴിയും. നിങ്ങൾക്ക് നാവിഗേഷൻ പ്രവർത്തനക്ഷമമാക്കാനും ചിത്രത്തിന്റെ വലുപ്പം തിരഞ്ഞെടുക്കാനും കറൗസലിലെ നിരകളുടെ എണ്ണം വ്യക്തമാക്കാനും കഴിയും. എല്ലാം വളരെ ലളിതവും വേഗതയുമാണ്! കൂടുതൽ നോക്കൂ!
Woocommerce ഉൽപ്പന്നങ്ങൾക്കായി നിങ്ങൾക്ക് വില, റേറ്റിംഗ്, ശീർഷകം, ബട്ടൺ എന്നിവയുടെ പ്രദർശനം ഇഷ്ടാനുസൃതമാക്കാൻ കഴിയും "ബാസ്കറ്റിലേക്ക് ചേർക്കുക", കിഴിവുകൾ. ഒരു ലൈറ്റ്ബോക്സ് വിൻഡോയിൽ ഒരു ഉൽപ്പന്നം വേഗത്തിൽ കാണുന്നതിന് നിങ്ങൾക്ക് ഒരു ബട്ടൺ ചേർക്കാവുന്നതാണ്. നിങ്ങൾക്ക് വിഭാഗങ്ങളിൽ നിന്നോ ടാഗുകളിൽ നിന്നോ ഉൽപ്പന്നങ്ങൾ ചേർക്കാനോ നിർദ്ദിഷ്ട ഉൽപ്പന്നങ്ങൾ തിരഞ്ഞെടുക്കാനോ കഴിയും.
കറൗസൽ സ്ലൈഡർ വേർഡ്പ്രസ്സ് പ്ലഗിൻനിങ്ങൾക്ക് വേർഡ്പ്രസ്സ് അഡ്മിൻ പാനലിൽ നിന്ന് നേരിട്ട് കറൗസൽ സ്ലൈഡർ പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യാൻ കഴിയും. പേജിലേക്ക് പോകുക: പ്ലഗിനുകൾ - പുതിയത് ചേർക്കുക, തിരയൽ ഫോമിൽ പ്ലഗിന്റെ പേര് നൽകുക, എന്റർ അമർത്തുക, പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്ത് സജീവമാക്കുക.
അടുത്തതായി, പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്ത് സജീവമാക്കിയ ശേഷം, പേജിലേക്ക് പോകുക: കറൗസൽ സ്ലൈഡർ - എല്ലാ സ്ലൈഡുകളും. സൃഷ്ടിച്ച എല്ലാ കറൗസലുകളും ഇവിടെ പ്രദർശിപ്പിക്കും. ഒരു പുതിയ കറൗസൽ സൃഷ്ടിക്കാൻ, മുകളിലുള്ള ബട്ടണിൽ ക്ലിക്കുചെയ്യുക - പുതിയത് ചേർക്കുക.
അടുത്തതായി, കറൗസൽ സൃഷ്ടിക്കൽ പേജിൽ, പാരാമീറ്ററിന് അടുത്തായി "സ്ലൈഡ് തരം", കറൗസൽ, പോസ്റ്റുകൾ, ഉൽപ്പന്നങ്ങൾ, വീഡിയോകൾ അല്ലെങ്കിൽ ഇമേജുകൾ എന്നിവയിൽ എന്താണ് പ്രദർശിപ്പിക്കേണ്ടതെന്ന് നിങ്ങൾ തിരഞ്ഞെടുക്കേണ്ടതുണ്ട്. Woocommerce ഉൽപ്പന്നങ്ങൾക്കായി ഒരു കറൗസൽ എങ്ങനെ സജ്ജീകരിക്കാമെന്ന് ഞാൻ കാണിച്ചുതരാം.
ചോദ്യ തരം, വിഭാഗങ്ങൾ, ടാഗുകൾ എന്നിവയിൽ നിന്ന് ഉൽപ്പന്നങ്ങൾ എവിടെ പ്രദർശിപ്പിക്കണമെന്ന് ഇവിടെ നിങ്ങൾ തിരഞ്ഞെടുക്കേണ്ടതുണ്ട് അല്ലെങ്കിൽ നിർദ്ദിഷ്ട ഉൽപ്പന്നങ്ങൾ സ്വയം തിരഞ്ഞെടുക്കുക.
- ഓരോ പേജിനും ഉൽപ്പന്നം, കറൗസലിൽ എത്ര ഉൽപ്പന്നങ്ങൾ പ്രദർശിപ്പിക്കണമെന്ന് വ്യക്തമാക്കുക.
- ശീർഷകം കാണിക്കുക, ഉൽപ്പന്ന ശീർഷകം കാണിക്കുക.
- വില കാണിക്കുക, ഉൽപ്പന്നത്തിന്റെ വില കാണിക്കുക.
- കാർട്ട് ബട്ടൺ കാണിക്കുക, ബട്ടൺ കാണിക്കുക "ബാസ്കറ്റിലേക്ക് ചേർക്കുക".
- വിൽപ്പന ടാഗ് കാണിക്കുക, ഒരു ഉൽപ്പന്ന കിഴിവ് കാണിക്കുക.
- വിഷ്ലിസ്റ്റ് ബട്ടൺ കാണിക്കുക, ബട്ടൺ കാണിക്കുക "ഇഷ്ടപെട്ടവയിലേക്ക് ചേര്ക്കുക"നിങ്ങൾ പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടെങ്കിൽ.
- പെട്ടെന്നുള്ള കാഴ്ച കാണിക്കുക, ബട്ടൺ കാണിക്കുക "ദ്രുത കാഴ്ച".
- ശീർഷക നിറം, ഉൽപ്പന്ന ശീർഷകത്തിന്റെ നിറം തിരഞ്ഞെടുക്കുക.
- ബട്ടൺ പശ്ചാത്തല നിറം, ബട്ടൺ പശ്ചാത്തല നിറം.
- ബട്ടൺ ടെക്സ്റ്റ് നിറം, ബട്ടണിലെ ടെക്സ്റ്റിന്റെ നിറം.
- കറൗസൽ ഇമേജ് വലുപ്പം, നിങ്ങൾക്ക് ചിത്രങ്ങളുടെ വലുപ്പം തിരഞ്ഞെടുക്കാം.
- അലസമായ ലോഡ് ഇമേജ്, ഇമേജുകൾ ക്രമേണ ലോഡുചെയ്യുന്നതിനുള്ള പ്രവർത്തനം നിങ്ങൾക്ക് പ്രവർത്തനക്ഷമമാക്കാൻ കഴിയും.
- സ്ലൈഡ് ബൈ, കറൗസലിൽ സ്ഥിരസ്ഥിതിയായി സ്ലൈഡർ ഒരു ഉൽപ്പന്നം വഴി മാറ്റുന്നു.
- ഇനത്തിൽ വലത് (px) മാർജിൻ, പിക്സലുകളിൽ കറൗസൽ ബോർഡറുകളുടെ വലുപ്പം.
- ഇൻഫിനിറ്റി ലൂപ്പ്, ഒരു ലൂപ്പിന്റെ മിഥ്യ ലഭിക്കാൻ നിങ്ങൾക്ക് അവസാനത്തേതും ആദ്യത്തേതുമായ ഘടകങ്ങൾ തനിപ്പകർപ്പാക്കാം.
- നാവിഗേഷൻ, നാവിഗേഷൻ പ്രവർത്തനക്ഷമമാക്കുക.
- ഡോട്ടുകൾ, ഉൽപ്പന്നങ്ങളുടെ എണ്ണം കാണിക്കുന്ന കറൗസലിൽ ഡോട്ടുകളുടെ പ്രദർശനം പ്രവർത്തനക്ഷമമാക്കുക.
- നാവിഗേഷൻ & ഡോട്ട്സ് നിറം, ബുള്ളറ്റുകളുടെ നിറം (ഡോട്ടുകൾ).
- നാവിഗേഷൻ & ഡോട്ട്സ് നിറം: ഹോവർ & ആക്റ്റീവ്, സജീവ ബുള്ളറ്റുകളുടെ നിറം, ഹോവർ ചെയ്യുമ്പോൾ.
- ഓട്ടോപ്ലേ, കറൗസലിന്റെ യാന്ത്രിക-പ്ലേ പ്രവർത്തനക്ഷമമാക്കുക.
- ഓട്ടോപ്ലേ ടൈംഔട്ട്, ഓട്ടോ-പ്ലേയ്ക്ക് മുമ്പുള്ള കാലതാമസം.
- ഓട്ടോപ്ലേ സ്പീഡ്, ഓട്ടോ പ്ലേ സ്പീഡ്.
- ഓട്ടോപ്ലേ ഹോവർ താൽക്കാലികമായി നിർത്തുക, ഹോവർ ചെയ്യുമ്പോൾ താൽക്കാലികമായി നിർത്തുക.
– കോളങ്ങൾ, കറൗസലിലെ നിരകളുടെ എണ്ണം.
– കോളങ്ങൾ: ഡെസ്ക്ടോപ്പ്, കമ്പ്യൂട്ടറിലെ നിരകളുടെ എണ്ണം.
– കോളങ്ങൾ: ചെറിയ ഡെസ്ക്ടോപ്പ്, ഒരു ചെറിയ കമ്പ്യൂട്ടറിലെ നിരകളുടെ എണ്ണം.
– കോളങ്ങൾ: ടാബ്ലെറ്റ്, ടാബ്ലെറ്റിലെ നിരകളുടെ എണ്ണം.
– കോളങ്ങൾ: ചെറിയ ടാബ്ലെറ്റ്, ഒരു ചെറിയ ടാബ്ലെറ്റിലെ നിരകളുടെ എണ്ണം.
- കോളങ്ങൾ: മൊബൈൽ, മൊബൈൽ ഉപകരണങ്ങളിലെ നിരകളുടെ എണ്ണം.
– മുകളിൽ കറൗസലിന്റെ പേര് നൽകി ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുക- പ്രസിദ്ധീകരിക്കുക.
ഒരു ദിവസം എന്റെ സുഹൃത്തുക്കൾ എനിക്ക് ഒരു പ്ലസന്റ് സർപ്രൈസ് നൽകാൻ തീരുമാനിച്ചു. ആശ്ചര്യം തന്നെ വളരെ ലളിതമായിരുന്നു; ഡിസൈനുകളൊന്നുമില്ലാത്ത വളരെ സാധാരണമായ ഒരു ടി-ഷർട്ട് ഇതിന് ആവശ്യമായിരുന്നു.
തുടർന്ന് അവർ ഒരു പ്രശ്നത്തിൽ അകപ്പെട്ടു - സ്റ്റോറുകളിലെ എല്ലാ ടി-ഷർട്ടുകളിലും ചിത്രങ്ങളുണ്ടായിരുന്നു. ചിത്രങ്ങളില്ലാത്ത ഏറ്റവും ലളിതമായ ടി-ഷർട്ട് കണ്ടെത്താൻ അവർക്ക് കഴിഞ്ഞില്ല. നിങ്ങൾക്ക് ഏറ്റവും ലളിതമായ കാര്യം കണ്ടെത്താൻ കഴിയാത്തപ്പോൾ സമാനമായ ഒരു പ്രശ്നം നിങ്ങൾ നേരിട്ടതായി ഞാൻ കരുതുന്നു.
കറൗസലുകളുടെ അതേ കഥയാണ്; മിക്കവാറും എല്ലാ കറൗസലുകൾക്കും ഇതിനകം ഒരു ഡിസൈൻ ഉണ്ട്. നിങ്ങൾക്ക് എല്ലായ്പ്പോഴും വൃത്തിയുള്ള ഒരു കറൗസൽ ആവശ്യമാണ്, അത് ഡിസൈനർ ഉദ്ദേശിച്ചതുപോലെ നിങ്ങൾക്ക് രൂപകൽപ്പന ചെയ്യാൻ കഴിയും.
അതിനാൽ, കറൗസലുകളുമായി പ്രവർത്തിക്കുന്നത് ഉടനടി ആസ്വദിക്കുന്നതിനും അവ വേഗത്തിൽ നിർമ്മിക്കുന്നതിനും, ഇനിപ്പറയുന്ന പ്ലഗിൻ ഉപയോഗിക്കാൻ ഞാൻ നിർദ്ദേശിക്കുന്നു.
വൃത്തിയുള്ളതും ശക്തവുമായ ഒരു കറൗസലിനായി jQuery പ്ലഗിൻഈ പ്ലഗിന്നിന്റെ രസകരമായ കാര്യം, ഇതിന് ഡിസൈനുകളൊന്നുമില്ല, മറ്റ് മനോഹരമായ പ്ലഗിന്നുകളേക്കാൾ പ്രവർത്തിക്കാൻ വളരെ എളുപ്പമാണ്.
നിങ്ങൾക്ക് ഇഷ്ടമുള്ള രീതിയിൽ ഇത് അലങ്കരിക്കാവുന്നതാണ്.
അതിനാൽ, ഇതാ ഈ പ്ലഗിൻ: ഔൾ കറൗസൽ.
പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യുന്നു1. jQuery ഇതിനകം കണക്റ്റുചെയ്തിട്ടില്ലെങ്കിൽ അത് ബന്ധിപ്പിക്കുക, ഉദാഹരണത്തിന് ഇതുപോലെ
2. പ്ലഗിൻ ഫയലുകൾ സൈറ്റ് ഫോൾഡറിലേക്ക് പകർത്തുക
- അൺപാക്ക് ചെയ്യുന്നു
- owl-carousel ഫോൾഡർ സൈറ്റിലേക്ക് പകർത്തുക
3. ഈ ഫയലുകൾ സൈറ്റിലേക്ക് ബന്ധിപ്പിക്കുക:
4. പേജിലേക്ക് കോഡ് ചേർക്കുക
1 2 3 4 5 6 7 8 9 10 11 12 13 14
5. പ്ലഗിൻ സമാരംഭിക്കുക
$(document).ready(function())( // carousel block var carousel = $("#carousel"); // carousel പ്ലഗിൻ carousel.owlCarousel(); ));
6. ഞങ്ങൾ ക്രമീകരിക്കുന്നു
/* പ്രധാന ബ്ലോക്ക് */ .owl-wrapper-outer (ബോർഡർ: 1px സോളിഡ് #777; ബോർഡർ-റേഡിയസ്: 5px; ഓവർഫ്ലോ: മറച്ചിരിക്കുന്നു; പശ്ചാത്തലം: വെള്ള; ) /* 1 കറൗസൽ സ്ക്വയർ */ .കറൗസൽ-എലമെന്റ് (പാഡിംഗ്: 30px ; ടെക്സ്റ്റ്-അലൈൻ: മധ്യഭാഗം; ഫോണ്ട്-സൈസ്: 300%; ബോർഡർ-വലത്: 1px സോളിഡ് #777;)
ബാക്ക്, ഫോർവേഡ് ബട്ടണുകൾഈ ഉദാഹരണത്തിൽ, ഞാൻ ഏറ്റവും വേഗതയേറിയതല്ല, മറിച്ച് ഏറ്റവും സാർവത്രിക രീതി കാണിക്കും.
1. ബട്ടണുകൾ സ്വയം ചേർക്കുക
തിരികെ മുന്നോട്ട്
2. കറൗസൽ പ്ലഗിനിലേക്ക് ബട്ടണുകൾ അറ്റാച്ചുചെയ്യുന്നു
പ്ലഗിൻ സമാരംഭിച്ച ശേഷം, കോഡ് ചേർക്കുക
// തിരികെ // നിങ്ങൾ "ബാക്ക്" ക്ലിക്ക് ചെയ്യുമ്പോൾ $("#js-prev").click(function () ( // ഇടത് carousel.trigger("owl.prev") റിവൈൻഡിംഗ് ആരംഭിക്കുക; തെറ്റ് തിരികെ നൽകുക; )); // ഫോർവേഡ് // നിങ്ങൾ "ഫോർവേഡ്" ക്ലിക്ക് ചെയ്യുമ്പോൾ $("#js-next").click(function () ( // വലത് carousel.trigger("owl.next") ലേക്ക് റിവൈൻഡിംഗ് ആരംഭിക്കുക; തെറ്റ് തിരികെ നൽകുക; ) );
ഇപ്പോൾ, നിങ്ങൾ "ബാക്ക്", "ഫോർവേഡ്" എന്നിവയിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, റിവൈൻഡ് പ്രവർത്തനക്ഷമമാകും.
മാർക്കറുകൾനമ്മൾ ഇപ്പോൾ എവിടെയാണെന്ന് കാണിക്കുന്ന പോയിന്റുകളാണിത്.
ഇനിപ്പറയുന്ന പാരാമീറ്റർ ചേർത്ത് പ്ലഗിൻ പ്രവർത്തിപ്പിക്കുമ്പോൾ അവ പ്രവർത്തനക്ഷമമാക്കാം
// കറൗസൽ പ്ലഗിൻ ലോഞ്ച് ചെയ്യുക carousel.owlCarousel(( // കറൗസൽ പേജിനു കീഴിലുള്ള പോയിന്റുകൾ: true ));
/* ഡോട്ടുകൾ ഉപയോഗിച്ച് തടയുക */ .owl-pagination (text-align: centre; /* മധ്യഭാഗത്തുള്ള ഡോട്ടുകൾ വിന്യസിക്കുക */ ) /* 1 പോയിന്റ് */ .owl-page ( വീതി: 10px; ഉയരം: 10px; അതിർത്തി: 1px സോളിഡ് #777; ഡിസ്പ്ലേ: ഇൻലൈൻ-ബ്ലോക്ക്; പശ്ചാത്തലം: വെള്ള; മാർജിൻ: 10px; ബോർഡർ-റേഡിയസ്: 5px; ) /* സജീവ പോയിന്റ് */ .owl-page.active (പശ്ചാത്തലം: #777; )
ഒരു ബ്ലോക്ക് മാത്രം കാണിക്കാൻഇത് പലപ്പോഴും ആവശ്യമാണ്, ഇതിനായി ഞങ്ങൾ ഇനിപ്പറയുന്ന പാരാമീറ്റർ ചേർക്കുന്നു
// കറൗസൽ പ്ലഗിൻ സമാരംഭിക്കുക carousel.owlCarousel(( singleItem: true, // 1 block പൂർണ്ണ വീതിയിൽ മാത്രം കാണിക്കുക ));
വ്യത്യസ്ത ഉപകരണങ്ങളിൽ വ്യത്യസ്ത എണ്ണം ബ്ലോക്കുകൾമൊബൈൽ ഉപകരണങ്ങൾക്കായി ഒരു അഡാപ്റ്റീവ് കറൗസൽ സൃഷ്ടിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന വളരെ ഉപയോഗപ്രദമായ സവിശേഷത.
// കറൗസൽ പ്ലഗിൻ ലോഞ്ച് ചെയ്യുക carousel.owlCarousel(( // ഡിസ്പ്ലേ ചെയ്ത ബ്ലോക്കുകളുടെ എണ്ണം // ഉപകരണത്തെ ആശ്രയിച്ച് (സ്ക്രീൻ വീതി) // വലിയ സ്ക്രീൻ ഇനങ്ങളിലെ ബ്ലോക്കുകളുടെ എണ്ണം: 10, // കമ്പ്യൂട്ടറുകളിലെ 5 ബ്ലോക്കുകൾ (1400px മുതൽ സ്ക്രീൻ വരെ 901px) ഇനങ്ങൾ ഡെസ്ക്ടോപ്പ് : , // ചെറിയ കമ്പ്യൂട്ടറുകളിൽ 3 ബ്ലോക്കുകൾ (900px മുതൽ 601px വരെയുള്ള സ്ക്രീൻ) ഇനങ്ങൾDesktopSmall: , // ടാബ്ലെറ്റുകളിലെ 2 ഘടകങ്ങൾ (600 മുതൽ 480 പിക്സൽ വരെയുള്ള സ്ക്രീൻ) ഇനങ്ങൾ ടാബ്ലെറ്റ്: , //ഫോൺ ക്രമീകരണങ്ങൾ പ്രവർത്തനരഹിതമാക്കി ഉപയോഗിക്കും // ടാബ്ലെറ്റ് ക്രമീകരണ ഇനങ്ങൾമൊബൈൽ: തെറ്റ് ));
എന്തൊരു ആശ്ചര്യമാണത്?സുഹൃത്തുക്കൾ എന്റെ ജന്മദിന പാർട്ടിക്ക് വരുന്നു, അവർ സന്തോഷത്തോടെ പുഞ്ചിരിക്കുന്നു, ആനന്ദം കവിഞ്ഞൊഴുകുന്നു. അവർ എനിക്ക് ഒരു സമ്മാനം ഗംഭീരമായി സമ്മാനിച്ചു.
ഞാൻ അത് തുറന്ന് ടീ ഷർട്ടിലേക്ക് നോക്കി. ഞാനത് തുറക്കുകയാണ്. നാശം, എന്തൊരു മണ്ടത്തരം. ഈ ടി-ഷർട്ടിൽ ഞാൻ എന്റെ 3 ഫോട്ടോകൾ കാണുന്നു. ഞാൻ ഒരു ടി-ഷർട്ട് ഇട്ടു, എല്ലാവരും ചിരിക്കാൻ തുടങ്ങി, അത് മണ്ടത്തരവും തമാശയുമായി മാറി.