블로그스팟 링크 안 보임 현상 해결: 매번 글자 색 바꾸기 지겨우시죠?
블로그스팟에 정성껏 글을 쓰고 링크를 걸었는데, 막상 게시글을 확인하면 링크가 투명하거나 흰색으로 보여서 당황하신 적 있으신가요? 텍스트 에디터에서는 분명 파란색이었는데 말이죠. 오늘은 이 문제를 매번 수동으로 색깔을 바꾸지 않고 한 번에 해결하는 방법을 알려드립니다.
1. 왜 링크가 흰색(투명)으로 보일까요?
이 현상은 여러분의 잘못이 아니라 테마의 기본 설정(CSS) 때문입니다. SuperMag 같은 외부 테마들은 깔끔한 디자인을 위해 링크 색상을 배경과 비슷하게 설정해두는 경우가 많습니다.
- 에디터의 착각: 작성 화면은 사용자 편의를 위해 파란색으로 보여주지만, 실제 블로그 화면은 테마가 정한 규칙(Style)을 따릅니다.
- 우선순위 문제: 테마 자체에서 "링크는 무조건 이 색깔로 보여줘!"라고 정해둔 힘이 에디터 설정보다 강하기 때문에 발생합니다.
2. 해결 방법 1: 테마 맞춤설정에서 한 번에 변경 (추천)
가장 쉽고 안전한 방법입니다. 블로그 전체의 링크 색상을 한 번에 고정할 수 있습니다.
- 블로그 관리자 메뉴에서 [테마(Theme)]를 클릭합니다.
- [맞춤설정(Customize)] 버튼을 누릅니다.
- 왼쪽 메뉴에서 [고급(Advanced)] 탭을 클릭합니다.
- 목록에서 'Links' 또는 'Theme Colors' 항목을 찾아보세요.
- Link Color를 눈에 잘 띄는 파란색으로 바꾸고 오른쪽 하단 저장 아이콘을 누르면 끝!
3. 해결 방법 2: HTML 편집에 코드 한 줄 넣기
만약 '고급' 메뉴에 링크 설정이 없다면, 강제로 파란색을 입히는 코드를 한 번만 넣어주면 됩니다. 훨씬 확실한 방법입니다.
[따라하기] [테마] -> [▼ 화살표] -> [HTML 편집] 클릭Ctrl + F를 눌러</head>태그를 찾습니다.</head>바로 위에 아래 코드를 복사해서 붙여넣으세요.
<style>
/* 본문 내 링크 색상을 강제로 파란색+밑줄로 고정 */
.post-body a {
color: #0000ff !important;
text-decoration: underline !important;
}
</style>
!important라는 코드는 테마의 원래 설정보다 내 명령을 우선시하라는 뜻입니다. 이제 링크를 걸 때마다 일일이 색상을 변경하는 노가다(?)에서 해방되실 수 있습니다!
0 댓글