ट्याग क्लाउड स्टाइल गर्न CSS प्रयोग गर्नुहोस्
ट्याग क्लाउड वस्तुहरूको सूचीको दृश्य दृश्य हो। तपाई प्राय: ब्लगहरूमा ट्याग क्लाउडहरू देख्नुहुनेछ। यो फ्लिकर जस्तै साइटहरु द्वारा लोकप्रिय गरिएको थियो।
ट्याग बादलहरू लिङ्कहरूको सूची हो जुन आकार र वजनमा (कहिलेकाँही रङ पनि) मा परिवर्तन गर्दछ केहि मापदण्डको आधारमा। प्राय: ट्याग बादलहरू लोकप्रियतामा आधारित हुन्छन् वा पृष्ठहरूको सङ्ख्या जो कि विशेष ट्यागसँग ट्याग गरिएको छ। तर तपाईं आफ्नो साइटमा वस्तुहरूको कुनै पनि सूची बाहिर ट्याग क्लाउड सिर्जना गर्न सक्नुहुनेछ जुन कम्तिमा दुई प्रदर्शनहरू प्रदर्शन गर्दछ। उदाहरणका लागि:
- लेखहरूको लोकप्रियतालाई सङ्केत गर्न शैलीमा वर्णमाला क्रममा लेखहरूको सूची।
- वर्णमाला क्रम मा वेब साइटहरु को एक सूची को साथ शैली को संकेत गर्दछ कि तपाईं को सबै भन्दा राम्रो रुचि छ।
- मूल्य क्रममा सूचीबद्ध वेब सम्पादकहरूका सूची सूचीबद्धसँग प्रत्येक सूचीमा मापदण्डको पूर्व-परिभाषित सेट कसरी देखा पर्दछ।
- साथीहरूको सूचीले तपाईंको घरबाट उनीहरूको दूरी संकेत गर्दछ।
तपाइँ ट्याग क्लाउड निर्माण गर्न के गर्नुपर्छ?
ट्याग क्लाउड सिर्जना गर्न सजिलो छ, तपाइँ केवल दुईवटा चीजहरू चाहिन्छ:
- वस्तुहरूको सूची (जस्तै वेब लेखहरू, वेब साइटहरू, वा साथीहरू)
- प्रत्येक वस्तुहरूको लागि एक माप (जस्तै प्रति दिन पृष्ठ हेराइहरू, तपाईंको रैंकिंग 1-10, वा तपाईंको घरको दूरी)।
अधिकांश ट्यागहरू लिङ्कहरूको लिस्टहरू छन्, त्यसैले यसले मद्दत गर्दछ कि प्रत्येक वस्तुसँग URL सँग सम्बन्धित छ। तर यो दृश्य पदानुक्रम सिर्जना गर्न आवश्यक छैन।
लोकप्रिय लिङ्कहरूको ट्याग बादल निर्माण गर्न चरणहरू
मेरो साइटसँग लेखहरू छन् जुन हरेक दिन पृष्ठ अवलोकन गर्दछ, र यो ट्याग क्लाउड सिर्जना गर्न प्रयोग गर्न मेरो लागि एक सजिलो मेट्रिक हो। त्यसैले यो उदाहरणको लागि, हामी लेखहरूको सूचीबाट ट्याग क्लाउड सिर्जना गर्नेछौं, जनवरी 1, 2007 को हप्ताको लागि मेरो साइटमा शीर्ष 25 लेखहरू।
- तपाईंको पदानुक्रममा तपाई कति स्तरहरू चाहानुहुन्छ निर्धारित गर्नुहोस्।
- जब तपाइँ तपाइँको क्लाउडमा धेरै तहहरू हुनसक्नु भएको छ भने तपाईंको सूचीमा वस्तुहरू छन्, यो थोरै कोड कोड गर्न सकिन्छ, र फरक फरक हुन सक्छ। म तपाईंको पदानुक्रममा 10 भन्दा बढी भन्दा बढी स्तरहरू राख्न सिफारिस गर्दछु।
- प्रत्येक स्तरको लागि कट बन्द बिन्दुमा निर्णय गर्नुहोस्।
- प्रति दिन तपाईंको पृष्ठ हेराइ काटेर सरल रूपमा हुन सक्छ 1/10 स्लाइसहरूमा - अर्थात्। यदि तपाईंको साइटमा सबैभन्दा ठूलो पृष्ठमा 100 पेज हेराईहरू दिनहुन्छ भने, तपाईंले यसलाई 100 +, 90-100, 80- 9 0, 70-80, आदिमा काट्न सक्नुहुनेछ।
- तपाईंको वस्तुहरू पृष्ठ हेराइ अर्डरमा सूचीबद्ध गर्नुहोस्, र त्यसलाई चरण 2 मा आधारित श्रेणी दिनुहोस्
- चिन्ता नगर्नुहोस् यदि तपाईसँग केहि स्लॉटमा कुनै वस्तु छैन भने, यसले क्लाउड थप रोचक बनाउँछ।
- अल्फिकल अर्डरमा तपाईंको सूची रिजर्भ गर्नुहोस् (वा जुनसुकै दोस्रो क्रममा तपाइँ प्रयोग गर्न चाहनुहुन्छ)।
- यो के क्लाउड रोचक बनाउँछ। यदि तपाईले यसलाई श्रेणीद्वारा क्रमबद्ध गर्नुभयो भने, यो केवल तल्लोमा सबैभन्दा ठूलो वस्तुहरूसँग तल सूचीमा सानो तलको रूपमा हुनेछ।
- आफ्नो HTML लाई लेख्नुहोस् ताकि श्रेणी क्लास नम्बर हो। class = "tag4"> स्ट्रिमिङ अडियो फाइलहरू थप्दै
एकपटक तपाईं प्रत्येक व्यक्तिगत सूची वस्तुको लागि HTML छ, र तपाईंले तिनीहरूलाई प्रदर्शन गर्न चाहनुभएको आदेश, त्यसपछि तपाइँ निर्णय गर्न आवश्यक छ। तपाईं लिंकहरू एक अनुच्छेदमा राख्न सक्नुहुन्छ र तपाईं गर्नुहुनेछ। तर यो क्रमशः चिन्हित हुने छैन, र तपाइँको कुनै ट्यागमा आउनु बिना सीएसएस क्लाउड क्लाउडको लिङ्कको ठूलो अनुच्छेद देख्नेछ। यस प्रकारको सूचीको लागि एचटीएमएल यस्तो देखिन्छ:
स्ट्रिमिङ अडियो फाइलहरू थप्दै वेब साइटको लागि आधारभूत ट्यागहरू उत्तम वेब डिजाइन सफ्टवेयर पूर्ण रूपमा हराएको वेब पेजको निर्माण रंग प्रतीकवाद यसको सट्टा, म तपाईंलाई अनुक्रमित सूची प्रयोग गरेर तपाईंको ट्याग क्लाउड सिर्जना गर्न सिफारिस गर्छु। यो एचटीएमएल र सीएसएस कोड को केहि अधिक लाइनहरु हो तर यो यो सुनिश्चित गर्दछ कि सामग्री पढ्न योग्य हुनेछ कुनै पनि कुरा को लागी यो हेर्न को लागी। एचटीएमएल यस्तो देखिन्छ: अब हामी मजा भाग-सीएसएस शैलीहरू प्राप्त गर्छौं। जब तपाइँ ट्याग क्लाउड चलाउनुहुन्छ, तपाई सामान्यतया फन्ट साइज र फन्ट वजन परिवर्तन गर्नुहुन्छ। तपाईं फन्ट वा पृष्ठभूमि वा कुनै अन्य शैली विशेषताको रंग परिवर्तन गर्न सक्नुहुनेछ, तर साइज र वजन पारंपरिक हो। तपाइँलाई प्रत्येक शैली श्रेणीको लागि 10 शैली कक्षाहरू चाहिन्छ। म क्लाउड वरिपरि केही शैलीहरू समावेश गर्न मनपर्छ: क्लाउड पाठ केन्द्र गर्नुहोस्, रेखा-उचाइ सेट गर्नुहोस् ताकि क्लाउड पढ्न योग्य छ, र निश्चित गर्नुहोस् कि एंकर ट्यागले तिनीहरूलाई कुनै प्याडिंग छैन: अन्तमा, यदि तपाईं आधारभूत स्टाइल विधि (जस्तै अवार्ड गरिएको सूची) प्रयोग गरिरहनु भएको छ भने, तपाईंलाई सीएसएसको दुई थप रेखाहरू थप्न आवश्यक छ ताकि सूचीमा गोलहरू छैन र इन्डेन्टेड छैन:
तर ट्याग क्लाउडका लागि शैलीहरू कहाँ छन्