워드프레스 - 경로 및 URL 워드랩 설정


방금전에 글을 올리고 모바일에서 확인해 보니 경로가 길어질 경우 컨테이너를 넘어가서 가로 스크롤이 생기네요.

이 경우 아래와 같은 CSS를 적용하시면 경로가 워드랩(word wrap)되어 컨테이너를 넘어가는 것을 방지할 수 있습니다.

article.entry {
    word-wrap: break-word;
}

CSS를 적용할 수 있는 플러그인을 사용하셔도 되는데요..
저는 직접 사용중인 테마의 CSS를 수정하였습니다.
워드프레스의 CSS 파일 경로는 다음과 같습니다.

  • 설치위치/wp-content/themes/테마이름/style.css

적용 전과 후의 워드랩 상태는 아래와 같습니다.

2014-08-04-16-29-58
적용 전
2014-08-04-16-29-23
적용 후

 

댓글 남기기