𝗥𝗲𝗯𝘂𝗶𝗹𝗱𝗶𝗻𝗴 𝗮 𝗗𝗶𝘃𝗶 𝗕𝗹𝗼𝗴 𝘄𝗶𝘁𝗵 𝗖𝘂𝘀𝘁𝗼𝗺 𝗦𝗵𝗼𝗿𝘁𝗰𝗼𝗱𝗲𝘀
నేను ఇటీవల WordPress, Divi మరియు Cloudways ఉపయోగించి Rev6 అనే ఫిట్నెస్ ప్లాట్ఫారమ్ కోసం బ్లాగ్ను రీడిజైన్ చేశాను.
నేను స్టాండర్డ్ Divi Blog మాడ్యూల్ను ఉపయోగించలేదు. కస్టమ్ URL రూటింగ్ మరియు మెంబర్షిప్ ఫీచర్లకు అవసరమైన నియంత్రణ (control) అందులో లేదు. దానికి బదులుగా, నేను చైల్డ్ థీమ్లో కస్టమ్ షార్ట్కోడ్ల వ్యవస్థను రూపొందించాను.
ఈ విధానం లాజిక్ను పేజీ బిల్డర్ డేటాబేస్లో దాచకుండా, వెర్షన్ చేయబడిన PHPలో ఉంచుతుంది.
ఈ సెటప్లో ఈ క్రింది షార్ట్కోడ్లను ఉపయోగిస్తాను:
- [rev6_blog_sidebar] నావిగేషన్ మరియు సెర్చ్ కోసం
- [rev6_sort_dropdown] సార్టింగ్ కోసం
- [rev6_post_grid] లేఅవుట్ కోసం
- [rev6_author_bar] బైలైన్ (byline) కోసం
- [rev6_author_bio] ఆథర్ సెక్షన్ కోసం
- [rev6_related_posts] మరిన్ని వివరాల కోసం
ఈ నిర్మాణ ప్రక్రియ నుండి నేను నేర్చుకున్న సాంకేతిక అంశాలు ఇక్కడ ఉన్నాయి:
సోమరితనంతో కూడిన CSS grid హ్యాక్లను నివారించండి సైడ్బార్ మొత్తం పేజీని ఆక్రమించేలా చేయడానికి నేను ఒకసారి "grid-row: 1 / span 999" ఉపయోగించాను. ఇది వేల సంఖ్యలో ఖాళీ రోలను మరియు భారీ వైట్స్పేస్ను సృష్టించింది. దానికి బదులుగా 'named grid areas' ఉపయోగించండి. ఇది మరింత శుభ్రంగా మరియు సురక్షితంగా ఉంటుంది.
మీ కోడ్కు ముందే మీ డేటాను తనిఖీ చేయండి కనిపించని "related posts" సెక్షన్ను డీబగ్ చేయడానికి నేను చాలా సమయం వృధా చేశాను. కోడ్ అద్భుతంగా ఉంది, కానీ సమస్య డేటాలో ఉంది. ఆ కేటగిరీలో కేవలం ఒకే పోస్ట్ ఉంది. నా కోడ్ ప్రస్తుత పోస్ట్ను మినహాయించింది, దీనివల్ల ఫలితాలు సున్నాగా వచ్చాయి. మీ ఫంక్షన్లలో బగ్స్ కోసం వెతకడానికి ముందే ఎల్లప్పుడూ మీ డేటాబేస్ కంటెంట్ను ధృవీకరించండి.
ఫైల్లు మరియు డేటాబేస్ మధ్య ఉన్న తేడాను అర్థం చేసుకోండి నేను స్టేజింగ్ నుండి లైవ్ వెర్షన్కు మైగ్రేట్ చేసినప్పుడు, లేఅవుట్ తప్పుగా కనిపించింది. నేను దానిని CSSతో సరిచేయడానికి ప్రయత్నించాను, కానీ అది విఫలమైంది. ఇంపోర్ట్లు టెంప్లేట్లను మాత్రమే మారుస్తాయి, డేటాబేస్ కంటెంట్ను కాదు. మాడ్యూల్ వెడల్పులు మరియు పోస్ట్ అసైన్మెంట్లు వంటివి డేటాబేస్లో ఉంటాయి. మైగ్రేషన్ తర్వాత లేఅవుట్ మారితే, స్టైల్షీట్ను కాకుండా డేటాబేస్ను తనిఖీ చేయండి.
పూర్తి డేటాబేస్ను ఎప్పుడూ ప్రొడక్షన్కు పుష్ చేయకండి పూర్తి సింక్ (full sync) చేయడం వల్ల ఆర్డర్లు మరియు రిజిస్ట్రేషన్ల వంటి నిజమైన యూజర్ డేటా ఓవర్రైట్ అవుతుంది. మొత్తం డేటాను పంపే బదులు, అవసరమైన వాటిని మాత్రమే పంపే టార్గెటెడ్ ట్రాన్స్ఫర్లను ఉపయోగించండి.
క్యాచీ (Cache) అనేది మొదటి మెట్టు ఆప్టిమైజ్ చేయబడిన సైట్లలో, CSS ఆప్టిమైజేషన్ టూల్స్ తరచుగా ఉపయోగించబడటం లేదని భావించే స్టైల్స్ను తొలగిస్తాయి. మీ స్టైల్స్ సగం మాత్రమే అప్లై అయినట్లు అనిపిస్తే, ముందుగా మీ క్యాచీని క్లియర్ చేసి, మీ CSSని రీజనరేట్ చేయండి.
రీడిజైన్ ఇప్పుడు లైవ్లో ఉంది. ఇది క్లీన్ ఎడిటోరియల్ లేఅవుట్ మరియు కస్టమ్ ఆథర్ సిస్టమ్ను కలిగి ఉంది. కోడ్ రాయడం సులభమైన భాగం, కానీ ఈ వాతావరణం (environment) నాకు నిజమైన పాఠాలను నేర్పింది.
Source: https://dev.to/highcenburg/rebuilding-a-divi-blog-with-custom-shortcodes-a-field-report-141g