최근에 테마 바꿈질에 정신을 못차리고 있는 요즘이지만.. 그 바꿈질을 하면서 간혹 어떤 테마는 에디터의 넓이라든가 폰트 등이 변경되는데 현재 사용 중인 테마는 적용이 되지 않기에 방법을 찾아보니 방법이 없는 것이 아니었다. 현재 테마는 기존 워드프레스의 클래식 에디터인 tinymce 에 대한 css 파일을 가지고 있지만 새롭게 바뀐 Gutenberg 에디터에 대한 css 파일은 존재하지가 않았다. 그래서 editor-block.css …
워드프레스 관리자에서 사용자 CSS 코드를 입력할 수 있는 방법을 이미 제공하고 있지만.. 그럼에도 불구하고 플러그인을 만들어 본 것은 어찌보면 쓸데없는 짓일 수도 있다. 그런데 이렇게라도 워드프레스 관련 작업을 해보지 않으면 알던 것도 잊는 수가 있기 때문에 또 쓸데없는 코딩을 하고 있다. 추가하려는 CSS 코드는 아래와 같다. style.css 파일로 저장한다. @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); body {font-family: ‘Noto Sans …
폰트 사이즈를 변경하는 스크립트를 예전에 짠 적이 있는데.. 이걸 이번에 수정하면서 wrapper의 line-height 부분도 변경하도록 코드를 수정했다. 기본 크기로 변경시 line-height 부분도 기본값으로 변경을 해줘야 해서 wrapper의 기본 line-height 값을 .data()를 이용해 저장하도록 했는데 브라우저에 따라서 line-height 기본값이 normal 도 잡히는 경우가 있어 문제가 된다고 문의가 올라와서 inline으로 적용된 css 스타입을 초기화하도록 수정했다. jQuery를 이용해서 …
첨부된 이미지처럼 SyntaxHighlighter를 적용하고 폰트 사이즈등을 변경하면 세로 스크롤바가 생긴다. 이 스크롤바를 사라지게 하기 위해서는 아래 코드를 css 파일에 추가해주면 된다. .entry .syntaxhighlighter { font-size: 1.1em!important; padding-bottom: 5px!important; } 위 코드에서 스크롤바를 사라지게 하는 부분은 padding-bottom: 5px!important; 이다. 이 코드만 추가해줘도 스크롤바는 사라지게 된다. 현재 블로그에서만 테스트된 코드이기 때문에 다른 환경에서는 어떻게 적용될지 확인할 수는 없다.
날씨 좋은 날.. 또 이런 삽질을 난 하고 있다. 아~ 이래서는 안되는 데 하는 생각이 들면서 한번 삽질에 빠지면 헤어나오지 못해서 큰 일이다. 이번엔 워드프레스에 플러그인을 사용하지 않고 페이징 기능을 추가하는 것이다. 기본으로 제공하는 것이 있긴 한데 ‘이전글’ ‘다음글’ 정도라서 많이 부족해보이고.. 치명적으로 지금 사용 중인 테마에선 검색 결과에 페이징이 적용되지 않은 듯 하여 방법을 …