పేరాగ్రాఫ్‌ల మధ్య WordPress స్పేసింగ్ — పూర్తి గైడ్

ఏ సినిమా చూడాలి?
 
  పేరాగ్రాఫ్‌ల మధ్య WordPress స్పేసింగ్ — పూర్తి గైడ్

అస్థిరత గురించి మాట్లాడండి. పేరాగ్రాఫ్‌ల మధ్య WordPress అంతరం చాలా ఎక్కువ లేదా సరిపోదు. మధ్యేమార్గం లేదు. డిఫాల్ట్‌గా, పేరాగ్రాఫ్‌ల మధ్య అంతరం లైన్ బ్రేక్‌లను ఉపయోగిస్తుంది.





అది
సాదా వచనం లేదా HTML మోడ్‌లో ఉంటుంది లేదా మీరు Word, Google డాక్స్ లేదా మరొక వర్డ్ ప్రాసెసర్ నుండి అతికించినట్లయితే, అది “ ”ని జోడించవచ్చు. అన్ని చోట్లా, మీ HTML చిక్కుముడి వీడటానికి పీడకలగా మారుస్తుంది.

WordPress అనేది వెబ్ పబ్లిషింగ్ సాఫ్ట్‌వేర్. ఇది Google డాక్స్, మైక్రోసాఫ్ట్ వర్డ్, ఓపెన్ ఆఫీస్ లేదా రిచ్ టెక్స్ట్ ఫార్మాట్ (.rtf ఫైల్స్) అవుట్‌పుట్ చేసే ఏదైనా వర్డ్ ప్రాసెసర్ వంటి ఏదైనా వర్డ్ ప్రాసెసర్‌కి భిన్నంగా పనిచేస్తుంది.



రిచ్ టెక్స్ట్ WordPressలో అతికించబడినప్పుడు, HTMLకి ఇన్లైన్ కోడ్ జోడించబడుతుంది, ఇది సైట్ను నెమ్మదిస్తుంది.

సంవత్సరాలుగా, నేరుగా WordPressలో 'Word నుండి అతికించడానికి' బటన్‌ను క్లిక్ చేసే ఎంపిక ఉంది. అది పోయింది. ఇప్పుడు WordPressలో అతికించడానికి ఏకైక మార్గం సాదా వచనంలో అతికించడం మాత్రమే, ఇది మీ ఫార్మాటింగ్‌ని తొలగిస్తుంది.



పేరాగ్రాఫ్‌ల మధ్య WordPress అంతరం

