WordPress 글꼴 색상 수정 가이드

WordPress 웹사이트에서 작은 텍스트 섹션이나 블록의 글꼴 색상을 쉽게 변경할 수 있습니다. 또는 웹사이트 전체에서 특정 요소나 CSS 클래스의 색상을 변경할 수 있습니다.

이 빠른 튜토리얼에서는 WordPress 웹사이트에서 글꼴 색상을 빠르게 변경하는 방법을 보여 드리겠습니다.

두 가지 방법을 보여드리겠습니다:

• 개별 블록의 글꼴 색상을 변경합니다.
• 색상 블록에 CSS 클래스를 추가한 다음 클래스 스타일을 지정하세요.

스타일시트를 사용하여 전체 웹사이트에서 글꼴 색상을 변경하는 방법에 대한 개요도 제공하겠습니다.

WordPress에 새로운 글꼴을 추가하는 방법이나 WordPress에서 글꼴 크기를 변경하는 방법을 알고 싶다면 여기에서도 알아볼 수 있습니다.

텍스트 부분의 글꼴 색상을 변경하는 방법

게시물이나 페이지의 텍스트 일부 또는 전체 텍스트 블록을 다른 게시물이나 페이지와 다른 색상으로 설정할 수 있습니다. 이를 사용하여 특정 텍스트를 강조 표시하고 눈에 띄게 만들거나 웹 사이트 디자인을 향상시킬 수 있습니다.

경고: 색상이 너무 많으면 웹사이트가 어수선하고 비전문적으로 보일 수 있습니다. 서로 상충되지 않는 색상을 사용하세요.

먼저 색상을 변경하려는 텍스트 부분을 찾으세요.

색상을 변경하려는 텍스트를 두 번 클릭하여 선택하세요. 블록 위의 화살표 아이콘을 클릭하고 텍스트 색상을 선택하세요.

텍스트에 원하는 색상을 선택하세요. 편집 화면의 색상이 변경됩니다.

또는 16진수 코드를 사용하여 특정 색상을 선택할 수도 있습니다. 사이트의 다른 곳에서 사용되는 색상을 사용하려는 경우 이는 좋은 생각입니다.

Custom Colors 링크를 클릭하고 선택기에서 색상을 선택하거나 16진수 코드를 입력하세요.

색상을 변경하려는 다른 텍스트 블록이나 텍스트 섹션에 대해 이 작업을 반복하세요. 전체 블록의 색상을 변경할 필요는 없습니다. 원하는 경우 단어만 변경할 수 있습니다.

마지막으로 업데이트를 클릭하여 게시물을 업데이트하거나 게시를 클릭하여 게시하세요. 그러면 변경 사항이 저장됩니다.

이제 텍스트는 원하는 색상으로 표시됩니다.

CSS 클래스를 사용하여 글꼴 색상을 변경하는 방법

여러 텍스트 블록을 모두 동일한 색상으로 변경하려는 경우 가장 좋은 방법은 CSS 클래스를 사용하는 것입니다. 이렇게 하면 색상이 모두 같은 색상임을 알 수 있으며 어떤 색상을 사용했는지 기억할 필요가 없습니다.

텍스트 블록을 다시 찾아 블록 창에서 고급 탭을 엽니다.

기타 CSS 클래스 필드에 CSS 클래스를 입력합니다. highlight-color를 사용하겠습니다. 나중에 변경하기로 결정한 경우를 대비해 의도적으로 색상 이름을 지정하지 않은 상태로 두었습니다.

지금 업데이트 또는 게시를 클릭하여 게시물을 저장하세요.

이제 이 클래스를 사용하여 블록 색상을 편집할 수 있는 두 가지 옵션이 있습니다.

• 커스터마이저에서 스타일 추가
• 테마 스타일시트에 스타일을 추가하세요

커스터마이저에서 클래스 스타일을 지정하는 것이 가장 쉬운 방법이며 테마를 업데이트할 때 아무런 문제도 일으키지 않습니다.

WordPress 관리에서 외관 > 사용자 정의로 이동하여 추가 CSS를 클릭하세요.

Other CSS 창에 CSS를 입력하여 글꼴 색상을 변경하세요. p> 으아아아

16진수 코드를 사용하여 이 코드의 색상을 사용하려는 색상으로 변경하세요. 테마의 다른 부분에 사용되는 색상을 사용하거나 텍스트를 돋보이게 하면서 테마에 어울리는 색상을 사용하는 것이 가장 좋습니다.

변경 사항을 저장하려면 게시 버튼을 클릭하세요.

이제 라이브 사이트의 게시물로 이동하면 highlight-color 클래스가 있는 블록이 주변 텍스트와 색상이 다른 것을 볼 수 있습니다.

이제 해당 색상을 설정하려는 모든 블록에 이 클래스를 사용할 수 있습니다.

테마 스타일시트에서 글꼴 색상 변경

제가 보여드리는 두 가지 방법을 사용하면 테마의 파일을 편집하거나 CSS에 대한 깊은 이해가 필요하지 않습니다. WordPress 글꼴 색상을 빠르게 변경할 수 있는 방법을 제공합니다.

그러나 사이트의 기존 요소(예: 모든 단락 또는 링크)의 색상을 편집하려는 경우 또는 사용자 정의 도구 대신 스타일시트에 CSS를 추가하려는 경우 테마의 스타일시트를 편집해야 합니다.

WordPress 사이트에 사용자 정의 CSS를 추가하는 방법에 대한 가이드에서 스타일시트 편집에 대한 자세한 내용을 확인할 수 있습니다. 더 깊이 들어가고 싶다면 여기가 시작하기 좋은 곳입니다.

결론

WordPress 웹사이트에서 텍스트의 글꼴 색상을 변경하는 데는 몇 분 밖에 걸리지 않습니다. 글꼴 색상을 직접 편집할 수도 있고, 클래스를 지정하고 클래스에 대한 CSS를 작성할 수도 있습니다.

하지만 어떤 선택을 하든 너무 지나치지 마세요. 그리고 사용하는 색상이 서로 잘 어울리는지 확인하여 사이트가 어수선하고 비전문적으로 보이는 것을 방지하세요.

전문적인 WordPress 테마로 귀하의 웹사이트를 돋보이게 만드세요

새로운 WordPress 웹사이트를 디자인하고 있나요? 전문적으로 디자인된 WordPress 테마 컬렉션을 사용하면 귀하의 웹 사이트에 몇 분 만에 아름답고 새로운 모양과 느낌을 줄 수 있습니다.

다음은 2020년 ThemeForest에서 가장 잘 팔리고 떠오르는 WordPress 테마 중 일부입니다. p>

위 내용은 WordPress 글꼴 색상 수정 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!