قالب اختصاصی صفحه خطا 404

همونطور که خودتون می دونید ، اگر کاربران آدرس یک صفحه از سایت رو که در سایت وجود نداره یا این که صفحه حذف شده  باشه رو در آدرس بار وارد کنند ، اگر برای سایت ما خطا 404 تعریف شده باشد ، کاربر به یک صفحه هدایت میشه که داخلش توضیح داده همچین صفحه ای وجود نداره یا ممکن هستش که این صفحه از قالب خوده سایت ما استفاده کنه مثل اغلب سایت هایی که با وردپرس کار می کنند.امروز برای شما یک قالب اختصاصی صفحه خطا 404 برای دانلود به همراه یک سری توضیحات قراردادیم.

خطا 404 (error 404) چیست ؟

به دلیل وجود نداشتن آدرس صفحه درخواست شده توسط کاربر ، خطای 404 نشان داده می شود.

چگونه صفحه خطا 404 رو اختصاصی کنیم ؟

شاید ممکن باشد توسط کدهای htaccess خطا 404 رو تعریف کنید و آدرس فایل 404 رو بدید و یا  فایل 404 که به صورت پیش فرض ممکن است در هاست های مختلف وجود داشته باشد و شما فقط باید ویرایش کنید.

تغییر صفحه خطا 404 وردپرس

برای اختصاصی کردن صفحه خطا 404 در وردپرس به پوشه قالب خود رفته و کدهایی که در زیر قرار میدیم رو بجای تمام کدهای فایل 404.php  قرار بدید.

قالب اختصاصی صفحه خطا 404

کدهای html زیر رو طبق توضیحات بالا در فایل مورد نظر قرار بدید.همچنین در انتها کدها رو داخل فایل زیپ برای دانلود هم قرار دادیم.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>صفحه مورد نظر پیدا نشد !</title>
<style>
a{color:#FFF;text-decoration:none;}a:hover, a:active{color:#A4A4A4;}
</style>
</head>
<body>
<div align="center">
<div style="border: 1px solid #DFDFDF;text-align:center;width:670px;margin-top:10%;padding:5px;font-family:Tahoma;font-size:10pt" dir="rtl">
<div style="background:url(404.png);width:670px;height:452px;">
<div style="font-weight:bold;padding-top:320px;color:white"><a href="http://doctorwp.com">برگشت به سایت</a></div>
</div>
</div>
</div>
</body>
</html>

فقط چند نکته رو دقت کنید.داخل کدها عکس پیش زمینه داخل قالب روی هاست سایت ما آپلود شده که اگر دوست داشتید منتقل کنید هاست خودتون و آدرس عکس رو ویرایش کنید.همچنین آدرس لینک سایت هم ویرایش کنید و لینک صفحه اول سایت خودتون رو قرار بدید.

دانلود قالب صفحه خطا 404

پیش نمایش قالب

دانلود قالب

امتیاز شما برای این مقاله
23 نظرات
  1. حامد می گوید

    عالی بود …متشکرم!

  2. شایان می گوید

    سلام و عرض تشکر به شما بابت سایتی که دارید و زحماتی که میکشید

    من یه مشکل دارم اینکه عکس رو نمیتونم بیارم
    روی سایتم هم آپلود کردم نمیدونم آدرس عکس رو کجای این کد قرار بدم؟
    تشکر

    1. آرش حیدری می گوید

      سلام
      کدها رو نگاه کنید
      آدرس عکس 404.png هستش که باید کنار همین فایل ها باشه تو لود بشه . اگر نه آدرس کامل وارد کنید .
      با احترام

  3. reza می گوید

    خیلی خوب بود

  4. سیدمحمود می گوید

    سلام ممنون

    من این فایل دانلودی شما رو تویه قالب فعلی سایتم اپلود و ایکسترک کردم متاسفانه کار نکرد بهم

  5. سایت سکه می گوید

    ممنون بابت مطلب خوبتون . عالی بود .

  6. یک جوان می گوید

    من ازاموزش شما استفاده کردم یه موقع میاد یه موقع هم نمیاد دلیلش چیه؟؟همه چی درسته مطمئنم الانم بالا نمیاد

  7. Reza می گوید

    عالی بود… من خیلی دنبال این موضوع میگشتم

  8. معصومه هاشمی طاهری می گوید

    باز هم ممنون.

  9. مهدی می گوید

    سلام. میخواستم بدونم چطوری میشه برای خطای 403 توی ووردپرس هم یک قالب اختصاصی درست کرد؟

  10. jalal می گوید

    سلام
    من فایل php ذخیره کردم ولی عکس رو نیاورد مسیر رو درست وارد کردم نیاورد ولی رنگ انتخاب می کنم میاره دیگه ناچار اینجا اومدم لطفا راهنمایی کنید
    cms=wordpress

    1. آرش حیدری می گوید

      سلام
      راست کلیک کنید source صفحه رو باز کنید ببینید بجای آدرس تصویر چی نوشته خوب …

  11. محمد می گوید

    من کدها رو جایگزین کردن ولی در نمایش فقط کدها رو نشون میداد نه چیز دیگه

    1. آرش حیدری می گوید

      سلام
      اشتباه انجام دادید .

  12. مهیار منتظر می گوید

    من اگه قالب سایتم این صفحه 404 رو نداشته باشه و بخوام بهش اضافه کنم،باید چیکار کنم؟

    1. آرش حیدری می گوید

      با توجه به سیستم مدیریت محتواتون هستش ، اگر وردپرس هستش صفحه 404.php رو باید به قالب اضافه کنید …

  13. سپند جمشیدپور می گوید

    دستت درد نکنه.
    دنبالش میگشتم.
    در ضمن اگه میشه کد چنتا صفحه 404 دیگه هم بزار.
    بازم ممنون

  14. Sajad می گوید

    سلام
    این صفحه 404 مال سایت ساز رزبلاگ بوده و خوب نیست که این صفحه رو بدون منبع بزارید :)

    1. آرش حیدری می گوید

      سلام ، شما درست میگید ، فراموش شده که منبع رو ذکر کنیم که شما یادآوری کردید.
      سپاس

  15. amir می گوید

    مرسی

  16. علی صالحی می گوید

    :)

  17. علی می گوید

    سپاس !

  18. onlyiran می گوید

    یسیار آموزش کارایی بود و منتظرآموزشهای بیشتری از سایت شما هستیم.
    :)

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.