আসসালামু আলাইকুম। কেমন আছেন আপনারা সবাই আশা করছি আপনারা ভালোই আছেন।
আজকে আমি আপনাতের জন্য আরো একটি বিষয় নিয়ে লিখতে বসেছি কীভাবে আপনি আপনার ওয়াপকিজ সাইটের ইরোর error পেইজটি কাস্টমাইজ করবেন মানে আপনি নিজের মনের মতো করে কীভাবে wapkiz এ কাষ্টম ইরোর পেইজ বানাবেন।
তো কীভাবে কাষ্টম ইরোর পেইজ বানাবেন ওয়াপকিজে সেটি দেখে নিন।
কেনো ইরোর পেইজ বানাবেনঃ ওয়াপকিজ সাইটে সাধারন ভাবে যদি কোনো URL ভুল থাকে তবে সেটি একটি Error পেইজে নিয়ে যায় কিন্তু সেটি আমাদের ভালো নাও লাগদে পারে।
কিন্তু আপনি যদি চান কবে আপনি আপনার সাইটের ইরোর পেইজটি খুব সহজেই কাস্টমাইজড করবেন সেটি খুবই সহজ এবং আপনি আপনার মনের মতো করে সাজাতে পারবেন।
এখন আপনি ইরোর পেইজে আপনার নিজের অ্যাড বসাতে পারবেন এমনকি আপনি ইউজারদের আপনার সাইটে ফিরে যাওয়ার জন্য অনুরোধ করতে পারবেন।
তো আপনি নিশ্চয় ভাবতেছেন তাহলে তো অনেক ভালো হয়। আমি বলছি ওয়াপকিজ এডমিন এই সিষ্টেমটি চালু করাতে অনেক উপকার হয়েছে ওয়াপকিজ ব্যবহারকারিদের।
কীভাবে কাষ্টম ইরোর পেইজ বানাবেনঃ কাষ্টম ইরোর পেইজ বানাতে আপনাকে প্রথমে ওয়াপকিজ এডমিন প্যানেলে লগইন করুন। লগইন করার পর প্যানেল মোডে যান এবার দেখুন
এখানে একটি অপশন আছে 404 Error costom page এই অপশনে ক্লিক করুন।
তারপর এখানে দেখুন একটি কোড বক্স এসেছে এখানে আপনি আপনার এইচটিএমএল HTML কোড দিয়ে একটি কাষ্টম পেইজ বানিয়ে দিন।
যেভাবে আপনি একটি পেইজ বানান সেভাবে এখানে কোড দিয়ে বানিয়ে ফেলুন কাষ্টম ইরোর পেইজ।
দেখুন আমি কোড দিয়ে সেইভ দিয়েছি।
%default%
%redirect_home%
Note: only html simple code supported! Redirect to homepage use this code only: %redirect_home% for default 404 error code: %default%
Custom 404 Error Page Code
<title>404 Page Not Found</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f8f9fa;
text-align: center;
padding: 50px;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
font-size: 48px;
color: #343a40;
}
p {
font-size: 18px;
color: #6c757d;
}
.search-box {
margin: 20px 0;
}
input[type="text"] {
padding: 10px;
width: 70%;
border: 1px solid #ced4da;
border-radius: 5px;
margin-right: 10px;
}
.btn {
padding: 10px 20px;
border: none;
background: linear-gradient(45deg, #f093fb, #f5576c, #4facfe, #00f2fe);
background-size: 300% 300%;
color: #fff;
border-radius: 5px;
cursor: pointer;
transition: background-position 0.5s ease;
}
.btn:hover {
background-position: right center;
}
.links {
margin-top: 20px;
}
.links a {
color: #007bff;
text-decoration: none;
margin: 0 10px;
}
.links a:hover {
text-decoration: underline;
}
</style>
<div class="container">
<h1>404</h1>
<p>Oops! The page you are looking for does not exist.</p>
<div class="search-box">
<input type="text" placeholder="Search...">
<button class="btn">Search</button>
</div>
<div class="links">
<a href="/">Home</a>
<a href="https://www.daudbd.com/p/contact.html">Contact Us</a>
<a href="https://www.cinebaz.top">CineBaz</a>
</div>
</div>Changed Site Url
তো পোষ্টটি আপনার কেমন লেগেছে সেটি জানি না তবে আমার মনে হয় আপনার পোস্টটি আপনার ভালো লেগেছে।
তো সবাই ভালো থাকবেন সুস্থ থাকবেন দেখা হবে আগামি পোষ্টে।
পোষ্টটি পড়ার জন্য ধন্যবাদ