플러그인없이 WordPress 웹 사이트에 Google 글꼴을 추가하는 방법

모든 사람은 웹 사이트의 시각적 디자인을 향상시키기를 원합니다. 대부분의 연구에 따르면 사용자 경험은 웹 사이트 디자인에 달려 있습니다..


많은 SEO 전문가, 고객 분석 전문가 및 마케팅 담당자에 따르면 웹 사이트 디자인이 더 매력적일 것입니다. 더 많은 독자들이 귀하의 사이트에 참여할 것입니다.

또한 타이포그래피는 전체 디자인을 개선하는 데 중요한 역할을합니다. 아시다시피, 많은 웹 개발자는 WordPress 테마에서 사용자 정의 글꼴을 사용하고 있습니다. 우리는 똑같이 할거야.

이 자습서에서는 플러그인을 사용하지 않고 WordPress 웹 사이트에 Google Fonts를 추가하는 방법에 대해 배웁니다..

WordPress 사용자가 자신의 웹 사이트에서 무엇이든 변경하기로 결정할 때마다 항상 편리한 방법을 찾고 누구나 알고 있습니다. 공식 WordPress 저장소에는 수천 개의 무료 플러그인이 있습니다..

사람들은 계속해서 플러그인을 더 추가하고 어느 시점에는 페이지 로딩 시간이 좋지 않다는 불만을 제기합니다..

당신이없이 플러그인을 달성 할 수 있다면 왜 플러그인이 필요합니까??

즐겨 찾는 Google 글꼴을 선택하여 웹 사이트에 추가

웹 사이트의 글꼴을보고 해당 글꼴을 웹 사이트에 적용하는 방법이 궁금 할 수 있습니다. 글쎄, 당신의 질문에 대한 답변이 있습니다.

모든 글꼴을 Google 글꼴에서 사용할 수는 없지만 아름다운 타이포그래피를 찾을 수 있습니다.

과정을 시작합시다.

1 단계

Google Fonts의 공식 웹 사이트로 이동하여 사용하려는 최상의 글꼴을 검색하십시오. 약간 아래로 스크롤하여 그 중 하나와 공명 할 수 있는지 확인하십시오.

글꼴을 선택하려면 빨간색 더하기 버튼. 그러나 글꼴을 탐색하려면 해당 상자를 클릭하면 다양한 스타일이 표시됩니다..

플러그인없이 WordPress 웹 사이트에 Google 글꼴을 추가하는 방법

서체 무게, 크기 및 스타일을 변경할 수 있습니다.

2 단계

원하는 글꼴을 사용하기 위해 빨간색 더하기 버튼을 쉽게 찾을 수 있습니다. 당신은 볼 것이다 갈색 바 컴퓨터 화면 하단에.

클릭하여 열면 글꼴 사용 지침이 표시됩니다.

웹 사이트에 Google Fonts를 추가하려면 두 가지 방법을 사용할 수 있습니다. 나는 당신이 사용하는 것이 좋습니다 표준 방법. 당신은 또한 사용할 수 있습니다 "수입" 방법; 선택은 당신입니다.

플러그인없이 WordPress 웹 사이트에 Google 글꼴을 추가하는 방법

이제 질문이 생겼습니다.이 부분을 어디에 추가해야합니까?  꼬리표?

눈치 채 셨으면 링크를 추가하라는 명시적인 지침이 있습니다.  웹 사이트의 태그.

3 단계

나는 당신이 이미  태그는 웹 사이트 헤더에 있습니다. 그러나 어떻게 찾을 수 있습니까?

아시다시피, WordPress 사이트의 디자인은 WordPress 테마로 제어되므로 header.php 파일을 편집해야합니다.

이를 위해서는 다음으로 이동해야합니다. 외관>>편집자 WordPress 관리자 패널에 로그인하는 동안.

플러그인없이 WordPress 웹 사이트에 Google 글꼴을 추가하는 방법

4 단계

편집기를 열 때마다 CSS 파일이 표시된다는 것을 이미 알고있을 것입니다. header.php 파일.

