గైడ్లు

Tumblr లో HTML తో మీ థీమ్‌ను ఎలా సవరించాలి

Tumblr మీరు ఎంచుకున్న ఏదైనా ఉచిత థీమ్ కోసం పూర్తి అనుకూలీకరణకు మద్దతు ఇస్తుంది, అలాగే మీ Tumblr బ్లాగ్ కోసం పూర్తిగా అనుకూల థీమ్‌లు. Tumblr లోని థీమ్‌లు వివిధ రకాల డెవలపర్‌లచే తయారు చేయబడ్డాయి, వాటిలో చాలా వరకు Tumblr వినియోగదారులు; అందువల్ల, కోడ్ యొక్క రూపకల్పన మరియు లేఅవుట్ ఇతివృత్తాల మధ్య చాలా తేడా ఉంటుంది, సాధారణ అంశాలు మాత్రమే ఉంటాయి. ప్రయోగం అనేది సిస్టమ్ యొక్క ఇన్-అండ్-అవుట్ లను నేర్చుకోవటానికి ప్రభావవంతమైన మార్గంగా ఉన్నప్పటికీ, మీది సవరించడానికి ముందు ఇతివృత్తాలలో కొంత గ్రౌండింగ్ కలిగి ఉండటం మంచిది. Tumblr అనుకూల థీమ్స్ మరియు వేరియబుల్స్ గురించి డాక్యుమెంటేషన్ యొక్క పూర్తి పేజీని అందిస్తుంది.

1

Tumblr.com/customize వద్ద మీ Tumblr అనుకూలీకరణ పేజీని తెరవండి; మీరు మీ Tumblr డాష్‌బోర్డ్ ఎగువన ఉన్న మీ వినియోగదారు పేరును కూడా క్లిక్ చేసి, ఆపై సైడ్‌బార్‌లోని "స్వరూపాన్ని అనుకూలీకరించు" క్లిక్ చేయండి.

2

"థీమ్" బటన్ క్లిక్ చేయండి. డిఫాల్ట్ స్క్రీన్ థీమ్ ఎంపిక స్క్రీన్. మీకు ఇప్పటికే ఒకదాన్ని ఎంచుకోకపోతే, మీకు సుఖంగా ఉండే థీమ్‌ను ఎంచుకోండి. ఎంచుకున్న తర్వాత, థీమ్ మెను దిగువన ఉన్న "అనుకూల HTML ని ఉపయోగించండి" క్లిక్ చేయండి.

3

డెవలపర్ మొదట థీమ్‌ను ఎలా నిర్మించాడనే దాని కోసం అనుభూతిని పొందడానికి కోడ్ ద్వారా చూడండి. థీమ్స్ HTML, CSS మరియు జావాస్క్రిప్ట్‌తో సహా కోడ్ మిశ్రమాన్ని ఉపయోగిస్తాయి. Tumblr థీమ్స్ బ్లాగు యొక్క విభిన్న పోస్ట్లు మరియు విభాగాలకు వర్తించే కోడ్ యొక్క ప్రాంతాలను నిర్వచించడానికి ప్రామాణిక బ్లాకుల సమితిని ఉపయోగిస్తాయి. ఉదాహరణకు, ఆడియో పోస్ట్‌లను నిర్వచించే విభాగం "{block: Audio}" ను ప్రారంభించి "{/ block: audio}" తో ముగుస్తుంది మరియు కోట్ పోస్ట్‌ల విభాగం {block: Quote} మరియు ముగింపు "{/ block: Quote post "వ్యక్తిగత పోస్ట్ రకాలు మరియు విభాగాలను కనుగొనడం సులభం చేస్తుంది. మీరు ఒక నిర్దిష్ట మూలకం కోసం శోధిస్తుంటే, మీ బ్రౌజర్ యొక్క "కనుగొను" లక్షణం HTML థీమ్‌లోని పదాలను కనుగొనగలదు.

4

మీకు కావలసిన ఏదైనా అనుకూల HTML ని చొప్పించండి. మీరు మీ థీమ్ కోసం క్రొత్త స్టైల్షీట్ను సృష్టించాలనుకుంటే, మీరు దానిని పత్రం యొక్క తల కోసం ప్రారంభ మరియు ముగింపు ట్యాగ్ల మధ్య ఎక్కడో చేర్చవచ్చు. స్టైల్షీట్ ఇలా ఫార్మాట్ చేయబడింది

మీకు కావలసినన్ని అంశాలను మీ స్టైల్‌షీట్‌లో చేర్చవచ్చు. ఏదైనా మూలకాన్ని CSS ఉపయోగించి సవరించవచ్చు. ఉదాహరణకు, మీరు H2 ట్యాగ్‌తో సవరించిన ఏదైనా 22 పిక్సెల్‌ల పొడవు మరియు ముదురు బూడిద రంగులో సెట్ చేయాలనుకుంటే, స్టైల్‌షీట్‌లో ఈ బ్లాక్ ఉంటుంది:

h2 {font-size: 22px; రంగు: # A8A8A8;}

5

"స్టైల్" ట్యాగ్ ఉపయోగించి వ్యక్తిగత HTML మూలకాలకు ఏదైనా శైలిని జోడించండి. ఉదాహరణగా, మీరు లేత బూడిద రంగు టెక్స్ట్ నీడను కలిగి ఉండటానికి మీ పేజీలోని కోట్‌లను మార్చాలనుకుంటే, మీ కోట్‌ను సవరించే HTML ను మీరు కనుగొంటారు మరియు HTML ట్యాగ్ యొక్క బ్రాకెట్లలో చేర్చండి. ఈ విధంగా జోడించిన ఏదైనా CSS మీ పేజీ యొక్క స్టైల్షీట్కు అదనంగా పనిచేస్తుంది.

6

ఎటువంటి మార్పులను సేవ్ చేయకుండా ప్రివ్యూలో మీ Tumblr బ్లాగులో మార్పులను చూడటానికి "ప్రివ్యూను నవీకరించు" క్లిక్ చేయండి. మీరు చివరకు మీ Tumblr బ్లాగులో కావలసిన మార్పులు చేసి, వాటిని కట్టుబడి ఉండటానికి సిద్ధంగా ఉన్నప్పుడు, "సేవ్ చేయి" క్లిక్ చేయండి.

$config[zx-auto] not found$config[zx-overlay] not found