Django의 페이지 제목 및 Favicon

3487 단어 webdevdjangocsshtml
Django 웹 앱이 이미 설정되어 있다고 가정하고 Django 웹 사이트에 페이지 제목과 파비콘을 추가하는 방법을 바로 살펴보겠습니다.

이를 위해서는 두 줄의 코드만 필요합니다.

페이지 제목



페이지 제목부터 시작하겠습니다. 로컬 서버를 사용하는 경우 실행 시 이와 유사한 것이 있어야 합니다.



페이지 제목을 변경하려면 HTML 템플릿 맨 위에 다음 코드 줄을 추가합니다.

상단에 가져오기가 있는 경우 가져오기 뒤에 행을 추가하십시오.

이 예제에서는 내 앱 이름(DEVBALT)을 선택했습니다.


<title>DEVBALT</title>


 <!-- baltlogs.com-->



페이지를 새로 고치면 페이지 제목이 표시됩니다.



두 가지 방법이 있습니다. 기본 템플릿을 만들고 웹 사이트의 모든 페이지에 대해 하나의 페이지 제목을 지정하거나 페이지에 따라 각 템플릿에 페이지 제목을 추가할 수 있습니다.

예를 들어 내 웹사이트의 모든 페이지에 내 웹사이트 이름(DEVBALT)을 표시하도록 선택했습니다. 그러나 연락처 페이지에 CONTACT, 블로그 페이지에 BLOG 등을 표시하도록 선택할 수 있습니다.

파비콘



파비콘을 다루겠습니다.

Django는 favicon을 쉽게 추가할 수 있는 다양한 HTML 템플릿을 사용합니다. 그러나 아래 줄은 작동하지 않습니다.


<title>DEVBALT</title>

<link rel="shortcut icon" type="image/png" href="img/favicon.png">


 <!-- baltlogs.com-->



먼저 웹 사이트에 대한 정적 파일을 설정해야 합니다.

이미 이 작업을 수행한 경우 이 부분을 건너뛸 수 있습니다.

그렇지 않은 경우 아래 자습서에 따라 정적 파일을 설정하십시오.

Static Files Setup

정적 폴더 내에 img라는 새 폴더를 만듭니다.

favicon 파일(png 또는 기타 허용되는 형식)을 img 폴더로 이동합니다.

브라우저에 따라 웹사이트 이름 옆에 기본 아이콘이 표시됩니다.

Google 크롬을 사용하는 경우 웹사이트 이름 옆에 기본 아이콘으로 행성이 표시됩니다.

이전에 표시된 줄을 다음으로 변경합니다.


<title>DEVBALT</title>

<link rel="shortcut icon" type="image/png" href="{% static 'img/favicon.png' %}">


 <!-- baltlogs.com-->



위 줄에서 Django가 이해하는 방식으로 favicon 파일의 경로를 추가했습니다.

이제 웹사이트를 새로고침하면 파비콘이 나타나는 것을 볼 수 있습니다.





Registration Page using UserCreationForm (Django) – Part 1

Registration Page using UserCreationForm (Django) – Part 2

좋은 웹페이지 즐겨찾기