안녕하세요. 이번 포스트에서는 워드프레스 테마 css 파일을 어떤 경로를 통해 수정할 수있는지, 알아보는 시간을 가져보도록 하겠습니다.
워드프레스 테마 css 파일 수정
첫번째 워드프레스에서 제공하는 테마편집기 활용하기
첫번째는 워드프레스 자체적으로 제공하는 테마편집기를 통해서, css파일을 수정해보는 것입니다. 이의 장점으로는 관리자 페이지에서 직접 CSS 수정이 가능하기 때문에 편리하다는 장점이 있습니다. 그러나, 특정 테마를 설치하게 되면, 이 ‘테마편집기’ 기능을 없애는 경우가 있습니다. (테마 설치후 삭제되는 경우가 있습니다.)
보통 ‘외모’ 부분에 보시면 ‘테마 편집기’란 메뉴를 보실 수있습니다. 클릭하시게 되면, 내 워드프레스 웹사이트에 있는 여러 파일들을 확인하실 수있는데, 여기서, 적절한 CSS파일을 찾으셔서 수정을 하시면 됩니다.
우선, 제 경우는 style.css란 파일 부분에다가 위와 같은 코드를 넣어봤습니다. 넣은 후에는 ‘파일 업데이트’ 버튼을 클릭하셔야 되고, ‘HTML속성입력하는곳’과 ‘속성부여’는 CSS코드를 따로 공부를 해주셔야 되겠습니다.
쉬운 언어이기때문에 빠른 시간만에 마스터하실 수있을거라 생각하며, 인터넷에 조금만 검색해보셔도 매우 많은 CSS정보를 찾으실 수있으니, 하나하나 적용해보시면 좋을 것으로 보입니다.
두번째 파일질라(FTP 프로그램) 활용하기
두번째로는 파일질라 혹은 알FTP란 FTP 프로그램을 통해서, CSS파일을 수정해보는 것입니다. 이의 단점으로는 수정해야할때마다, 일일이 접속해줘야된다는 점이 있습니다.
그러나, 특정 PHP파일에 오류가 발생했다거나, 워드프레스 플러그인 오류가 발생한 경우 파일질라 같은 FTP 프로그램을 사용해야합니다. (플러그인 오류가 발생한다면, 관리자 페이지 자체게 접속이 불가능하기 때문에 FTP 프로그램을 통해, 해 플러그인 파일을 삭제를 해줘야합니다.)
파일질라 사용하는 방법과 다운로드는 이 글을 참고하시면 좋을 것 같습니다.
세번째 WP Filemanager 플러그인 사용하기
세번재는 WP Filemanager란 플러그인을 통해, 관리자 페이지에서 쉽게 CSS파일을 수정해보는 것입니다. 이 플러그인의 장점으로는 FTP프로그램에 일일이 접속하지 않아도 된다는 점이 있기때문에 제가 자주 사용하는 방법이기도 합니다.
워프 파일 매니저 사용하는 방법은 이 글을 참고해주세요.
네번째 사용자 정의하기 페이지에서 css 속성 추가하기
네번째로는 사용자 정의 페이지에서 css속성을 추가함으로써, 테마를 꾸밀 수 있습니다.
‘외모’에다가 마우스오버해보시면, ‘사용자 정의하기’란 메뉴가 있습니다. 클릭하시게 되면, 위와 같은 css 코드를 추가할 수 있는 페이지가 나타납니다. 여러분들이 넣고 싶은 css 코드를 입력하시면 됩니다만, 이는 여러 단점들이 존재하는데요.
테마 업데이트 되는 경우, 추가한 css코드가 모두 초기화된다는 것입니다. 그리고, 이미 부여된 속성에서 강제로 !important 속성을 넣어가주면서, 변경을 해야한다는 점입니다. (가장 좋은건 해 파일에 들어가서, 직접 하나하나 수정해주는 쪽이 바람직하다고 볼 수있으며, css파일 용량도 줄일 수있다는 장점도 있습니다.)
저는 너무 귀찮아서, 그냥 저렇게 수정을 해버렸네요. ㅋㅋ
마치며
이 외에도, 더 다양한 방법들이 있긴 합니다. 예를들어, 카페24 호스팅의 경우는 웹ftp 프로그램을 제공하고 있기때문에 그런 기능을 활용해서, 수정을 해볼 수도 있습니다.
이런저런 방법들이 있습니다만, 그 중에서 여러분들이 가장 편하다고 생각하는 방법을 선택하시면 좋을 것으로 보이는데요.
제 경우는 워프 파일 매니저를 통해 수정하는 것이 가장 편하다고 느끼고 있다보니, 현재까지도 이 플러그인을 통해서 수정하고 있기도 합니다. 이상 끝!
