오늘은 모바일 브라우저의 주소창 부분(URL이 표시되는 부분)의 색상을 변경하는 방법을 알아보자.
모바일 브라우저의 주소창 부분이 어디를 말하는 것인지 잘 이해를 못할 수도 있으니 주소창의 색상이 이미 변경된 캡처 이미지부터 올려봤다.
위의 이미지처럼 모바일 브라우저의 가장 윗부분, 주소창에 해당하는 부분의 색상을 원하는 대로 변경할 거다.
(이전에도 설명했지만, 이 블로그의 URL을 모자이크 처리한 이유는 혹시라도 나중에 다른 URL로 변경할 수도 있으니 모자이크를 한 것 뿐이다.)
주소창의 색상을 변경하기 전의 모바일 브라우저에서 표시되는 나의 블로그의 모습이다.
이제부터 주소창의 색상을 변경해서 다른 웹사이트나 블로그에서는 잘 신경 쓰지 않는 부분까지 신경 쓴다는 유니크한 느낌을 주도록 해보자
방법은 아주 간단하다.
구글 블로그 관리 페이지에서 '테마' > 'HTML 편집'으로 이동한다.
<meta content='색상 코드' name='theme-color'/>그리고 이와 같은 meta 태그를 <head> 태그의 시작과 끝 사이에 넣으면 된다.
meta 태그들이 모여있는 곳에 적당한 위치에 넣고 저장하자. (위의 이미지 참고)
성공이다 🎉
아주 간단한 단 한 줄의 HTML 코드로 내 블로그를 이렇게 특별하게 만들 수 있다.
참고로 스마트폰의 설정으로 자체 다크모드가 켜져 있는 상태라면 이 설정이 적용되지 않고, 무조건 검정색으로 보인다.
그리고 어떤 모바일 브라우저를 사용하는지에 따라 이 방법은 아무런 효과가 없을 수도 있다.
위에 캡처한 이미지에서 사용한 브라우저는 크롬 브라우저고, 네이버 앱에서도 이 설정은 적용된다.
그런데 여러모로 문제가 많은 카카오😡의 다음 앱에서는 이렇게 해도 주소창 색상이 변하지 않는다.
응원이나 피드백이 담긴 댓글은 제가 계속 블로그를 해나갈 수 있는 원동력이 됩니다. 😊
지인에게 보여주고 싶은 글이었다면 URL을 복사해서 메신저나 소셜 미디어에 공유해 주세요.
0 Comments
댓글 쓰기
🔸 댓글은 블로그 운영자의 승인 후에 블로그에 표시됩니다.
🔸 비로그인 방문자 분께서는 '익명'보다 이름/URL로 댓글을 남겨주시면 감사하겠습니다. (URL은 생략 가능합니다.)
🔸 구글 로그인 방문자는 '알림 사용'에 체크를 하시면, 남겨주신 댓글에 대한 답글 알림을 메일로 받아볼 수 있습니다. 📩