Page Builder Sandwich ను ఎలా ఉపయోగించాలి

రాసిన వారు

లో

,

Page Builder Sandwich మీ సాధారణ పేజ్ బిల్డర్ లాంటిది కాదు, ఇది సంక్లిష్టత లేకుండా ఉపయోగించడానికి సులభంగా ఉంటుంది.

సత్వర పర్యటన కోసం మీరు క్రింది వీడియోను చూడవచ్చు.

ఎడిటర్ ఎక్కడ ఉంది?

మొదట, కొత్త పేజీ, పోస్ట్ లేదా CPTని సృష్టించండి. ఆపై మీ ఫ్రంటెండ్‌లో మీ కొత్త పోస్ట్‌ను లేదా ఇప్పటికే ఉన్న ఏదైనా పోస్ట్‌ను సందర్శించండి. PBS అనేది 100% ఫ్రంటెండ్, మీరు బ్యాకెండ్‌లో ఎలాంటి మార్పులు చేయాల్సిన అవసరం ఉండదు.

మీ పేజీ ఎగువన (మీ అడ్మిన్ బార్‌పై) “Page Builder Sandwich” బటన్ ఉండాలి, ఎడిటింగ్ ప్రారంభించడానికి దానిపై క్లిక్ చేయండి. మీరు ఎగువ నుండి టెక్స్ట్ ఫార్మాటింగ్ ప్రాంతం పాప్ అప్ అవ్వడాన్ని, మరియు ప్రక్క నుండి ఎలిమెంట్స్ జోడించే ప్యానెల్ పాప్ అప్ అవ్వడాన్ని చూడవచ్చు. మీ థీమ్ యొక్క కంటెంట్ ప్రాంతం ఇప్పుడు మీ ఎడిటర్!

మీరు PBSతో కేవలం సింగిల్ పేజీలను మాత్రమే ఎడిట్ చేయగలరు. బ్లాగ్ పోస్ట్‌ల జాబితాను లేదా 404 పేజీని మీరు ఎడిట్ చేయలేరు, ఎందుకంటే అవి మీ థీమ్ ద్వారా సృష్టించబడతాయి. పోస్ట్‌లు, పేజీలు మరియు కస్టమ్ పోస్ట్ రకాలు సరే.

మీ కంటెంట్‌ను ఎడిట్ చేయడం

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

మీ కంటెంట్‌ను ఫార్మాట్ చేయడం / అంశాలను అందంగా కనిపించేలా చేయడం

dcb1615380 file 9OtagMFi2c

ఎడిట్ చేస్తున్నప్పుడు, పైభాగంలో ఉన్న ప్రాంతాన్ని Text Formatting Bar అంటారు. ఈ బార్‌లో టెక్స్ట్‌ను స్టైల్ చేయడానికి మీరు ఉపయోగించే రంగులు, బోల్డ్, ఇటాలిసైజ్, అలైన్‌మెంట్‌లు, లింక్‌లను జోడించడం, బుల్లెట్‌లు మరియు మరిన్ని వంటి అన్ని ఫార్మాటింగ్ టూల్స్ ఉంటాయి. ఆ సాధనం ఏమి చేస్తుందో తెలుసుకోవడానికి ప్రతి బటన్‌పై మౌస్ హోవర్ చేయండి.

ఎలిమెంట్స్‌ను జోడించడం

ecfd309bb2 file yDqiNEv73s

Add Element Panelను చూపించడానికి స్క్రీన్ ఎగువ ఎడమవైపు ఉన్న Add Elements బటన్‌పై మీ మౌస్‌ను హోవర్ చేయండి. అది కనిపించేలా చేయడానికి మీరు మీ మౌస్‌ను స్క్రీన్ ఎడమ వైపుకు కూడా జరపవచ్చు.

ఏదైనా ఎలిమెంట్‌ను చొప్పించడానికి, ఒకదానిపై మౌస్‌ను నొక్కి పట్టుకుని, ఆపై దాన్ని మీ కంటెంట్ ప్రాంతంలోకి డ్రాగ్ చేయండి. ఎలిమెంట్ ఉంచబడే ప్రాంతం హైలైట్ అవుతుంది. ఎలిమెంట్‌ను ఉంచడానికి మీ మౌస్ బటన్‌ను విడుదల చేయండి.

ఎలిమెంట్స్‌ను స్టైల్ చేయడం మరియు సవరించడం

మీ కంటెంట్‌లో ఉన్న ఏదైనా ఎలిమెంట్‌పై మీ మౌస్‌ను హోవర్ చేయండి, అప్పుడు వాటిపై అవుట్‌లైన్‌లు మరియు టూల్‌బార్‌లు కనిపిస్తాయి.

0046713cb7 file YU6nUCc7jYఎలిమెంట్స్ మధ్య మార్జిన్‌లను పెంచడానికి/తగ్గించడానికి మీరు అవుట్‌లైన్‌ల అంచులపై మీ మౌస్‌ను హోవర్ చేయవచ్చు.

ఎలిమెంట్‌పై శీఘ్ర చర్యలను చేయడానికి మీరు టూల్‌బార్‌లోని బటన్‌పై కూడా క్లిక్ చేయవచ్చు. టూల్‌బార్‌లోని gear ఐకాన్‌పై క్లిక్ చేస్తే మరిన్ని ఎంపికలను కలిగి ఉన్న Properties Inspector కనిపిస్తుంది.

5c220b4ac9 file Odem5RLPok

The Properties Inspector

3e7e48b754 file INy1v5z9Oz

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

మీరు ఎలిమెంట్ యొక్క పేరెంట్స్ ప్రాపర్టీలను కూడా యాక్సెస్ చేయవచ్చు. ఉదాహరణకు, మీరు ఒక కాలమ్ లోపల చిత్రాన్ని ఉంచి, ప్రాపర్టీస్ ఇన్‌స్పెక్టర్‌ను తెరిచినట్లయితే, మీరు చిత్రం యొక్క ప్రాపర్టీలను, అది ఉన్న కాలమ్ మరియు ఆ కాలమ్ ఉన్న అడ్డు వరుస (రో) యొక్క ప్రాపర్టీలను యాక్సెస్ చేయవచ్చు.

ప్రాపర్టీస్ ఇన్‌స్పెక్టర్‌లో వివిధ ఎలిమెంట్స్ కోసం చాలా రకాల సెట్టింగ్‌లు ఉంటాయి, కాబట్టి వాటన్నింటినీ తప్పకుండా పరిశీలించండి.

షార్ట్‌కోడ్‌లను ఉపయోగించడం

Page Builder Sandwich మీకు ఫ్రంటెండ్‌లోనే వాస్తవ షార్ట్‌కోడ్‌లను చూపిస్తుంది, మరియు మీరు వాటిని సులభంగా ఎడిట్ కూడా చేయవచ్చు!

edee730340 file TqfWB9yv3y

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

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

మీ కంటెంట్‌ను తిరిగి అమర్చడం

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

మీ పనిని సేవ్ చేయడం

ae0cf6f413 file

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