워드프레스는 홈페이지를 만드는데 대표적인 플랫폼입니다. 다만, 개인의 취향을 나타내기 위해서는 추가적인 CSS 수정이 필요할 수 있습니다.
이런 CSS 수정 및 보완은 웹사이트 외관을 멋지게 꾸며줄 수 있으며, 홈페이지 사용자의 만족도를 높여줄 수 있습니다.
웹사이트에 방문하는 사용자들은 사이트의 정보 혹은 서비스를 원해서 접속하게 됩니다. 원하는 정보나 서비스에 대한 설명을 보고 다음 행동으로 이어지게 됩니다.
이 때, 잘 정돈되고 꾸며진 사이트에서의 행동유발이 더 쉽게 일어나기도 합니다. 이런 효과들을 얻고, 만족도를 높이기 위해서 사이트 디자인은 중요한 역할을 하기도 합니다.
🔸 워드프레스 CSS 추가하는 방법.
1️⃣ 첫번째, 워드프레스 테마 수정을 통한 css 추가.
가장 손쉽게 접근할 수 있는 방법은 테마 수정 메뉴에서 css를 추가하는 방법입니다. 해당 방법의 장점은 다음과 같습니다.
- 오류가 발생할 위험이 적습니다.
- 실시간 미리보기를 통해 css가 적용된 사이트 모습을 볼 수 있습니다.
- css를 연습하기에도 좋습니다.
위에서 언급한 장점은 간략합니다. 웹사이트는 복잡하고 유기적으로 연결되어 있는 그물과도 비슷합니다. 만약, 어느 하나에서 오류가 발생한다면 전체 사이트에서 문제가 발생할 수 있습니다.
접속한 페이지를 찾을 수 없거나, 기존에 적용된 css 디자인 적용이 풀려버릴 수도 있습니다.
해당 문제점이 지속된다면 방문자에게 나쁜 경험을 제공하고, 외면 받을 수 있습니다. 또한, SEO에서도 나쁜 평가를 받을 수 있습니다.
테마 수정에서 사용자 CSS를 추가하는 기능을 활용한다면 위에서 언급한 위험에서 자유로울 수 있습니다.
더불어, css가 적용된 자신의 사이트 모습을 실시간으로 볼 수 있는 것은 매력적인 기능입니다. css가 아무리 직관적이어도 적용이 되어야 결과를 확인할 수 있습니다.
미리 적용된 모습을 보며, 즉각적으로 수정할 수 있다는 것은 큰 장점이 됩니다. 또, 궁금한 CSS 기능이 있다면 연습할 수 있는 공간으로 활용할 수 있습니다.
해당 방법에도 아주 사소한 단점이 존재합니다. 이는 개인적인 평가일 수 있습니다. 적용할 수 있는 css의 범위가 한정적일 수 있습니다.
웹사이트 전체를 직접 구성하지 않았기 때문에 기존에 적용된 CSS와 충돌이 발생할 가능성도 존재합니다. css를 잘 알고 있다면 문제 없지만, 초보라면 헤맬 수 있는 부분일 것입니다.
2️⃣ css 소스코드 수정 또는 테마 편집 기능 활용으로 css 추가.
위에서 언급한 방법은 css를 추가만 하는 것입니다. 즉, 기존에 적용된 css의 내용은 보존하면서 사용자가 원하는 디자인을 추가하게 됩니다.
결국, 기존 css 코드들의 보존이 가능합니다. 하지만, 두번째 방법은 css 스타일 시트를 직접적으로 수정 및 보완하게 됩니다.
이는 자칫 워드프레스 테마에 문제가 발생할 여지가 존재합니다. 조금은 위험한 방법이지만, 전체 사이트의 구성을 수정할 수 있다는 점이 큰 매력이기도 합니다.
앞에서 언급한 첫번째 방법의 단점은 기존 css와의 충돌 혹은 효과 미적용이 발생할 수 있습니다. 이미 만들어진 구조가 있기 때문인데, 이 부분을 해소할 수있는 방법이 두번째 방법입니다.
직접적으로 소스코드를 조작하여 원하는 기능을 구체적이고 정확하게 구연할 수 있습니다. 다만, 자유도가 높은 만큼 위험도가 높아질 수 있기에 기존 파일의 백업은 필수 입니다.
➕) 해당 방법으로 css 추가를 하기 위해서는 그에 맞는 플러그인을 활용하시거나, FTP프로그램을 이용해 해당 파일을 수정해야 합니다.
워드프레스 테마는 잘 만들어진 사이트 레이아웃입니다. 이는 이미 각자의 역할이 짜임새 있게 존재한다는 것을 의미합니다.
여기에 다른 추가적인 요소를 넣는 것은 쉬운 일은 아닐 수 있습니다. 물론, 관련 지식이 풍부하고 능숙하다면 문제될 것이 없습니다.
위에서 언급한 2가지 방법 중 어떤 것을 선택하든 기존 파일을 백업해 두어, 문제가 발생했을 때 즉시 조치를 취할 수 있어야 할 것입니다.