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

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

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

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

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

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

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

 

CC BY-NC-ND 2.0 KR

이 저작물은 크리에이티브 커먼즈 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용할 수 있습니다. 크리에이티브 커먼즈 라이선스

저작권과 관련된 파일요청 및 작업요청을 받지 않습니다.

댓글 남기기