कस्टम शॉर्टकोड्ससह Divi ब्लॉगची पुनर्रचना

मी अलीकडेच WordPress, Divi आणि Cloudways वापरून Rev6 या फिटनेस प्लॅटफॉर्मसाठी ब्लॉगची पुनर्रचना केली.

मी यासाठी स्टँडर्ड Divi Blog मॉड्यूल वापरले नाही. कस्टम URL राउटिंग आणि मेंबरशिप फीचर्ससाठी आवश्यक असलेले नियंत्रण त्यात नसते. त्याऐवजी, मी चाइल्ड थीममध्ये (child theme) कस्टम शॉर्टकोड्सची एक प्रणाली तयार केली.

या पद्धतीमुळे लॉजिक पेज बिल्डर डेटाबेसमध्ये लपवून ठेवण्याऐवजी व्हर्जन केलेल्या PHP मध्ये राहते.

या सेटअपमध्ये खालील शॉर्टकोड्स वापरले आहेत:

  • [rev6_blog_sidebar] नेव्हिगेशन आणि सर्चसाठी
  • [rev6_sort_dropdown] सॉर्टिंगसाठी
  • [rev6_post_grid] लेआउटसाठी
  • [rev6_author_bar] बायलाईनसाठी
  • [rev6_author_bio] लेखक विभागासाठी
  • [rev6_related_posts] अधिक वाचण्यासाठी

या कामातून मला मिळालेले तांत्रिक निष्कर्ष खालीलप्रमाणे आहेत:

  1. आळशी CSS ग्रिड हॅक्स टाळा एकदा मी साइडबार संपूर्ण पेजवर पसरवण्यासाठी "grid-row: 1 / span 999" वापरले होते. यामुळे हजारो रिकाम्या ओळी (rows) आणि प्रचंड व्हाईटस्पेस तयार झाला. त्याऐवजी 'named grid areas' वापरा. ते अधिक स्वच्छ आणि सुरक्षित आहे.

  2. कोड तपासण्यापूर्वी तुमचा डेटा तपासा मी "related posts" विभाग का दिसत नाहीये, हे शोधण्यात बराच वेळ घालवला. कोड अगदी अचूक होता. समस्या डेटा मध्ये होती. त्या कॅटेगरीमध्ये फक्त एकच पोस्ट होती. माझ्या कोडने सध्याची पोस्ट वगळली होती, ज्यामुळे निकाल शून्य आले. तुमच्या फंक्शन्समध्ये बग शोधण्यापूर्वी नेहमी तुमच्या डेटाबेसवरील मजकूर तपासा.

  3. फाइल्स आणि डेटाबेस मधील फरक समजून घ्या जेव्हा मी स्टेजिंगवरून (staging) लाईव्हवर स्थलांतर (migrate) केले, तेव्हा लेआउट चुकीचा दिसत होता. मी CSS ने तो सुधारण्याचा प्रयत्न केला, पण तो अयशस्वी ठरला. समस्या अशी होती की, इम्पॉर्ट्स (imports) फक्त टेम्पलेट्स हलवतात, डेटाबेस कंटेंट नाही. मॉड्यूलची रुंदी आणि पोस्ट असाइनमेंट यांसारख्या गोष्टी डेटाबेसमध्ये असतात. जर स्थलांतरानंतर लेआउट बदलला असेल, तर स्टाईलशीटऐवजी डेटाबेस तपासा.

  4. पूर्ण डेटाबेस कधीही प्रोडक्शनवर पुश करू नका पूर्ण सिंक (full sync) केल्यामुळे ऑर्डर्स आणि रजिस्ट्रेशन यांसारखा वापरकर्त्यांचा खरा डेटा ओव्हरराईट होऊ शकतो. सर्व काही एकाच वेळी पुश करण्याऐवजी केवळ आवश्यक गोष्टींचे ट्रान्सफर करा.

  5. कॅश (Cache) ही पहिली पायरी आहे ऑप्टिमाइझ केलेल्या साइट्सवर, CSS ऑप्टिमायझेशन टूल्स अनेकदा न वापरले जाणारे स्टाइल्स काढून टाकतात. जर तुमचे स्टाइल्स अर्धवट दिसत असतील, तर प्रथम तुमचा कॅश क्लिअर करा आणि CSS पुन्हा जनरेट करा.

ही पुनर्रचना आता लाईव्ह आहे. यामध्ये एक स्वच्छ एडिटोरियल लेआउट आणि कस्टम लेखक प्रणाली आहे. कोड लिहिणे सोपे होते, पण प्रत्यक्ष वातावरणाने (environment) मला खऱ्या धड्यांमधून शिकवले.

स्रोत: https://dev.to/highcenburg/rebuilding-a-divi-blog-with-custom-shortcodes-a-field-report-141g