사용자 지정 404 오류 페이지를 만드는 방법
이 자습서에서는 웹 사이트/블로그에 사용자 지정 404 오류 페이지를 추가하는 방법을 배웁니다. 다음으로 404 오류 페이지의 제목을 변경하고 Google에서 색인을 생성하지 않도록 하는 방법에 대해 설명합니다.
사용자 지정 404 오류 페이지를 추가하는 방법
WordPress 웹사이트/블로그에 사용자 지정 404 오류 페이지를 추가하는 단계는 다음과 같습니다.
1.먼저 워드프레스 대시보드에 로그인합니다.
2. 모양 > 테마 편집기로 이동합니다.
3. 테마 편집기에서 404.php 옵션을 찾아 클릭합니다.
4. 이제 페이지에 다음 코드를 복사하여 붙여넣습니다.
<?php get_header(); ?>
<img src="https://i.ibb.co/W6tgcKQ/softcodeon.gif">
<title>Page Not Found</title>
<h1 class="error-text">Whoops, We can't seem to find the resource you're looking for.</h1>
<p class="text">Please check that the Web site address is spelled correctly.Or,</p>
<div class="button">
<a class="error" href="#">Go to Homepage</a>
</div>
<style>
*{padding:0;margin:0;background:#f0f0f0;}
img{display: block;
margin-left: auto;
margin-right: auto;}
.button{text-align:center;}
.text{text-align:center;font-size:20px;margin-bottom:40px;}
.error-text{text-align:center;padding:20px; font-family: Cursive;
} .error{font-family: 'Roboto', sans-serif;font-size:1.5rem;text-decoration:none;padding:15px;background:#6200ee;color:#fff;border-radius:10px;}
</style>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
마지막으로 "파일 업데이트"버튼을 누릅니다.
참고: 위의 코드에 추가한 것과 동일한 클래스가 있는 경우 원하는 고유한 클래스로 변경하십시오. 배경색 추가, 이미지 또는 Gif 변경, 글꼴 패밀리 수정 및 오류 페이지 텍스트를 추가하여 스타일을 사용자 지정할 수도 있습니다.
Google 및 기타 검색 엔진이 블로그의 404 오류 페이지를 인덱싱하지 못하도록 하려면 이 가이드를 따라 알아보세요.
자세한 내용은 공식 웹 사이트Create 404 Error page에서 확인하십시오. 404 오류 페이지에 다른 최상의 페이지 링크를 추가하는 것이 좋습니다.
보기 위해DEMO
이 가이드가 웹 사이트 블로그의 404 오류 페이지를 사용자 지정하는 데 도움이 되기를 바랍니다. 이 간단한 404 오류 페이지에 대해 질문이 있는 경우 아래에서 논의하십시오.
Reference
이 문제에 관하여(사용자 지정 404 오류 페이지를 만드는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/softcodeon/how-to-create-custom-404-error-page-2ghb
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<?php get_header(); ?>
<img src="https://i.ibb.co/W6tgcKQ/softcodeon.gif">
<title>Page Not Found</title>
<h1 class="error-text">Whoops, We can't seem to find the resource you're looking for.</h1>
<p class="text">Please check that the Web site address is spelled correctly.Or,</p>
<div class="button">
<a class="error" href="#">Go to Homepage</a>
</div>
<style>
*{padding:0;margin:0;background:#f0f0f0;}
img{display: block;
margin-left: auto;
margin-right: auto;}
.button{text-align:center;}
.text{text-align:center;font-size:20px;margin-bottom:40px;}
.error-text{text-align:center;padding:20px; font-family: Cursive;
} .error{font-family: 'Roboto', sans-serif;font-size:1.5rem;text-decoration:none;padding:15px;background:#6200ee;color:#fff;border-radius:10px;}
</style>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Reference
이 문제에 관하여(사용자 지정 404 오류 페이지를 만드는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/softcodeon/how-to-create-custom-404-error-page-2ghb텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)