#14.모바일 상단 색상 넣는 방법!

2023. 1. 17.

by. 안다형

안녕하세요! 안다형입니다!

오늘은 모바일 상단에 색상을 넣는 방법을 알아보려고 합니다!

내 사이트와 잘 어울리는 색상으로 바꿔주면 훨씬 자연스럽고 예쁜 모바일 페이지로 만들 수 있습니다!!~ :)

위 이미지를 보시면 모바일 상단 색깔이 하얀색이죠.

제 사이트 전체적인 색상은 초록색인데 뭔가 저 부분도 초록색이면 더 잘 어울릴 것 같죠?

이번엔 그걸 해보려고 합니다!~

모바일 상단 색상 넣는 방법

가장 먼저 할 일은 FTP로 접속하여 테마폴더 내에 있는 head.sub.php 파일을 다운로드 하여 수정해주겠습니다!~

<!-- 모바일 상단 색깔 -->
<meta name="theme-color" content="#28A745">

모바일 상단에 색깔을 넣는 코드는 위와 같습니다.

메타태그를 추가하여 설정할 수 있는데요, 색상은 content=""내에 있는 색상코드만 바꿔주면 됩니다!

어렵지 않죠?~

head.sub.php 파일을 열어주고,<head> 아랫쪽에 아무데나 넣어주세요. </head> 전에만 넣어주면 됩니다!

이건 주석인데요, 주석을 넣어주는 이유는 나중에 알아보기도 편하도록 넣어주는 거에요!

수정하고 나면 이렇게 모바일 상단의 색깔이 변한 걸 확인할 수 있습니다.

생각보다 간단하고 쉽죠?~

모바일 페이지도 더 예쁘게 만들어보세요! :)

FTP 삭제 안되는 폴더 삭제하는 방법 (1)	2024.01.29
#15.안다형이 추천하는 웹호스팅, 도메인 업체 (0)	2023.01.21
#13.그누보드 index.php를 지웠다면 어떻게 해야할까요??!! (0)	2023.01.09
#12.그누보드 관리자 페이지 접속하는 법! (0)	2023.01.07
#11.그누보드 회원가입 입력 정보 관리하기! (0)	2021.07.30

맨 위로