మీ WordPress థీమ్ కోసం stylesheet.css పేరాగ్రాఫ్‌ల మధ్య అంతరాన్ని నియంత్రిస్తుంది. మీరు WP కస్టమైజర్‌ని ఉపయోగించి CSS నియమాలను సెట్ చేయవచ్చు. మార్జిన్-టాప్ లేదా బాటమ్ విలువలను పిక్సెల్‌లలో సెట్ చేయండి (#px). పేరాగ్రాఫ్‌లలో పంక్తి అంతరాన్ని మార్చడం కోసం, ఫాంట్ పరిమాణానికి సంబంధించి #emని ఉపయోగించండి. 1ఎమ్ ప్రామాణికం.



పేరాగ్రాఫ్ స్పేసింగ్‌తో ఏమి జరుగుతుందో తక్కువ

WordPress, ఆన్‌లైన్ WYSIWYG కంటెంట్ ఎడిటర్‌గా ఉండటం వలన అంతరం ఉపయోగించబడదు. మీరు ఎంటర్ నొక్కినప్పుడు, మీరు కొత్త పేరా చొప్పించాలనుకుంటున్నారని భావించడానికి WP ప్రోగ్రామ్ చేయబడుతుంది.

కొత్త పేరాలు డబుల్ లైన్ బ్రేక్‌తో చొప్పించబడ్డాయి. మీకు పెద్ద స్థలం వద్దనుకుంటే, మీరు దాని పరిమాణంలో సగం చేయవచ్చు.

ఒకే లైన్ బ్రేక్ కోసం షిఫ్ట్ నొక్కండి మరియు ఒకేసారి ఎంటర్ చేయండి

పేరాగ్రాఫ్ స్పేసింగ్‌ను డబుల్ లైన్ బ్రేక్ నుండి సింగిల్ లైన్ బ్రేక్‌గా మార్చడానికి, షిఫ్ట్ నొక్కి, అదే సమయంలో ఎంటర్ చేయండి. అది మీ కర్సర్‌ను (లేదా ఇప్పటికే డ్రాఫ్ట్ చేసిన కంటెంట్‌ని) ఒక పంక్తి కిందికి తరలించి, ఒకే లైన్ బ్రేక్‌ని ఇన్సర్ట్ చేస్తుంది.

షిఫ్ట్ మరియు ఎంటర్ ఉపయోగించి రెండు కొత్త పంక్తులను సృష్టించడం రెండు సింగిల్ లైన్ బ్రేక్‌లను సృష్టిస్తుంది. పేరాగ్రాఫ్‌ల మధ్య ఒకే అంతరాన్ని ఒకసారి నమోదు చేయడం ద్వారా ఎంటర్ నొక్కండి. డబుల్ లైన్ బ్రేక్.

పేరాగ్రాఫ్‌ల మధ్య అంతరాన్ని నియంత్రించడానికి WPకి ఉన్న ఏకైక ఎంపిక ఇది.

నేను విలన్ల పట్ల ఎందుకు ఆకర్షితుడయ్యాను

స్టైల్‌షీట్‌ను అనుకూలీకరించడం (CSS)

మీరు CSSలోని మూలకాలను సర్దుబాటు చేయడానికి ముందు మీరు div తరగతి పేరును గుర్తించాలి. మీరు మీ వెబ్ బ్రౌజర్‌ల తనిఖీ సాధనాన్ని చేయవచ్చు.

Google Chromeలో, మీ సైట్‌లోని పేజీ లేదా పోస్ట్‌పై కుడి-క్లిక్ చేసి, ఆపై 'తనిఖీ'పై క్లిక్ చేయడం ద్వారా ఇది యాక్సెస్ చేయబడుతుంది.

బ్లాగ్ పోస్ట్‌లు సాధారణంగా “.post” మరియు పేజీలు “.page” నుండి “blog-post-single-content” వరకు ఏదైనా కావచ్చు. ఇది మీ WP థీమ్ ఉపయోగించే పేజీ టెంప్లేట్ పేరుపై ఆధారపడి ఉంటుంది. బ్రౌజర్ ఇన్‌స్పెక్టర్ సాధనాలు వాటిని ఎలా కనుగొనాలి.

సెట్టింగ్‌ల క్రింద మీ ఎడమ సైడ్‌బార్‌లోని అదనపు CSS మెను 'అదనపు CSS' కోసం ఒక ట్యాబ్, దానిలోకి వెళ్లండి మరియు మీరు సర్దుబాటు చేయవలసిన పాడింగ్ ఇది.

అలా చేయడానికి, మీ ఇన్‌స్పెక్టర్ చూపిన డివి క్లాస్ పేరును అనుసరించి .[డాట్/పీరియడ్]ని చొప్పించండి. పేరాగ్రాఫ్ అంతరం పాడింగ్ ద్వారా నియంత్రించబడుతుంది మరియు ఇది పిక్సెల్‌లతో (px) పరిష్కరించబడుతుంది.

.post p{margin-bottom: 20px}

మీకు నచ్చిన దానికి నంబర్‌ను మార్చండి.

కస్టమైజర్ నిజ సమయంలో అప్‌డేట్‌లను చూపుతుంది కాబట్టి మీరు మార్పులను ప్రచురించే ముందు మార్పుల ప్రివ్యూలను చూడటానికి మీరు ట్యాబ్‌ల మధ్య మారాల్సిన అవసరం లేదు.

పేరాల్లో WP లైన్ అంతరాన్ని మార్చడం

WP కస్టమైజర్‌తో లైన్ అంతరాన్ని కూడా సర్దుబాటు చేయవచ్చు.

అయితే స్పేసింగ్ సైజ్‌ని పిక్సెల్‌లలో సెట్ చేయడం కంటే, లైన్-ఎత్తు అంతరాన్ని సెట్ చేయడానికి “em” ఉపయోగించబడుతుంది.

జోడించాల్సిన CSS స్ట్రింగ్:

.post p{line-height: 1.5em;}

బ్లాగ్ పోస్ట్‌ల కోసం,  లేదా పేజీల కోసం, అది కావచ్చు

.blog-post-single-content .post p{line-height: 1em;}

మార్చడానికి div తరగతి మూలకాన్ని గుర్తించడానికి బ్రౌజర్ ఇన్‌స్పెక్టర్ (పైన వివరించబడింది) ఉపయోగించండి.

CSS భాషను అర్థం చేసుకోవడం

WordPressలో టైపోగ్రఫీకి సంబంధించిన దేనికైనా “em” అనేది సాధారణంగా ఉపయోగించే CSS నియమం. ఇది ఫాంట్ పరిమాణం యొక్క విలువ ద్వారా నిర్వచించబడుతుంది. మీ ఫాంట్ పరిమాణం ఎంత పెద్దదో, 1em పెద్దదిగా ఉంటుంది.

మీరు లైన్ ఎత్తును సెంటీమీటర్‌లు (సెం.మీ), అంగుళాలు (ఇన్), పిక్సెల్‌లు (పిఎక్స్), పాయింట్లు (పిటి) లేదా పికా (పిసి)లో కూడా నిర్వచించవచ్చు. అయితే వద్దు.

లైన్-స్పేసింగ్ కోసం, em అనేది ఇష్టపడే స్టైలింగ్ ఎంపిక. ఎందుకంటే ఇది ఎల్లప్పుడూ ఫాంట్ పరిమాణం యొక్క విలువకు సంబంధించినది మరియు వీక్షకుడు వెబ్ పేజీని చదువుతున్న స్క్రీన్ పరిమాణంపై ప్రభావం చూపుతుంది. చిత్రాలకు పిక్సెల్‌లు (px) మెరుగ్గా పని చేస్తాయి ఎందుకంటే అవి పిక్సెల్‌లలో కొలుస్తారు.

మీరు స్టైల్‌షీట్‌లో సెట్ చేసిన ఖచ్చితమైన కొలతలతో మీ వెబ్ పేజీ ప్రింట్-ఫ్రెండ్లీగా ఉండాలంటే మాత్రమే కొలతలు (సెం మరియు ఇన్) వర్తిస్తాయి.

ఇవి CSSలో సంపూర్ణంగా ఉంటాయి అంటే వీక్షకుడు టెక్స్ట్‌ని చదువుతున్న స్క్రీన్ పరిమాణంతో సంబంధం లేకుండా స్థిర పరిమాణంలో ఉంటాయి.

తక్కువ ఉపయోగం ఉన్నందున చాలా అరుదుగా ఉపయోగించేది మాజీ, (x-ఎత్తు) ఇది చిన్న అక్షరాల్లోని అక్షరాల ఎత్తు యొక్క సంపూర్ణ కొలత.

ప్రధానంగా డిజిటల్ పరికరాలలో చదవబడే పేజీల కోసం (ముద్రించబడలేదు), em ఎల్లప్పుడూ ఫాంట్ పరిమాణానికి సంబంధించి విలువలను సెట్ చేస్తుంది. CSSలో మీ పంక్తి అంతరాన్ని నిర్వచించేటప్పుడు దాన్ని ఉపయోగించండి.

వర్డ్ ప్రాసెసర్ నుండి మీరు ఆశించే లైన్ స్పేసింగ్ విలువలకు WordPress పోస్ట్‌లు మరియు పేజీలలో సారూప్య ఫార్మాటింగ్ సాధించడానికి, 1em దాదాపు 12-పాయింట్‌లకు సమానంగా ఉంటుంది.

టైపోగ్రఫీలో, అంటే వర్డ్ ప్రాసెసర్లు ఉపయోగించేవి, 12 పాయింట్లు అంగుళంలో ఆరవ వంతుకు సమానం.

12-పాయింట్ ఫాంట్‌లో టైమ్స్ న్యూ రోమన్ యొక్క అత్యంత సాధారణ టైపోగ్రఫీ కొలత యొక్క ఉదాహరణను ఉపయోగించడానికి, CSS కోడ్ 0.166666667in వద్ద సెట్ చేయబడుతుంది.

ఇది లైన్-స్పేసింగ్ కోసం ఖచ్చితమైన కొలతలతో పేజీని ప్రింట్ చేస్తుంది.
స్మార్ట్‌ఫోన్‌ని ఉపయోగించి వచనాన్ని దగ్గరగా చదవడం కష్టం.

అందుకే ఫాంట్ పరిమాణం ఆధారంగా హెచ్చుతగ్గులకు లోనవుతున్నందున “em”కి ప్రాధాన్యత ఇవ్వబడుతుంది. మీ వెబ్‌సైట్ సందర్శకులలో అత్యధికులు పేజీలను ముద్రించరు.

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

లేకపోతే, ఎమ్‌ని ఉపయోగించడం ద్వారా ఫాంట్ పరిమాణానికి సంబంధించి మీ వెబ్ పేజీ పంక్తి అంతరాన్ని చేయండి. పాయింట్లు, లేదా పికాస్, లేదా అంగుళాలు లేదా సెంటీమీటర్లు కాదు.

బ్లాకుల మధ్య WordPress అంతరాన్ని తగ్గించడం సాధ్యమేనా?

బ్లాక్ ఎడిటర్‌కు బ్లాక్‌ల మధ్య మార్జిన్ ప్యాడింగ్‌ని పెంచే మార్గం లేదు. stylesheet.css ఫైల్‌కి CSS మార్జిన్ సెట్ ఉండాలి. ఇది మార్జిన్-బాటమ్ లేదా మార్జిన్-టాప్ కావచ్చు. ఆపై, పేజీలో

HTML కోడ్ చొప్పించిన చోట, స్టైల్‌షీట్.css బ్లాక్‌ల మధ్య అంతరాన్ని నిర్వచిస్తుంది అంటే “p{మార్జిన్-బాటమ్: 20px}”. CSS మార్జిన్‌ని సెట్ చేయకుండా, డబుల్ లైన్ బ్రేక్‌ని ఉపయోగించడానికి WP డిఫాల్ట్ అవుతుంది.

WordPress పేరాగ్రాఫ్‌ల మధ్య ఖాళీ స్థలం పరిమాణాన్ని ముద్రించడానికి భిన్నంగా ఉంటుందా?

ప్రింటింగ్ నియమాలను నిర్వచించడానికి మీరు స్టైల్‌షీట్ చివర “@మీడియా ప్రింట్” కోసం ఒక విభాగాన్ని జోడించవచ్చు. సాధారణంగా, ప్రింటెడ్ కంటెంట్ 12-పాయింట్ ఫాంట్ మరియు సింగిల్ లైన్ స్పేసింగ్‌తో స్పష్టంగా ఉంటుంది. మీరు “డిస్‌ప్లే: ఏదీ లేదు; } సైడ్‌బార్, టాప్ నావిగేషన్ మరియు కామెంట్‌ల వంటి విభాగాల కోసం. చివరి చిట్కా: మీరు ముద్రించిన పేజీలకు మాత్రమే కంటెంట్‌ను జోడించగలరు! వీక్షకులను వారి వంటకాలను ప్రింట్ చేయమని ప్రోత్సహించే రెసిపీ సైట్‌లకు అనుకూలం. 'డిస్ప్లే: బ్లాక్;'లో జోడించండి 'కంటెంట్', మరియు yoursite.com నుండి ప్రింటింగ్ చేసినందుకు ధన్యవాదాలు.

కొత్త హెడ్డింగ్ (h1, h2, h3) ప్రారంభమయ్యే ముందు అంతరాన్ని ఎలా పెంచాలి?

ఇది ధ్వనించేంత సులభం, దీన్ని చేయడానికి సులభమైన మార్గం లేదు.

కొత్త హెడ్డింగ్ ప్రారంభం కావడానికి ముందు మీరు ఎక్కువ స్థలాన్ని కలిగి ఉండాలనుకుంటే (సాధారణంగా h2 లేదా h3 శీర్షిక, కథనం శీర్షిక కోసం h1 రిజర్వ్ చేయబడినందున), దీన్ని చేయడానికి ఉత్తమ మార్గం, క్లాసిక్ ఎడిటర్‌లో జోడించడం   శీర్షిక ట్యాగ్ ముందు (

,

, మొదలైనవి). కోడ్ ఎడిటర్‌లో ఉన్నప్పుడు మీరు దీన్ని జోడించాలి, స్పష్టంగా టెక్స్ట్ ఎడిటర్ కాదు. ఈ పద్ధతి గుటెన్‌బర్గ్ ఎడిటర్‌లో కూడా పనిచేస్తుంది.