మేము పేజ్ బిల్డర్ శాండ్‌విచ్‌ను ప్రజలకు పరిచయం చేసి 10 నెలలు అయ్యింది. ప్రస్తుతం మాకు దాదాపు 6,000 యాక్టివ్ ఇన్స్టాల్full ఉన్నాయి, మరియు అది మాకు చాలా పెద్ద విజయం. దీని వలన మాకు మంచి, చెడు రెండింటి గురించిన ఎంతో ఫీడ్‌బ్యాక్ కూడా లభించింది. అయితే, ఇతర పేజ్ బిల్డర్‌లతో పోలిస్తే ఇందులో లేఅవుట్‌లను నిర్మించడం మరియు కంటెంట్‌ను సృష్టించడం ఎంత సులభమో ప్రజలు ఎంతగానో ఆస్వాదిస్తున్నారనేది అందరి ఏకాభిప్రాయం.
మాకు వచ్చిన ఫీడ్‌బ్యాక్‌లో ఎక్కువ భాగం కొత్త ఫీచర్ల అభ్యర్థనలే, మరియు గత కొన్ని నెలల్లో మేము ఆ ఫీచర్లలో చాలా వరకు జోడించాము. కానీ అలా చేస్తున్న కొద్దీ, మేము నెమ్మదిగా యూజర్ ఇంటర్‌ఫేస్‌ను కూడా మార్చడం ప్రారంభించాము. దాని పర్యవసానంగా, మేము యూజర్ ఎక్స్‌పీరియన్స్‌ను కూడా మారుస్తూ వచ్చాము… మరింత అధ్వానంగా. అయితే ఒకానొక దశలో ఇంటర్‌ఫేస్ గురించి పునరాలోచించాల్సిన పరిస్థితి వచ్చింది, ఎందుకంటే అది ఇక ఏమాత్రం సాఫీగా పనిచేయలేదు, మరియు విభిన్న ఫీచర్లు కూడా దానితో సరిగ్గా పొసగలేదు.
పాతబడిపోయిన ఇంటర్‌ఫేస్
PBS యొక్క మునుపటి వెర్షన్లలో, ప్రతిదీ బటన్ల రూపంలో ఉండాలని మేము కోరుకున్నాము. ఎందుకు? ఎందుకంటే బటన్లు ఉపయోగించడం సులభం. మీరు కేవలం… వాటిపై క్లిక్ చేస్తే చాలు. ఇన్‌స్పెక్టర్ (పై చిత్రంలోని సైడ్‌బార్) యొక్క పాత వెర్షన్లలో, బటన్‌పై క్లిక్ చేస్తే విలువ పెరిగేది, ఆపై shift+క్లిక్ చేస్తే తగ్గేది. అది చాలా సులభంగా అనిపిస్తుంది. కానీ కరోసెల్స్, ట్యాబ్‌లు, మ్యాప్‌లు మరియు ఇతర కొత్త ఎలిమెంట్‌లు, ఫీచర్ల చేరికతో, ఆ బటన్‌లన్నీ విభిన్న డిజైన్‌లతో కూడిన వేర్వేరు ఐకాన్‌ల కలగాపులగంగా మారాయి, మరియు చక్కటి ఇంటర్‌ఫేస్ కంటే కూడా చిత్రలిపి (హైరోగ్రిఫిక్స్) లాగా కనిపించడం మొదలయ్యాయి. పాత వినియోగదారులకు ఇది సమస్య కాకపోవచ్చు, కానీ మీరు PBS కి కొత్త అయితే ఇది చూడటానికి చాలా కష్టంగా అనిపిస్తుంది.
తరువాత, ఇన్‌స్పెక్టర్‌లో మరికొన్ని సమస్యలు కనిపించాయి. ప్రతిదాన్నీ సరళంగా మరియు ఇన్‌స్పెక్టర్ లోపల అందుబాటులో ఉంచాలనేది ప్రాథమిక ఆలోచన. ప్రతిదీ అంటే, నా ఉద్దేశం ప్రతిదీ – టెక్స్ట్‌ను హెడ్డింగ్‌లుగా మార్చడం నుండి, బ్యాక్‌గ్రౌండ్ రంగులు, ఫాంట్ రంగులను మార్చడం వరకు, ఏదైనా సరే. అయితే దాని ప్రస్తుత స్థితిలో, ఇన్‌స్పెక్టర్ ఇప్పుడు చాలా ఆప్షన్‌లను కలిగి ఉంది, దీని వలన మీరు నిరంతరం పైకి, క్రిందికి స్క్రోల్ చేయడానికి మౌస్ వీల్‌ను ఉపయోగించాల్సి వస్తుంది. గతంలో వినియోగదారుల కోసం నేను రూపొందించాలని ఆశించిన ఇన్‌స్పెక్టర్‌కి ఇది చాలా భిన్నంగా ఉంది.
చివరగా, మేము ఇటీవల మీకు ఇష్టమైన ప్లగిన్‌ల కోసం షార్ట్‌కోడ్ మ్యాపింగ్. మీ షార్ట్‌కోడ్ ఎడిటింగ్ అనుభవాన్ని మరింత ఆహ్లాదకరంగా మార్చడానికి టెక్స్ట్ ఫీల్డ్‌లు, నంబర్ స్లైడర్‌లు, చెక్‌బాక్స్‌లు మరియు అదనపు కొత్త ఆప్షన్ రకాలను సృష్టించడం ఈ ఫీచర్‌కు అవసరమైంది. ప్రారంభంలో, ఇది మంచి ఆలోచనే, మరియు అవును, ఇది షార్ట్‌కోడ్‌లను సవరించడాన్ని మీకు సులభతరం చేసింది. కానీ మళ్లీ, ఈ ఫీచర్ మా “బటన్లు మాత్రమే” ఇంటర్‌ఫేస్ నుండి వైదొలిగింది. వెనక్కి తిరిగి చూస్తే, షార్ట్‌కోడ్ లక్షణాలను మార్చడానికి బటన్లను మాత్రమే ఉపయోగించడం నిజంగా అసాధ్యం. ఇప్పుడు, తాజా వెర్షన్‌లో, మేము 2 రకాల నియంత్రణలతో ముగించాము: బటన్లు మరియు షార్ట్‌కోడ్ ఫీల్డ్‌లు.
మా ఇంటర్‌ఫేస్ ఇకపై ప్రభావవంతంగా లేదని (లేదా మా అవసరాలకు తగినది కాదని) మేము నిర్ణయించుకోవడానికి మరికొన్ని కారణాలు ఉన్నాయి, కానీ పైన పేర్కొన్నవి ముఖ్యమైనవి. అయితే ఒక విషయం మాత్రం ఎల్లప్పుడూ ఖచ్చితంగా ఉండేది: మేము ఇంటర్‌ఫేస్‌ను తప్పనిసరిగా అప్‌డేట్ చేయాలని మాకు తెలుసు.
ఒక పేజ్ బిల్డర్ ఆదర్శవంతంగా ఎలా పని చేయాలో నిర్వచించడం
వెంటనే రంగంలోకి దిగి విషయాలను మార్చేయడానికి బదులుగా, మొత్తం పేజ్ బిల్డర్ అనుభవాన్ని పరిశీలించడానికి మేము వంద అడుగులు వెనక్కి వేశాము. మేము ఇంటర్‌ఫేస్‌కు సరికొత్త జీవం పోయాలని అనుకున్నాము. నిజం చెప్పాలంటే, ప్రతి సంవత్సరం దీన్ని మళ్లీ మళ్లీ నిర్మిస్తూ ఉండటం మాకు ఇష్టం లేదు. ఇది చాలా అలసటను కలిగిస్తుంది మరియు వర్డ్‌ప్రెస్ కమ్యూనిటీకి ఖచ్చితంగా చెప్పుకోదగ్గ సహాయం అందించదు. ఈసారి, మేము పనులను నెమ్మదిగా మరియు జాగ్రత్తగా చేయాలని నిర్ణయించుకున్నాము. మేము పేజ్ బిల్డర్ శాండ్‌విచ్‌లోని ప్రతి భాగాన్ని మరియు దానిని మంచి పేజ్ బిల్డర్‌గా మార్చే అంశాలను అధ్యయనం చేసాము, మరియు చివరగా మొత్తం ఎడిటింగ్ అనుభవాన్ని కొన్ని ప్రాథమిక కాన్సెప్ట్‌లుగా రూపొందించాము.
ముఖ్యమైన కాన్సెప్ట్ #1: కంటెంట్‌ను ఎడిట్ చేయడానికి నేరుగా మీ కంటెంట్‌లోనే టైప్ చేయడం
పేజ్ బిల్డర్‌ను ఇన్స్టాల్ చేయడానికి గల ప్రధాన కారణాలలో ఒకటి వర్డ్‌ప్రెస్ యొక్క బ్యాకెండ్ టెక్స్ట్ ఎడిటర్ పరిమితుల నుండి బయటపడటం. బ్యాకెండ్ ఎడిటర్ మంచిది కాదని కాదు, కానీ మీ వెబ్‌పేజీలను రూపొందించేటప్పుడు, మీ వెబ్‌పేజీ మీ సైట్ సందర్శకులకు ఎలా కనిపిస్తుందో అది వెంటనే మీకు చూపించదు, అలాగే ఒకే కాలమ్ లేఅవుట్ కాకుండా వేరే విధంగా మీ కంటెంట్‌ను లేఅవుట్ చేయడానికి కూడా ఇది మిమ్మల్ని అనుమతించదు. మీరు అక్కడ మీ టెక్స్ట్‌ను మరియు కొన్ని చిత్రాలను మాత్రమే చూడగలరు, కానీ మరింత విస్తృతమైన అంశాలను (ఉదా. కాంటాక్ట్ ఫారమ్‌లు) ఏవీ చూడలేరు. మీరు షార్ట్‌కోడ్‌లను జోడించవచ్చు, అవును, కానీ అవి రెండర్ అయిన రూపంలో కనిపించవు*.
* దీనిని పరిష్కరించడానికి ఇతరులచే షార్ట్‌కేక్ UI వంటి ప్లగిన్‌లు తయారు చేయబడుతున్నాయి, కానీ అది ప్రస్తుత అంశం కాదు.
అక్కడే ఫ్రంటెండ్ పేజ్ బిల్డర్లు రంగంలోకి వస్తాయి. అవి ఎడిటింగ్ అనుభవాన్ని బ్యాకెండ్ నుండి ఫ్రంటెండ్‌లోకి తీసుకువస్తాయి, దీనిలో మీ సందర్శకులు నిజంగా ఎలా చూస్తారో అలాగే మీరు మీ సైట్‌ను ఎడిట్ చేయవచ్చు. పిప్పిన్ చెప్పినట్లుగా: వాట్ యు సీ ఈజ్ వాట్ యు గెట్ (WYSIWYG).
ఫ్రంటెండ్ ఎడిటర్ కావడం వల్ల కలిగే మరో మంచి విషయం ఏమిటంటే ఇది మీ టెక్స్ట్‌ను నేరుగా ఎడిట్ చేయడానికి మిమ్మల్ని అనుమతిస్తుంది. హెడ్డింగ్‌లు మరియు పేరాలను టైప్ చేయడం వెబ్‌సైట్ నిర్మాణంలో సాధారణ వర్డ్ ప్రాసెసర్‌ను ఉపయోగించినంత సౌలభ్యాన్ని అందిస్తుంది. బటన్లు మరియు ట్యాబ్ లేబుల్‌లను కూడా వాటిపై క్లిక్ చేసి టైప్ చేయడం ద్వారా సులభంగా మార్చగలగాలి.
చాలా ఇతర పేజ్ బిల్డర్లు సరిగ్గా అందించలేని విభాగం ఇదే. వాటిలో ఎక్కువ భాగం ప్రతిదాన్నీ ఎడిట్ చేయడానికి టెక్స్ట్ ఫీల్డ్ లోపల టైప్ చేయమని మిమ్మల్ని నిర్బంధిస్తాయి. మళ్ళీ చెబుతున్నాం, నిజమైన ఫ్రంటెండ్ పేజ్ బిల్డర్‌లలో ఇలా ఉండకూడదు. నేరుగా టైప్ చేయడం మరియు టెక్స్ట్‌ను ఎడిట్ చేయడం అనేది వెర్షన్ 2 నుండి పేజ్ బిల్డర్ శాండ్‌విచ్ యొక్క బలమైన అంశంగా ఉంది, మరియు వెర్షన్ 3 లో కూడా ఇది కొనసాగేలా మేము చూసుకున్నాము.
ముఖ్యమైన కాన్సెప్ట్ #2: శీఘ్ర మార్పుల కోసం మౌస్‌ను ఉపయోగించడం
మౌస్ అనేది ఒక శక్తివంతమైన సాధనం, ఇది పేజ్ బిల్డర్‌లలో తరచుగా నిర్లక్ష్యానికి గురవుతుంది. చాలా సార్లు, ఎలిమెంట్లను డ్రాగ్ చేసి వేర్వేరు ప్రదేశాలలో డ్రాప్ చేయడానికి లేదా బటన్లు లేదా ఇన్‌పుట్ ఫీల్డ్‌లపై క్లిక్ చేయడానికి మాత్రమే పేజ్ బిల్డర్లు దీనిని అనుమతిస్తాయి. ఇది బాగానే ఉన్నప్పటికీ, పేజ్ బిల్డింగ్ పరంగా మీరు మౌస్‌తో చేయగలిగినది ఇంకా చాలా ఉంది.
ఒక విషయం ఏమిటంటే, పేజీని ఎడిట్ చేయడంలో మౌస్‌ను సాధనంగా ఉపయోగించడంలో అద్భుతమైన విజువల్ ఫీడ్‌బ్యాక్ ఉంటుంది, ప్రత్యేకించి మార్జిన్లు, ప్యాడింగ్‌లు మరియు పరిమాణాలు వంటి దృశ్య లక్షణాలను సర్దుబాటు చేయడంలో. ఇప్పుడు, మీ ఎలిమెంట్లను ట్వీక్ చేయడం ఒక సహజమైన అనుభవంగా మారుతుంది.
PBS వెర్షన్ 3 లో, మీరు మీ మౌస్‌ను ఉపయోగించి అనేక విషయాలను సర్దుబాటు చేయగలరు. మీరు వ్యక్తిగత ఎలిమెంట్‌ల మధ్య మార్జిన్లు/ఖాళీలను, మీ కాలమ్‌ల లోపలి ప్యాడింగ్‌లను, అలాగే చిత్రాలు, ఐకాన్‌లు మరియు మ్యాప్‌ల పరిమాణాలను సర్దుబాటు చేయవచ్చు. సంఖ్యా విలువలను మార్చడానికి అనుమతించే బటన్లను కూడా మేము స్లైడర్‌లుగా మార్చాము.
ముఖ్యమైన కాన్సెప్ట్ #3: టెక్స్ట్‌ను సులభంగా స్టైల్ చేయగలగాలి
మీరు మీ మానిటర్ నుండి కాస్త వెనక్కి జరిగి చూస్తే, మీ వెబ్‌పేజీలలో మీరు జోడించే వాటిలో ఎక్కువ భాగం టెక్స్ట్ కంటెంటే అని మీరు గమనించవచ్చు. అవును, వాటితో పాటు చిత్రాలు మరియు ఐకాన్‌లు ఉన్నాయి – మరియు ఇటీవల మనం మన సైట్‌లలో పెద్ద చిత్రాలను జోడించే ధోరణి పెరిగింది. కానీ ముఖ్యమైన కంటెంట్‌లో ఎక్కువ భాగం టెక్స్టే: హెడ్డింగ్‌లు, బుల్లెట్ జాబితాలు, పేరాలు, కోట్స్ మొదలైనవి. దానితో పాటు మన డిజైన్‌లకు అనుగుణంగా మన టెక్స్ట్‌ను ఎలా స్టైల్ చేస్తామనేది కూడా ఉంది. మనం వాటి పరిమాణాలు మరియు రంగులను మారుస్తాము లేదా బోల్డ్ లేదా ఇటాలిక్ చేస్తాము. మన సంబంధిత పాఠకులకు మన కంటెంట్ మరింత సులభంగా చదవగలిగేలా, సంబంధితంగా మరియు ఆకర్షణీయంగా ఉండేందుకు ఇది ఉపయోగపడుతుంది.
మనం టెక్స్ట్‌ను తరచుగా స్టైల్ చేస్తాము కాబట్టి, స్టైల్‌లను మార్చడానికి అనుమతించే బటన్లు చాలా సులభంగా అందుబాటులో ఉండాలి. మనం మొదట తెరవాల్సిన పాప్-అప్ బాక్స్ లోపల అవి దాగి ఉండకూడదు. చాలా పేజ్ బిల్డర్లు ఈ సమస్యతో బాధపడుతున్నాయి. వాటి యూజర్ ఇంటర్‌ఫేస్ ‘చిందరవందర లేకుండా’ ఉందనిపించుకోవడానికి, ఎక్కువగా ఉపయోగించే ఆప్షన్‌లను కూడా కంటికి కనిపించకుండా దాచిపెడతారు.
దీన్ని పరిష్కరించడానికి, మేము సాధారణంగా ఉపయోగించే వర్డ్ ప్రాసెసర్‌లను పరిశీలించాము. టెక్స్ట్‌ను ఫార్మాట్ చేయడానికి స్క్రీన్ పైభాగంలో సాధారణంగా చాలా బటన్లతో కూడిన వరుస ఉంటుందని మేము గమనించాము మరియు వెర్షన్ 3 కోసం అదే లేఅవుట్‌ను తీసుకున్నాము. ఇప్పుడు మీ స్క్రీన్ పైభాగంలో ఎల్లప్పుడూ ఉండేలా అన్ని టెక్స్ట్ స్టైలింగ్ బటన్ల వరుసను మేము ఏర్పాటు చేసాము. ఇది స్టైలింగ్‌ను నిజంగా వేగవంతం చేస్తుంది మరియు టెక్స్ట్ ఎడిటింగ్‌లో ఎంతో సహజమైన అనుభూతిని ఇస్తుంది.
ముఖ్యమైన కాన్సెప్ట్ #4: అధునాతన స్టైలింగ్ ఆప్షన్‌లు ఫ్లెక్సిబుల్‌గా ఉండటంతో పాటు అర్థం చేసుకోవడానికి సులభంగా ఉండాలి
పేజ్ బిల్డర్ యొక్క ముఖ్య ఉద్దేశ్యం ఏమిటంటే, అది ప్రజలు అద్భుతమైన డిజైన్‌లను సులభంగా సృష్టించడానికి అనుమతించాలి. దీని అర్థం నేర్చుకోవడం కష్టతరం కాకుండా చూసుకుంటూనే, మేము అనేక విభిన్న సెట్టింగ్‌లు మరియు ఆప్షన్‌లను అందించాలి. మార్జిన్లు, ప్యాడింగ్‌లు మరియు టెక్స్ట్ స్టైలింగ్‌ను సర్దుబాటు చేయగలగడం గొప్ప విషయమే, కానీ అవి కొంతవరకే ఉపయోగపడతాయి. పనిని పూర్తి చేయడానికి మీకు బ్యాక్‌గ్రౌండ్ ఇమేజ్‌లు, ప్యాటర్న్‌లు, బోర్డర్‌లు, ఫిక్స్‌డ్ బ్యాక్‌గ్రౌండ్‌లు మరియు మరిన్ని విపులమైన ఆప్షన్‌లు అవసరం. ఆ విభిన్న సెట్టింగ్‌లన్నింటినీ పేర్చడం కొద్దిగా గందరగోళంగా అనిపించవచ్చు, కాబట్టి వెర్షన్ 3 లో విషయాలను మరింత సులభతరం చేయడానికి మేము వాటిలో కొన్నింటిని సరళీకృతం చేసాము మరియు వర్గాలుగా నిర్వహించాము.
ముఖ్యమైన కాన్సెప్ట్ #5: షార్ట్‌కోడ్ సపోర్ట్
చివరగా, మన పేజ్ బిల్డర్ వర్డ్‌ప్రెస్ ఆధారంగా పనిచేస్తుందనే విషయాన్ని మర్చిపోవద్దు. మనం ఆ ప్లాట్‌ఫారమ్‌ను మరియు దాని ఫీచర్లను స్వీకరించాలి తప్ప వాటిని పరిమితం చేయకూడదు లేదా వాటి నుండి వైదొలగకూడదు. వర్డ్‌ప్రెస్ అందించే ఒక పెద్ద ఫీచర్ షార్ట్‌కోడ్‌లు. దీని అర్థం మొత్తం కంటెంట్ అంతా షార్ట్‌కోడ్‌లతోనే ఉండాలని కాదు – అది గందరగోళంగా మారుతుంది – బదులుగా మనం వాటికి అనుకూలంగా (కంపాటబుల్) ఉండాలి. చాలా ప్లగిన్‌లు మరియు థీమ్‌లు షార్ట్‌కోడ్‌లను ఉపయోగిస్తాయి, మరియు వాటన్నింటినీ విస్మరిస్తే అది పెద్ద లోటే అవుతుంది. వాస్తవానికి, పేజీలను సృష్టించే విషయంలో షార్ట్‌కోడ్‌లు వినియోగదారులకు అత్యంత సౌలభ్యాన్ని అందిస్తాయి.
మేము కొన్ని వారాల క్రితం మా షార్ట్‌కోడ్ మ్యాపింగ్ సిస్టమ్‌ను ప్రవేశపెట్టాము, మరియు దాని కారణంగా మేము వందలాది ప్లగిన్‌ల నుండి వందలాది షార్ట్‌కోడ్‌లను మ్యాప్ చేసాము. వర్డ్‌ప్రెస్ ప్లగిన్ డైరెక్టరీలో కనిపించే అత్యంత ప్రజాదరణ పొందిన ప్లగిన్‌లకు మేము ప్రాధాన్యత ఇచ్చాము, కాబట్టి మీ స్వంత సైట్‌లలో మీరు వాటిని చూసే అవకాశాలు ఉన్నాయి. ఇది వెర్షన్ 3 లో మరింత బలోపేతం చేయబడింది, మరియు మేము భవిష్యత్తులోనూ దీన్ని మెరుగుపరచడం కొనసాగిస్తాము.
ముగింపు
మేము పైన పేర్కొన్న అన్ని ముఖ్యమైన అంశాలను తీసుకొని పేజ్ బిల్డర్ శాండ్‌విచ్ వెర్షన్ 3 లో రూపొందించాము. వర్డ్‌ప్రెస్ కోసం ఇప్పటివరకు మేము రూపొందించిన అత్యుత్తమ పేజ్ బిల్డర్ ఇది. ఇది మరింత సహజమైనది, వేగంగా పనిచేస్తుంది, ఉపయోగించడానికి మరింత సులభమైనది మరియు మునుపెన్నడూ లేనంత యూజర్-ఫ్రెండ్లీగా ఉంటుంది.
పేజ్ బిల్డర్ యొక్క ముఖ్యమైన ఫీచర్ గురించి మీకు ఏవైనా ఆలోచనలు ఉంటే, క్రింద కామెంట్ చేయడం ద్వారా మాకు తెలియజేయండి.