ഒരു ടാഗ് ക്ലൗഡ് ശൈലിയിലേക്ക് CSS ഉപയോഗിക്കുക
ടാഗ് ക്ലൗഡ് ഇനങ്ങളുടെ ഒരു ദൃശ്യ ചിത്രമാണ്. നിങ്ങൾ മിക്കപ്പോഴും ബ്ലോഗുകളിൽ ടാഗ് ക്ലൗഡ് കാണും. Flickr പോലുള്ള സൈറ്റുകളിൽ ഇത് ജനപ്രിയമാണ്.
ചില അളവുകോലായ ആധികാരികതയെ ആശ്രയിച്ച് വലുപ്പത്തിലും ഭാരത്തിലും മാറ്റം വരുത്തുന്ന ലിങ്കുകളുടെ പട്ടികയാണ് ടാഗ് മേഘങ്ങൾ. ഏറ്റവും കൂടുതൽ ടാഗ് മേഘങ്ങൾ ജനപ്രീതി അല്ലെങ്കിൽ ആ പ്രത്യേക ടാഗ് ഉപയോഗിച്ച് ടാഗുചെയ്ത പേജുകളുടെ എണ്ണം അടിസ്ഥാനമാക്കി നിർമിച്ചിരിക്കുന്നു. എന്നാൽ നിങ്ങളുടെ സൈറ്റിലെ ഏതെങ്കിലുമൊരു പട്ടികയിൽ നിന്ന് ഒരു ടാഗ് ക്ലൗഡ് നിങ്ങൾക്ക് സൃഷ്ടിക്കാൻ കുറഞ്ഞപക്ഷം രണ്ട് മാർഗങ്ങളുണ്ട്. ഉദാഹരണത്തിന്:
- ലേഖനങ്ങളുടെ പ്രശസ്തി സൂചിപ്പിക്കുന്ന ശൈലികളിലെ അക്ഷരമാലാക്രമത്തിൽ ലേഖനങ്ങളുടെ ഒരു ലിസ്റ്റ്.
- നിങ്ങൾ ഏറ്റവും ഇഷ്ടപ്പെടുന്നവയെ സൂചിപ്പിക്കുന്ന ശൈലികളോടൊപ്പമുള്ള അക്ഷരമാലാക്രമത്തിലുള്ള വെബ് സൈറ്റുകളുടെ ലിസ്റ്റ്.
- ശ്രേണികളുമായി വിലകൂടിയ ലിസ്റ്റുചെയ്തിരിക്കുന്ന വെബ് എഡിറ്റർമാരുടെ ഒരു ലിസ്റ്റ് മുൻ നിർവചിക്കപ്പെട്ട മാനദണ്ഡം എത്ര അടുത്താണ് വരുന്നതെന്നതിന്റെ സൂചന.
- നിങ്ങളുടെ വീടിനടുത്തുള്ള സ്ഥലത്തേക്കുള്ള ദൂരത്തെ സൂചിപ്പിക്കുന്ന ശൈലികളുടെ ഒരു പട്ടിക.
ഒരു ടാഗ് ക്ലൗഡ് നിർമ്മിക്കുന്നതിന് എന്താണ് ആവശ്യം?
ഒരു ടാഗ് ക്ലൗഡ് നിർമ്മിക്കുന്നത് എളുപ്പമാണ്, നിങ്ങൾക്ക് രണ്ടു കാര്യങ്ങൾ മാത്രമേ ചെയ്യാവൂ:
- ഇനങ്ങളുടെ ഒരു ലിസ്റ്റ് (വെബ് ലേഖനങ്ങൾ, വെബ് സൈറ്റുകൾ അല്ലെങ്കിൽ നിങ്ങളുടെ സുഹൃത്തുക്കൾ എന്നിവ പോലെ)
- ഓരോ ഇനത്തിന്റേയും അളവ് (പ്രതിദിനം പേജ് കാഴ്ച, നിങ്ങളുടെ റാലിഡിന് 1-10, അല്ലെങ്കിൽ നിങ്ങളുടെ വീടിനുള്ള ദൂരം).
മിക്ക ടാഗ് ക്ലൗഡുകളും ലിങ്കുകളുടെ പട്ടികയാണ്, അതിനാൽ ഓരോ ഇനത്തിനും അതുമായി ബന്ധപ്പെട്ട ഒരു URL ഉണ്ടെങ്കിൽ അത് സഹായിക്കുന്നു. എന്നാൽ ഒരു വിഷ്വൽ ശ്രേണിയെ സൃഷ്ടിക്കാൻ അത് ആവശ്യമില്ല.
ജനപ്രിയ ലിങ്കുകളുടെ ഒരു ടാഗ് ക്ലൗഡ് നിർമ്മിക്കുന്നതിനുള്ള പടികൾ
ഓരോ ദിവസവും പേജ് കാഴ്ചയ്ക്ക് ലഭിക്കുന്ന ലേഖനങ്ങൾ എന്റെ സൈറ്റിനുണ്ട്, ഇത് ഒരു ടാഗ് ക്ലൗഡ് സൃഷ്ടിക്കാൻ എനിക്ക് ഉപയോഗിക്കുന്ന മെട്രിക് ആണ്. ഈ ഉദാഹരണത്തിന്, ഞങ്ങൾ ഒരു ലേഖനത്തിന്റെ പട്ടികയിൽ നിന്ന് ഒരു ടാഗ് ക്ലൗഡ് സൃഷ്ടിക്കും, എന്റെ സൈറ്റിലെ മികച്ച 25 ലേഖനങ്ങൾ ജനുവരി 1, 2007 വാരത്തിൽ.
- നിങ്ങളുടെ ശ്രേണിയിൽ നിങ്ങൾ എത്രത്തോളം ലെവലുകൾ ആവശ്യപ്പെടുന്നു എന്ന് നിർണ്ണയിക്കുക.
- നിങ്ങളുടെ പട്ടികയിൽ ഇനങ്ങൾ ഉള്ളപ്പോൾ നിങ്ങളുടെ ക്ലൗഡിൽ എത്രത്തോളം നിലയിലായിരിക്കുമെന്നത് സാധ്യമാകുമ്പോൾ, ഇത് കോഡുകളോട് തന്ത്രപൂർവ്വമുള്ളവയാണ്, വ്യത്യാസങ്ങൾ വളരെ നിസ്സാരമായിരിക്കും. നിങ്ങളുടെ ശ്രേണിയെക്കുറിച്ച് 10 ലെവലിലധികമാകാൻ ഞാൻ ശുപാർശ ചെയ്യുന്നു.
- ഓരോ ലെവലിലും കട്ട് ഓഫ് പോയിന്റുകൾ തീരുമാനിക്കുക.
- പ്രതിദിനം നിങ്ങളുടെ പേജ് വ്യൂകൾ 1/10 കഷണങ്ങളായി മുറിക്കൽ എന്നത് വളരെ ലളിതമായിരിക്കാം. നിങ്ങളുടെ സൈറ്റിലെ ഏറ്റവും വലിയ പേജ് 100 പേജ് വ്യൂകൾ ദിവസത്തിൽ ലഭിക്കുമെങ്കിൽ, 100 +, 90-100, 80-90, 70-80 മുതലായവ നിങ്ങൾക്ക് സ്ലൈസ് ചെയ്യാൻ കഴിയും.
- പേജ് വ്യതിയാനത്തിൽ നിങ്ങളുടെ ഇനങ്ങൾ ലിസ്റ്റുചെയ്യുക, തുടർന്ന് അവർക്ക് ഘട്ടം 2 അനുസരിച്ച് ഒരു റാങ്ക് നൽകുക
- ചില സ്ലോട്ടുകളിൽ നിങ്ങൾക്ക് എന്തെങ്കിലും ഇനങ്ങൾ ഇല്ലെങ്കിൽ വിഷമിക്കേണ്ട, അത് ക്ലൗഡ് കൂടുതൽ രസകരമാക്കും.
- അക്ഷരമാലാക്രമത്തിൽ നിങ്ങളുടെ പട്ടികയെ റിസോർ ചെയ്യുക (അല്ലെങ്കിൽ നിങ്ങൾ ഏതുതരം ഉപയോഗിക്കാൻ ആഗ്രഹിക്കുന്നുണ്ടെന്നോ).
- ക്ലൗഡ് രസകരമാക്കുന്നത് ഇതാണ്. നിങ്ങൾ അതിനെ റാങ്കു പ്രകാരം അടുക്കുന്നുവെങ്കിൽ, അത് താഴേക്കുള്ള ഏറ്റവും ചെറിയ ഇനങ്ങൾക്ക് മുകളിലുള്ള ഏറ്റവും വലിയ ഇനങ്ങൾ ഉള്ള ഒരു ലിസ്റ്റ് ആയിരിക്കും.
- നിങ്ങളുടെ HTML എഴുതുക, അങ്ങനെ റാങ്ക് ഒരു ക്ലാസ് നമ്പറാണ്. class = "tag4"> സ്ട്രീമിങ് ഓഡിയോ ഫയലുകൾ ചേർക്കുന്നു
നിങ്ങൾ ഓരോ പ്രത്യേക ലിസ്റ്റ് ഇനത്തിനുമുള്ള HTML, അവ നിങ്ങൾ പ്രദർശിപ്പിക്കാൻ ആഗ്രഹിക്കുന്ന ഓർഡർ എന്നിവ ഒരിക്കൽ ഉണ്ടെങ്കിൽ, നിങ്ങൾ ഒരു തീരുമാനമെടുക്കേണ്ടതുണ്ട്. നിങ്ങൾക്ക് ഒരു ഖണ്ഡികയിൽ ലിങ്കുകൾ സ്ഥാപിക്കാം, നിങ്ങൾ ചെയ്യാനാവും. പക്ഷെ ഇത് സെമാന്റിക് ആയി അടയാളപ്പെടുത്തിയിരുന്നില്ല. നിങ്ങളുടെ ടാഗ് ക്ലൗഡിൽ വരുന്ന സി.എസ്.എസ്. ഇല്ലാതെ ലിങ്കുകൾ ഒരു വലിയ ഖണ്ഡിക കാണും. ഈ തരത്തിലുള്ള ലിസ്റ്റിനായുള്ള HTML ഇതുപോലെ ആയിരിയ്ക്കും:
സ്ട്രീമിംഗ് ഓഡിയോ ഫയലുകൾ കൂട്ടിച്ചേർക്കുന്നു വെബ് സൈറ്റിനായുള്ള അടിസ്ഥാന ടാഗുകൾ മികച്ച വെബ് ഡിസൈൻ സോഫ്റ്റ്വെയർ വർണ പ്രതീകാത്മകത്വം a> വർണ സിംബോളിസം a> a> p> പകരം, ഒരു ക്രമരഹിത പട്ടിക ഉപയോഗിച്ച് നിങ്ങളുടെ ടാഗ് ക്ലൗഡ് സൃഷ്ടിക്കാൻ ഞാൻ ശുപാർശ ചെയ്യുന്നു. ഇത് HTML ന്റെയും CSS കോഡുകളുടെയും കുറച്ച് വരികൾ ആണ്, എന്നാൽ ഇത് ആരാണ് കണ്ടതെന്ന് ഉന്നയിക്കാത്ത ഉള്ളടക്കം വായനക്കാർക്ക് ഉറപ്പുവരുത്തുന്നു. HTML ഇതുപോലെ ആയിരിയ്ക്കും: ഇപ്പോൾ നമ്മൾ രസകരമായ ഭാഗം- CSS ശൈലികൾ സ്വീകരിക്കുന്നു. നിങ്ങൾ ഒരു ടാഗ് ക്ലൗഡ് ശൈലി കാണുമ്പോൾ, സാധാരണയായി ഫോണ്ട് സൈസും ഫോണ്ട് ഭാരം മാറ്റും. നിങ്ങൾക്ക് ഫോണ്ട് അല്ലെങ്കിൽ പശ്ചാത്തലം അല്ലെങ്കിൽ മറ്റേതെങ്കിലും ശൈലി ആട്രിബ്യൂട്ട് മാറ്റാം, എന്നാൽ വലുപ്പവും ഭാരവും പരമ്പരാഗതമാണ്. ഓരോ ടാഗ് റാങ്കിനുമായി നിങ്ങൾക്ക് 10 സ്റ്റൈൽ ക്ലാസ് ആവശ്യമാണ്. ക്ലൗഡിനു ചുറ്റുമുള്ള ചില ശൈലികൾ ഉൾപ്പെടുത്താൻ ഞാൻ ആഗ്രഹിക്കുന്നു. സെന്റർ ക്ലൌഡ് ടെക്സ്റ്റ്, ലൈൻ-ഉയരം സജ്ജമാക്കുക, അത് ക്ലൗഡ് റീഡബിൾ ആയിരിക്കുകയും ആങ്കർ ടാഗുകൾക്ക് പാഡിംഗ് ഇല്ലെന്ന് ഉറപ്പുവരുത്തുകയും ചെയ്യുക: ഒടുവിൽ, നിങ്ങൾ സ്റ്റാൻഡേർഡ് സ്റ്റൈലിങ്ങ് രീതി ഉപയോഗിക്കുകയാണെങ്കിൽ (അതായത് ഓർഡറില്ലാത്ത ലിസ്റ്റ്), നിങ്ങൾക്ക് പട്ടികയുടെ രണ്ട് വരികൾ കൂടി ചേർക്കേണ്ടി വരും, അങ്ങനെ പട്ടികയിൽ ബുള്ളറ്റുകൾ ഇല്ല, ഇൻഡന്റ് ചെയ്തിട്ടില്ല:
എന്നാൽ ക്ലൌഡ് ക്ലൌഡ് സ്റ്റൈലുകൾ എവിടെയാണ്