워드프레스 코드 블록 배경색 설정방법
워드프레스에서 Code Block 사용 중
배경색이 없이 코드만 저렇게 들어가니
가독성이 굉장히 떨어지는데
배경색이라도 추가를 해 보자면
워드프레스 관리 화면에서
Appearance > Customize로 들어온 후
Additional CSS를 눌러주자
.wp-block-code {
background: #ccc;
padding: .5em;
border-radius: 7px;
}
이후 다음 코드를
복사 붙여넣기 해준 후 Publish를 눌러주자
(배경색 변경 필요할 경우에는 background 부분의 #ccc 변경,
폰트 색을 변경할 경우에는 color: 추가 후
background와 동일한 방식으로 색깔 넣기)
이후 코드를 확인해보면
배경 색이 잘 들어간 것이 보인다
Leave a Reply
이메일은 알림 용도로만 사용됩니다.