Skip to content

CHICPRO

  • Life Log
  • Cycling Log
  • Photo Log
    • Portrait
    • Landscape
    • Flower
    • Etc
  • Coding Log
  • Information

Tag: CSS

워드프레스 에디터에 테마 css 적용하기

2020-08-05 by 편리

최근에 테마 바꿈질에 정신을 못차리고 있는 요즘이지만.. 그 바꿈질을 하면서 간혹 어떤 테마는 에디터의 넓이라든가 폰트 등이 변경되는데 현재 사용 중인 테마는 적용이 되지 않기에 방법을 찾아보니 방법이 없는 것이 아니었다. 현재 테마는 기존 워드프레스의 클래식 에디터인 tinymce 에 대한 css 파일을 가지고 있지만 새롭게 바뀐 Gutenberg 에디터에 대한 css 파일은 존재하지가 않았다. 그래서 editor-block.css …

Continue Reading

[WP] 플러그인을 이용한 사용자 CSS 적용

2018-06-26 by 편리

워드프레스 관리자에서 사용자 CSS 코드를 입력할 수 있는 방법을 이미 제공하고 있지만.. 그럼에도 불구하고 플러그인을 만들어 본 것은 어찌보면 쓸데없는 짓일 수도 있다. 그런데 이렇게라도 워드프레스 관련 작업을 해보지 않으면 알던 것도 잊는 수가 있기 때문에 또 쓸데없는 코딩을 하고 있다. 추가하려는 CSS 코드는 아래와 같다. style.css 파일로 저장한다. @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); body {font-family: ‘Noto Sans …

Continue Reading

[jQuery] inline css 스타일 초기화

2013-10-06 by 편리

폰트 사이즈를 변경하는 스크립트를 예전에 짠 적이 있는데.. 이걸 이번에 수정하면서 wrapper의 line-height 부분도 변경하도록 코드를 수정했다. 기본 크기로 변경시 line-height 부분도 기본값으로 변경을 해줘야 해서 wrapper의 기본 line-height 값을 .data()를 이용해 저장하도록 했는데 브라우저에 따라서 line-height 기본값이 normal 도 잡히는 경우가 있어 문제가 된다고 문의가 올라와서 inline으로 적용된 css 스타입을 초기화하도록 수정했다. jQuery를 이용해서 …

Continue Reading

SyntaxHighlighter 적용 부분의 세로 스크롤바 문제 해결법

2013-10-06 by 편리

첨부된 이미지처럼 SyntaxHighlighter를 적용하고 폰트 사이즈등을 변경하면 세로 스크롤바가 생긴다. 이 스크롤바를 사라지게 하기 위해서는 아래 코드를 css 파일에 추가해주면 된다. .entry .syntaxhighlighter { font-size: 1.1em!important; padding-bottom: 5px!important; } 위 코드에서 스크롤바를 사라지게 하는 부분은 padding-bottom: 5px!important; 이다. 이 코드만 추가해줘도 스크롤바는 사라지게 된다. 현재 블로그에서만 테스트된 코드이기 때문에 다른 환경에서는 어떻게 적용될지 확인할 수는 없다.

Continue Reading

플러그인없이 워드프레스에 페이징 적용하기

2013-10-06 by 편리

날씨 좋은 날.. 또 이런 삽질을 난 하고 있다. 아~ 이래서는 안되는 데 하는 생각이 들면서 한번 삽질에 빠지면 헤어나오지 못해서 큰 일이다. 이번엔 워드프레스에 플러그인을 사용하지 않고 페이징 기능을 추가하는 것이다. 기본으로 제공하는 것이 있긴 한데 ‘이전글’ ‘다음글’ 정도라서 많이 부족해보이고.. 치명적으로 지금 사용 중인 테마에선 검색 결과에 페이징이 적용되지 않은 듯 하여 방법을 …

Continue Reading

Posts pagination

  • 1
  • 2
  • 3
  • Next

Recent Posts

  • SK 세븐모바일 유심 셀프교체
  • php 배열 연산에서 + 와 array_merge 의 차이
  • pcntl_fork 를 이용한 다중 프로세스 실행
  • 아이폰 단축어를 이용하여 주중 공휴일엔 알람 울리지 않게 하기
  • 구글 캘린더 전체일정 재동기화
  • OpenLiteSpeed 웹서버에 HTTP 인증 적용
  • OpenLiteSpeed 웹어드민 도메인 연결
  • WireGuard를 이용한 VPN 환경 구축
  • Ubuntu 22.04 서버에 OpenLiteSpeed 웹서버 세팅
  • 맥 vim 세팅

Recent Comments

  • 편리 on 업무관리용 그누보드 게시판 스킨
  • 임종섭 on 업무관리용 그누보드 게시판 스킨
  • 캐논 5D 펌웨어 | Dslr 펌웨어 업그레이드 방법 82 개의 베스트 답변 on 캐논 EOS 30D 펌웨어 Ver 1.0.6 , EOS 5D 펌웨어 Ver 1.1.1
  • Top 5 캐논 5D 펌웨어 Top 89 Best Answers on 캐논 EOS 30D 펌웨어 Ver 1.0.6 , EOS 5D 펌웨어 Ver 1.1.1
  • 편리 on 워드프레스 애니메이션 gif 파일을 mp4로 변환하여 출력하기
  • 임팀장 on 워드프레스 애니메이션 gif 파일을 mp4로 변환하여 출력하기
  • 편리 on Notepad++ NppFTP 플러그인 수동 설치
  • paul-j on Notepad++ NppFTP 플러그인 수동 설치
  • YS on Windows 10 iCloud 사진 저장 폴더 변경
  • 편리 on Docker를 이용한 Centos7 + httpd + php 5.4 개발환경 구축

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
© 2025 CHICPRO | Built using WordPress and SuperbThemes