ટેગ ક્લાઉડને પ્રકાર માટે CSS નો ઉપયોગ કરો
ટૅગ ક્લાઉડ વસ્તુઓની સૂચિનું વિઝ્યુઅલ ચિત્રણ છે. તમે વારંવાર બ્લોગ્સ પર ટેગ ક્લાઉંસ જોશો તે Flickr જેવી સાઇટ્સ દ્વારા લોકપ્રિય બનાવવામાં આવી હતી
ટૅગ ક્લાઉંડ એ કેટલીક લિંક્સની સૂચિ છે જે માપ અને વજનમાં બદલાય છે (ક્યારેક રંગ પણ) કેટલાક માપી શકાય તેવું એટ્રીબ્યુટ પર આધારિત છે. મોટાભાગના ટેગ ક્લાઉડ્સ લોકપ્રિયતા અથવા પૃષ્ઠોની સંખ્યા જે તે ટેગ સાથે ટૅગ કરેલા છે તેના આધારે બનાવવામાં આવે છે. પરંતુ તમે તમારી સાઇટ પર આઇટમ્સની કોઈપણ સૂચિમાંથી ટેગ ક્લાઉડ બનાવી શકો છો કે જે તેમને પ્રદર્શિત કરવાના ઓછામાં ઓછા બે રીત છે. દાખ્લા તરીકે:
- લેખોની લોકપ્રિયતા દર્શાવતી શૈલીઓ સાથેના મૂળાક્ષરોમાં લેખોની સૂચિ.
- શૈલીઓ સાથે મૂળાક્ષર ક્રમમાં વેબ સાઇટ્સની સૂચિ, જે તમને શ્રેષ્ઠ ગમશે તે સૂચવે છે
- શૈલીઓ સાથે કિંમત ક્રમમાં સૂચિબદ્ધ વેબ એડિટરની સૂચિ દર્શાવે છે કે કેવી રીતે દરેક માપદંડના પૂર્વ નિર્ધારિત સેટ પર આવે છે.
- શૈલીઓ સાથેના મિત્રોની સૂચિ, તમારા ઘરથી ધેર સુધીની અંતર દર્શાવે છે.
ટેગ મેઘ બનાવવાની તમને શું જરૂર છે?
ટેગ ક્લાઉડ બનાવવું સહેલું છે, તમારે ફક્ત બે વસ્તુઓની જરૂર છે:
- વસ્તુઓની સૂચિ (જેમ કે વેબ લેખો, વેબ સાઇટ્સ, અથવા તમારા મિત્રો)
- દરેક વસ્તુઓ માટે માપ (જેમ કે દિવસ દીઠ પૃષ્ઠ દૃશ્યો, તમારી રેન્કિંગ 1-10, અથવા તમારા ઘરની અંતર).
મોટાભાગનાં ટેગ ક્લાઉડ્સ લિંક્સની સૂચિ છે, તેથી જો દરેક વસ્તુ તેની સાથે સંકળાયેલ URL ધરાવે છે. પરંતુ તે દ્રશ્ય વંશવેલો બનાવવા માટે જરૂરી નથી.
લોકપ્રિય લિંક્સનો ટેગ ક્લાઉડ બનાવવાની રીતો
મારી સાઇટમાં એવા લેખો છે જે દરરોજ પૃષ્ઠ દૃશ્યો મેળવે છે, અને ટેગ ક્લાઉડ બનાવવા માટે મારા માટે એક સરળ મેટ્રિક છે તેથી આ ઉદાહરણ માટે, અમે લેખોની સૂચિમાંથી ટેગ ક્લાઉડ બનાવીશું, જાન્યુઆરી 1, 2007 ના અઠવાડિયા માટે ટોચની 25 લેખો.
- તમારા હાયરાર્કીમાં તમે કેટલા સ્તર ઇચ્છો છો તે નિર્ધારિત કરો.
- જ્યારે તમારી ક્લાઉડમાં તમારી પાસે ઘણા બધા સ્તરો હોય તેવું શક્ય છે, જ્યારે તમારી પાસે તમારી સૂચિમાં આઇટમ્સ છે, આ કોડ માટે કંટાળાજનક બને છે, અને તફાવતો ખૂબ ન્યૂનતમ હોઈ શકે છે હું તમારી પદાનુક્રમમાં 10 થી વધુ સ્તરો ન હોવાનું ભલામણ કરું છું.
- દરેક સ્તરે કટ બંધ પોઇન્ટ નક્કી કરો.
- તે 1/10 સ્લાઇસેસમાં દિવસ દીઠ તમારા પૃષ્ઠના દૃશ્યોને કાપીને જેટલું સરળ છે - એટલે કે જો તમારી સાઇટ પરના સૌથી મોટા પૃષ્ઠને એક દિવસ 100 પૃષ્ઠ જોવામાં આવે, તો તમે તેને 100+, 90-100, 80-90, 70-80, વગેરે તરીકે કટ કરી શકો છો. મેં તે ફેશનમાં મારા પૃષ્ઠ દૃશ્યોને સમાપ્ત કર્યા છે.
- તમારી આઇટમ્સને પૃષ્ઠ દૃશ્ય ક્રમમાં સૂચિબદ્ધ કરો, અને તેમને પગલું 2 પર આધારિત ક્રમ આપો
- ચિંતા કરશો નહીં જો તમારી પાસે કેટલીક સ્લોટ્સમાં કોઈ આઇટમ્સ ન હોય, તો તે મેઘને વધુ રસપ્રદ બનાવે છે
- તમારી સૂચિ મૂળાક્ષર ક્રમમાં રિસોર્ટ કરો (અથવા તમે ઉપયોગ કરવા માગો છો તે બીજો સૉર્ટ કરો).
- મેઘ રસપ્રદ બનાવે છે તે આ છે. જો તમે તેને ક્રમ દ્વારા સૉર્ટ કરીને છોડો છો, તો તે તળિયે નાનામાં નીચે સૌથી ઉપરની સૌથી મોટી વસ્તુઓની સૂચિ હશે.
- તમારા એચટીએમએલને લખો કે જેથી રેંક એક ક્લાસ નંબર છે. class = "tag4"> સ્ટ્રીમિંગ ઑડિઓ ફાઇલો ઉમેરવાનું
એકવાર તમારી પાસે દરેક વ્યક્તિગત સૂચિ આઇટમ માટે HTML હોય, અને તે ઑર્ડર જે તમે તેને પ્રદર્શિત કરવા માંગો છો, પછી તમારે નિર્ણય કરવાની જરૂર છે. તમે ફકરોમાં લિંક્સ મૂકી શકો છો અને તમે પૂર્ણ થશો પરંતુ આને અર્થનિર્ધારણ રૂપે ચિહ્નિત કરવામાં આવશે નહીં, અને તમારા ટૅગ ક્લાઉડમાં આવતા CSS વગરના કોઈ પણ વ્યક્તિ લિંક્સનાં મોટા ફકરા જોશે. આ પ્રકારના સૂચિ માટેનું HTML આના જેવું દેખાશે:
સ્ટ્રીમિંગ ઑડિઓ ફાઇલોને ઉમેરી રહ્યું છે વેબ સાઇટ માટેના મૂળભૂત ટૅગ્સ શ્રેષ્ઠ વેબ ડિઝાઇન સોફ્ટવેર ટોટલી લોસ્ટ માટે વેબ પેજ બનાવવી કલર સિમ્બિલિટી તેના બદલે, હું ભલામણ કરું છું કે તમે તમારા ટૅગ ક્લાઉડને એક અનક્રાઇડ લિસ્ટથી બનાવી શકો. તે HTML અને CSS કોડની કેટલીક વધુ રેખાઓ છે પરંતુ તે ખાતરી કરે છે કે સામગ્રી તે વાંચવા માટે વાંચશે, કોઈ પણ બાબત તેને જોવા માટે આવતી નથી. HTML આના જેવું દેખાશે: હવે આપણે મજા ભાગ-સી.એસ.એસ. શૈલીઓ પર જઈએ છીએ. જ્યારે તમે ટૅગ ક્લાઉડને શૈલીમાં લો છો, ત્યારે તમે સામાન્ય રીતે ફોન્ટ કદ અને ફોન્ટ વજન બદલી શકો છો. તમે ફૉન્ટ અથવા બેકગ્રાઉન્ડનો રંગ અથવા કોઈપણ અન્ય શૈલીના લક્ષણને પણ બદલી શકો છો, પરંતુ કદ અને વજન પરંપરાગત છે. તમારે 10 શૈલી વર્ગોની જરૂર છે, દરેક ટૅગ ક્રમ માટે એક: મને મેઘની આસપાસ કેટલીક શૈલીઓ શામેલ કરવી ગમે છે: ક્લાઉડ ટેક્સ્ટને કેન્દ્રમાં રાખવું, એક લાઇન-ઊંચાઈ સેટ કરો જેથી વાદળ વાંચી શકાય તેવું છે, અને ખાતરી કરો કે એન્કર ટેગ પર કોઈ પેડિંગ નથી: છેલ્લે, જો તમે અર્થનિર્ધારણ સ્ટાઇલ પદ્ધતિનો ઉપયોગ કરી રહ્યાં છો (એટલે કે unordered સૂચિ), તમારે બે વધુ સીમાઓ ઉમેરવાની જરૂર પડશે જેથી સૂચિમાં બુલેટ્સ ન હોય અને તે ઇન્ડેન્ટેડ ન હોય:
પરંતુ ટેગ ક્લાઉડ માટે સ્ટાઇલ ક્યાં છે