تبلیغات
طراحی و بهینه سازیمشاهده

هاست

ساخت صفحه 404 در وردپرس بصورت سفارشی

مقالات,آموزش,ترفند , وردپرس

درود بر شما. در مقاله قبل نحوه کارکرد خطای 404 و اینکه اصلا این خطا چی هست و چه بلایی سر سئوی سایت وردپرسی ما توی گوگل میاره توضیحات تقریبا کافی رو دادم. اما امروز قصد داریم صفحه ۴۰۴ سایت وردپرسی خودمون رو سفارشی کنیم. پس بریم سراغ ساخت صفحه 404 در وردپرس اون‌هم بصورت سفارشی! چه شود!

 

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

 

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

برای ساخت صفحه 404 در وردپرس باید با اصول طراحی قالب وردپرس و کد‌های وردپرس آشنا باشید. چون نیاز هست کمی کدهای سایت رو تغییر بدیم. برنامه نویسی وردپرس رو بلد نیستید؟! حداقل HTML و CSS رو یاد بگیرید.

 

اول از هر چیزی باید وارد بخش نمایش > ویرایشگر در پنل مدیریت وردپرس خودتون بشید.

ساخت صفحه 404 در وردپرس بصورت سفارشی

اگر به این بخش دسترسی ندارید پس وارد فایل منیجر هاست شده و پوشه wp-content/themes رو باز کنید.

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

ساخت صفحه 404 در وردپرس بصورت سفارشی

نکته: اگر این فایل در لیست فایل‌های قالب شما وجود نداشت باید وارد فایل منیجر هاست یا اف تی پی شوید. سپس پوشه public_html > wp-content > themes را باز کرده و در پوشه قالب سایتتان یک فایل خالی به نام 404.php ایجاد کنید.

 

شروع تغییرات در فایل 404

برای تغییر دادن این فایل بهتر هست تمام کد‌های این فایل را حذف کنید و برای تست کردن کارکرد فایل یک متن تست مثلا Hello World در این فایل تایپ کنید.

 

حالا وارد یکی از خطاهای ۴۰۴ سایتتون بشید. برای باز کردن خطای ۴۰۴ مثلا این آدرس رو وارد کنید: www.20script.ir/error404check

 

با اینکار صفحه ۴۰۴ به شما نمایش داده خواهد شد. یعنی عبارت Hello World

 

قالب‌های آماده برای خطای ۴۰۴

حالا که فایل رو تست کردیم پس بریم سراغ پیدا کردن چند قالب شیک برای خطای ۴۰۴ سایت کافیه عبارت 404 error html template رو توی گوگل سرچ کنید تا قالب‌های بی‌شماری رو پیدا کنید. یکی از این قالب‌های HTML رو دانلود کنید.

 

حالا کافیه فایل‌های سی اس اس و جاوا اسکریپت این قالب‌ها رو بصورت inline در کدهای HTML اضافه کنید. سپس کل کد‌ها رو توی فایل 404.php قرار بدید و ذخیره کنید.

 

به همین راحتی! صفحه 404 وردپرس شما ساخته شد.

لطفا به این مطلب امتیاز بدید


دانلود


هاست مناسب برای تمامی اسکریپت های 20script MyHBD.net >

هاست
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس

لینک کوتاه مطلب : https://www.20script.ir/?p=45637

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,824ایجاد فاصله زمانی بین ارسال پست و آپدیت RSS تاریخ : 2017/03/3
4,488سئو وردپرس با متا تگ های Open Graph تاریخ : 2018/04/11
1,136افزودن اندازه جدید به تصاویر در وردپرس تاریخ : 2019/11/15
3,419استفاده از استایل دلخواه در مطالب وردپرس با افزونه WP Add Custom CSS تاریخ : 2017/12/4
8,577باز نشدن دسته های وردپرس تاریخ : 2015/08/8
1,480ستون بندی محتوا در وردپرس با افزونه Lightweight Grid Columns تاریخ : 2019/03/13
2,188افزونه ووکامرس برای بارگذاری محصولات Load More Products تاریخ : 2018/11/13
1,184افزودن شماره تلفن و اسکایپ با قابلیت برقراری ارتباط در وردپرس تاریخ : 2019/05/13
944اضافه کردن فرم جستجو به سایت وردپرس با افزونه Ivory Search تاریخ : 2019/10/20
812افزودن لینک سفارشی به نوار ابزار وردپرس تاریخ : 2019/08/25
1,464نمایش همه پست های وردپرس در یک صفحه تاریخ : 2019/03/2
43,603افزونه وردپرس سئو حرفه ای WordPress SEO Yoast تاریخ : 2015/03/8
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب