반응형
페이지당 문서 제목을 설정하는 방법
실제로 사용하고 있는 것은pages/_document.js추가할 후크Bootstrap그리고.jQuery내 페이지로 이동합니다.<Head>
export default class MyDocument extends Document {
render() {
return (
<html>
<Head>
<title>Default title</title>
<link rel="stylesheet" href="/static/lib/bootstrap3/css/bootstrap.min.css" />
</Head>
<body>
<Main/>
<NextScript/>
<script src="/static/lib/jquery3/jquery-3.3.1.min.js" />
<script src="/static/lib/bootstrap3/js/bootstrap.min.js" />
</body>
</html>
)
}
}
이제 내 페이지에 다른 제목을 설정하려고 합니다.사용할 수 있습니까?<Head>을 벗어나서Document내 말은...<div>다음과 같습니다.
const ContactPage = () => {
return (
<div>
<Head>
<title>You better contact us!</title>
</Head>
<div className="page-body">...</div>
</div>
)
}
또한 가능한 경우 에서 이미 설정되어 있는 것을 덮어쓰거나 병합합니까?pages/_document.js?
를 사용하고 싶다.next/head컴포넌트:
import Head from 'next/head'
export default () =>
<div>
<Head>
<title>My page title</title>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
</Head>
<p>Hello world!</p>
</div>
다음 문서를 참조하십시오.https://nextjs.org/docs/api-reference/next/head
언급URL : https://stackoverflow.com/questions/52170634/how-to-set-documents-title-per-page
반응형
'programing' 카테고리의 다른 글
| 약속을 돌려주는 유닛 테스트 서비스 Angularjs Jasmine (0) | 2023.03.27 |
|---|---|
| WooCommerce 함수 wc_get_template() 수정 (0) | 2023.03.27 |
| 이벤트 핸들러를 사용하는 정적 HTML 요소를 수정하려면 역할이 필요합니다. (0) | 2023.03.22 |
| 함수의 워드프레스 var_dump.php (0) | 2023.03.22 |
| 유형을 사용하려면 JSON 개체(예: {"name" ""value"")가 필요하므로 JSON 어레이(예: [1,2,3])를 유형 '으로 역직렬화할 수 없습니다. (0) | 2023.03.22 |