그렇게하려면 테마 헤더 세로 탐색 메뉴에서 클릭하여 엽니 다.

5 단계

당신이 그것을 올바르게하면, 당신은 당신의 워드 프레스 테마의 이름과 함께 파일의 제목을 볼 수 있습니다.

테마 이름 : Theme Header (header.php)

플러그인없이 WordPress 웹 사이트에 Google 글꼴을 추가하는 방법

이미 논의했듯이  태그  꼬리표. 웹 사이트를 Google 검색 콘솔에 제출하는 것과 비슷합니다..

태그를 볼 수 있습니다. Google Fonts에서 복사 한 태그 붙여 넣기.

딸깍 하는 소리 파일 업데이트.

6 단계

– 이제 블로그 게시물의 제목을 변경하는 가장 좋은 방법이 궁금 할 것입니다. 이를 위해서는 CSS를 사용하여 HTML 요소를 타겟팅해야합니다..

예를 보여 드리겠습니다.

h1 {
글꼴 모음 : ‘Lato’, sans-serif;
}

쉽지 않습니까? CSS에 대해 조금 알고 있다면 전체 웹 사이트의 타이포그래피를 수정할 수 있습니다.

기술에 정통한 사람이 아닌 경우 코드를 엉망으로 만들어야합니다. 원하는 경우 항상 웹 사이트 또는 최소한 WordPress 테마를 백업해야합니다..

대안을 언급하고 싶습니다. functions.php 파일을 통해 Google Fonts를 추가 할 수도 있습니다. 초보자에게는 복잡한 과정이 될 수 있으므로 지금은 가장 간단한 방법을 고수합니다..

사이트 타이포그래피 수정에 대해 생각해 본 적이 있습니까

내 고객은 새 글꼴을 추가하여 전체 디자인을 개선해야하므로 항상 TypeKit 또는 Google Fonts를 사용합니다..

아시다시피 Google은 무료 솔루션을 제공하므로 고급 글꼴이 필요하지 않습니다. Google 라이브러리에는 수많은 무료 글꼴이 있습니다..

가장 좋아하는 글꼴은 무엇입니까? 웹 개발자라면 지금까지 Roboto가 가장 많이 사용 된 글꼴 중 하나라는 것을 알고있을 것입니다.

결론

플러그인을 피하려면 간단한 단계를 수행해야합니다. WordPress 테마의 헤더 파일을 편집하는 것은 그리 어렵지 않습니다.

웹 사이트의 머리글과 바닥 글에 사용자 지정 코드를 추가하는 방법을 이미 알고 있기를 바랍니다. 일회성입니다. 다시 만질 필요가 없습니다. 당신이 할 수 있기를 바랍니다.

다음 3 가지 WordPress 호스팅 서비스를 확인하십시오.

FastComet

시작 가격 :
$ 2.95


신뢰할 수 있음
9.7


가격
9.5


사용자 친화적
9.7


지원하다
9.7


풍모
9.6

리뷰 읽기

FastComet 방문

주인공

시작 가격 :
$ 0.99


신뢰할 수 있음
9.3


가격
9.3


사용자 친화적
9.4


지원하다
9.4


풍모
9.2

리뷰 읽기

Hostinger 방문

A2 호스팅

시작 가격 :
$ 3.92


신뢰할 수 있음
9.3


가격
9.0


사용자 친화적
9.3


지원하다
9.3


풍모
9.3

리뷰 읽기

A2 호스팅 방문

관련 사용법 기사

  • cPanel을 사용하여 웹 사이트의 보안을 향상시키기 위해 PHP 실행을 비활성화하는 방법
    중급
  • PHP 코드를 사용하여 WordPress 관리자를 추가하는 방법
    전문가
  • WordPress 웹 사이트에 Google 글꼴을 추가하는 방법
    초보자
  • FTP를 사용하여 기본 색인 페이지를 변경하는 방법
    중급
  • 다른 방법으로 WordPress 웹 사이트에 사용자 정의 CSS를 추가하는 방법
    중급
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me