ধরুন, আপনার ওয়ার্ডপ্রেস ইন্সটলেশন কোন কারনে ডাটাবেজ এর সাথে কানেক্ট করতে পারলো না। ফলে কি হবে? একটা এরর পেজ আসবে। এই এরর পেজটার সাথে যারা ওয়ার্ডপ্রেস নিয়ে কাজ করেন, তারা সবাই কম বেশি পরিচিত। সাদামাটা একটা পেজ, যেখানে বিশাল ফন্টে লেখা,
Error establishing a database connection

ব্যাপারটা খুব একটা কুল না। এমনিতেই সাইট কাজ করছে না তাই ইউজারের মেজাজ খারাপ, তার সাথে এই সাদামাটা পেজ তার বিরক্তি আরো বাড়িয়ে দেবে।
এখন, সেখানে যদি আপনি বেশ ইন্টারর্যাক্টিভ একটা পেজ ব্যবহার করেন? তাহলে কেমন হয়?
তো এই ভেবে একটু চেষ্টা করলাম কিছু করা যায় কিনা। CSS-Tricks এর একটা আর্টিকেলে পেলাম যা খুঁজতেছিলাম। ( খুঁজেই বের করতে হবে, কিচ্ছু করার নাই, দিনকাল ব্যাপক খারাপ 😛 )
আগে ডেমো দেখায়া নেই, জিনিস কেমন, এর পরে কামে বসুম।

দেখলেন তো? এইবার আসেন হাতে-কীবোর্ডে কইরা ফালাই। ঈদের পরের দিন, টাইম কম।
যে কোন যায়গায় একটা ব্লাংক ওরফে খালি ফাইল বানান, নাম দেন, db-error.php
দিছেন? এইবার নিচের কোডখানা কপি পেষ্ট করেন। তবে, যদি আপনি না জানেন আপনি কি করতেছেন, তাইলে যেমন আছে তেমন রাখেন, আর যদি আপনি কোডিং কেরামতি দেখাতে পারেন, নিজের মতো কইরা সাজায়া নেন। সেক্ষেত্রে মাথায় রাখেন, যেহেতু ডাটাবেজ এ কানেক্ট করতে পারতেছে না, ওয়ার্ডপ্রেস এর কোন ফাংশনালিটি এখানে কাজ করবে না।
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 |
<?php header('HTTP/1.1 503 Service Temporarily Unavailable'); header('Status: 503 Service Temporarily Unavailable'); header('Retry-After: 600'); // 1 hour = 3600 seconds ?> <!DOCTYPE HTML> <html> <head> <title>Oops, We have a Problem Mate</title> <style> body { background: #ffffff; } div.error { border: 1px solid #E9E9E9; padding: 2px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; width: 800px; margin: 0 auto; text-align: center; } h1 { border-bottom: 1px solid #dadada; clear: both; color: #666; font: 24px Georgia, "Times New Roman", Times, serif; margin: 30px 0 0 0; padding: 0; padding-bottom: 7px; } h2 { font-size: 16px; color: #898989; font: Georgia, "Times New Roman", Times, serif; font-weight: 600; } a { color: #21759b; text-decoration: none; } a:hover { color: #d54e21; } p { padding-bottom: 2px; font-size: 18px; line-height: 1.5; font: Georgia, "Times New Roman", Times, serif; } </style> </head> <body> <div class="error"> <h1> Sorry, There is a Problem </h1> <img src="http://i.imgur.com/MVAKu4Z.png" /> <p> Looks like We ran into a problem mate. If its happening for a while, Then be sure we are working on it.<br/> You can just wait a while and check back the homepage again. </p> <h2> Still Worried About it? Then Please feel free to drop us a mail at <a href="mailto:[email protected]"> admin@example.com </a></h2> </div> </body> </html> |
মেইল আইডীটা আপনার সার্ভিস/সাইট এর ইনফো আইডি/ বা নিজের আইডিতে চেঞ্জ করে দিতে পারেন। দেওয়া উচিত। দুই একজন দ্বায়িত্ববান ইউজার থাকলে আপনার সাহায্য করতে পারে।
এইবার এই ফাইলটা, আপনার ওয়ার্ডপ্রেস ইন্সটলেশন এর wp-content ফোল্ডার এর ভেতরে দিয়ে দেন। ব্যাস, কাজ শেষ। বাকিটা ওয়ার্ডপ্রেস নিজেই করবে। টেষ্ট করতে চাইলে, wp-config.php ফাইলে ডাটাবেজ এর নামটা চেঞ্জ করে দিয়ে দেখেন [ অবশ্যই যদি আপনি জানেন কি করতেছেন। ]
ডেমোর সাথে মূল কোডের পার্থক্য হলো, মাঝে একটা ইমেজ ঢুকিয়েছি। চাইলে বাদ দিতে পারেন। আর ফুল ফাইল ডাউনলোড করতে পারেন, ডাউনলোড ।
Useful! Working!! Thanks!!!
Welcome, Stay in touch 🙂