글꼴 굉장한 검토 – 무엇입니까? 그것은 도움이 되니? 그리고 WordPress와 함께 사용하는 방법?

워드 프레스 거래


한 문장으로 Font Awesome에 대한 리뷰를 찾고 있다면 여기 있습니다 :‘좋아요 ….

하지만 그 경험은 얼마 전에있었습니다. 한동안 나는 푹 빠졌다. 나는 그것을 많은 것들로 사용했고 그것은 내 콘텐츠를 대중적으로 만들었지 만, 종종 그렇듯이 초기 흥분은 사라지기 시작했습니다..

그러나 지금 당장 그것을 보류하고 대신이 Font Awesome 검토를 시작하십시오. Font Awesome이 좋은지 여부에 관계없이 WordPress와 함께 사용하는 방법에 대해 다룰 것입니다. 처음.

폰트는 무엇인가?

글꼴 굉장한 검토

간단히 말해서, Font Awesome은 아이콘 글꼴입니다.

일반 글꼴을 생각하지만 문자 대신 아이콘이 나타납니다..

이것은 모든 것의 진정으로 화려하고 게임을 변화시키는 부분입니다..

웹 사이트를 구축 할 때 아이콘은 한 번 큰 고통이었습니다. 올바른 스타일을 거의 찾을 수 없었습니다. 특히 두 개 이상의 스타일이 동일한 스타일을 원할 경우 더욱 그렇습니다. (일관된 디자인의 아이콘 10 개를 잊어 버려도됩니다!) 그리고 어떻게 든 아이콘을 찾았더라도 다른 크기의 아이콘을 사용하려는 경우 품질이 떨어졌습니다. 간단히 말해서, 올바른 아이콘을 얻으려면 직접 디자인해야했습니다..

시간이 지남에 따라 다양한 아이콘 팩이 여기 저기 돋아나고 (시장, 소규모 사이트) 상황이 약간 개선되었습니다. 그러나 그것은 여전히 ​​완벽하지는 않았습니다. 이러한 사이트를 사용하더라도 쉽게 액세스 할 수있는 라이브러리를 사용하는 대신 여전히 나가서 아이콘을 찾아야했습니다..

Font Awesome이 등장하는 곳.

사이트를 Font Awesome에 연결하면 간단한 HTML 태그를 통해 모든 아이콘에 액세스 할 수 있습니다. 예를 들어,이 멋진 아이콘을 얻으려면 :

자동차 아이콘

… 내가해야 할 일은 다음과 같은 코드를 사용하는 것입니다.

Font Awesome에서 가져 와서 라이브 아이콘으로 변환합니다. 이 아이콘도 실제로 사용자 정의 할 수 있습니다. 크기, 색상 및 음영을 변경할 수 있습니다. 기본적으로 CSS를 통해 얻을 수있는 모든 작업을 수행 할 수 있습니다. 아시다시피이 아이콘은 다른 글꼴과 동일하게 작동합니다.

Font Awesome은 아이콘에 애니메이션을 적용 할 수있는 가능성과 같은 고유 한 기능도 제공합니다. 따라서 다음과 같은 정적 버전 대신

정적 아이콘

… 다음과 같은 것을 얻을 수 있습니다.

아이콘 회전

그리고 이것은 Font Awesome 아이콘으로 수행 할 수 있습니다.

따라서 질문은 다음과 같습니다.

그것은 도움이 되니?

제 생각에는 Font Awesome의 주요 장점은 다음과 같습니다.

  • 도서관은 현재 630 개가 넘는 아이콘을 자랑합니다.
  • 사이트를 기본 라이브러리와 통합하면 모든 아이콘에 쉽게 액세스 할 수 있습니다
  • 모든 벡터이므로 아이콘이 표시되는 방식으로 원하는대로 할 수 있습니다
  • 어디서나 아이콘을 추가하는 것은 매우 쉽습니다.

솔직히 Font Awesome은 정말 잘하는 일을 잘합니다..

무엇보다도 학습 곡선은 그리 많지 않습니다. 사이트에 Font Awesome을 설치했으면 다음을 수행하면됩니다.

  • 사용 가능한 아이콘을 탐색하여 현재 상태에 대한 훌륭한 개요를 얻습니다.
  • 예제를 확인하십시오 (빠른 사용법 안내로 처리)..

아이콘 자체의 시각적 품질도 매우 높습니다. 웹에서 사용할 수있는 많은 아이콘 팩의 일반적인 문제는 세부 사항이 너무 많거나 너무 적거나 모양이 불분명 한 등 특정 크기에서만 좋아 보이는 경향이 있다는 것입니다. 그러나 Font Awesome 아이콘은 전혀 다릅니다. 그들은 원하는 크기에 관계없이 어디서나 작동하고 멋지게 보이도록 설계되었습니다. 또한, 그것들이 모두 벡터라는 것을 기억하자. 스케일링도 기술적 인 문제가 아닙니다..

가장 중요한 점은 Font Awesome 아이콘이 디자인 측면에서 세 가지 주요 목표를 달성한다는 것입니다.

  • 디자인은 아이콘마다 일관되므로 모든 것이 함께 맞습니다..
  • 디자인이 매우 작아 아이콘이 다양한 목적에 적합하도록 도와줍니다 (탐색 요소에 특히 적합 함).
  • 수량은 품질이됩니다. 필요한 아이콘 수에 관계없이 Font Awesome은 제공 할 수 있습니다..

좋아요, 검토 방법으로 넘어가겠습니다.

WordPress에서 멋진 글꼴을 사용하는 방법?

이 모든 찬사를 제쳐두고 WordPress에서 Font Awesome을 사용하는 방법을 살펴 보겠습니다..

그리고 … 문제가 있습니다.

또는 wp-admin의 ‘모양 / 편집자’섹션에 가본 적이 없다면 문제가있는 것입니다.

여기 내가 의미하는 바가 있습니다 :

WordPress 사이트에 Font Awesome을 설치하려면 다음 두 가지 옵션이 있습니다.

  • 수동 설치
  • 플러그인을 통해

Font Awesome은 플러그인을 사용하는 것보다 수동으로 작업하는 것이 실제로 더 나은 몇 안되는 경우 중 하나입니다..

우리의 주요 검토에서 조금만 살펴보고 다음을 보여 드리겠습니다.

Font Awesome 플러그인을 찾고 있다면 아마도이 두 가지를 발견하게 될 것입니다.

  • 더 나은 폰트 굉장함 — 블로그 컨텐츠의 어느 곳에 나 폰트 굉장한 아이콘을 표시합니다.
  • Font Awesome 4 메뉴 — 메뉴에 Font Awesome 아이콘을 표시합니다.

둘 다 기술적으로 업무를 수행하지만 몇 가지 문제가 있습니다..

보다 나은 Font Awesome부터 시작하여 기능을 얻는 것이 간단합니다. 플러그인을 설치하고 활성화하기 만하면됩니다 (Font Awesome 자체 나 다른 것으로 갈 필요는 없습니다). 플러그인 만 있으면됩니다..

설치 후 사후 편집 화면에이 상자가 나타납니다.

플러그인을 통한 아이콘 삽입

그것을 클릭하면 Font Awesome 아이콘을 선택하여 단축 코드로 포함시킬 수 있습니다. 멋있는.

이것은 대부분의 경우 리뷰로 판단하여 작동합니다. 그러나 항상 그런 것은 아닙니다. 예를 들어, 전체 테마 스타일이 작동하지 않는 것처럼 CSS가 완전히 망가졌습니다 (그리고 우리가 여기서 이야기하는 기본 스물 다섯 번째 테마이므로 멋진 것은 아닙니다).

이제 플러그인으로 인해 이러한 문제가 발생할 수는 없지만 시간이 지남에 따라 특히 Font Awesome 또는 WordPress의 새 버전이 출시 될 때 이와 같은 다양한 문제가 발생할 수 있습니다. 이것은 가치가 없을 수도 있습니다. 언젠가 사이트를 업데이트하면 CSS가 사라진다고 상상해보십시오. 특정 플러그인으로 문제를 추적하는 데 얼마나 걸립니까? 그동안 제거 된 사이트를 보는 방문자 수?

이제 다른 플러그인 인 Font Awesome 4 Menus에 대해 알아 보겠습니다. 이것은 효과가 있으며 합리적으로 잘 수행되는 것 같습니다. 설치하기 만하면 다음과 같이 메뉴 항목에 사용자 정의 클래스를 추가 할 수 있습니다.

아이콘 클래스 추가

클래스는 공식 Font Awesome 문서에 나열된 것과 동일합니다. 플러그인은 메뉴, 간격 및 모든 항목에 맞게 아이콘 색상을 처리합니다..

메뉴 아이콘

메뉴에 Font Awesome이 필요한 경우 매우 좋지만 불행히도 콘텐츠에 아이콘을 표시하려는 경우 작동하지 않습니다. 전시 A를):

누락 된 아이콘

솔직히 말하면, 플러그인없이 수동으로 Font Awesome을 WordPress 사이트와 통합하는 것이 좋습니다. 장기적으로 번거 로움이 적고 통합이 훨씬 안정적으로 보입니다..

WordPress에 멋진 글꼴을 통합하는 방법

기본적으로 여기에 자세히 설명 된 것처럼 두 가지 방법으로이 작업을 수행 할 수 있습니다.

  • Font Awesome에서 직접 소스 코드를 직접 가져 오기.
  • 패키지를 다운로드 한 다음 FTP를 통해 서버에 업로드.

처음에, 나는 그것을 다운로드하고 나 자신을 주최하도록 유혹 받았지만, 그것이 추가 작업만을 의미한다는 것을 깨달았습니다. 물론 패키지 자체를 가져 와서 FTP를 통해 업로드하는 것은 그리 오래 걸리지 않지만 (#lazy) 업데이트 된 상태를 유지해야합니다..

반면에 퍼가기를 처리 할 때는 모든 것이 처리됩니다. 또한 모든 유지 관리 작업을 제쳐두고, CDN에서 팩을 제공하므로 성능도 향상됩니다..

사용법은 매우 간단합니다. 전자 메일을 입력하고 임베드 코드를 전달하십시오.

Font Awesome 시작하기

Font Awesome은 임베드 코드와 함께 해당 코드를 등록하는 옵션과 함께 추가 이메일을 제공하는 환영 이메일을 보내드립니다. (참고 : 필수 사항은 아니며 기본 Font Awesome 기능을 사용하기 위해 등록 할 필요는 없습니다.)

코드가 작성되면 wp-admin의 ‘모양 / 편집기’섹션으로 이동하십시오 (변경하기 전에 항상 전체 사이트와 개별 파일을 백업하십시오.), 테마 섹션에 해당 코드를 추가하십시오. 이것은 보통 header.php 파일에 있습니다 :

헤드 섹션

참고 : 테마를 업데이트 한 경우이 Font Awesome 통합이 사라지고 다시 실행해야합니다. 그러나 이전 기사에서 언급 한 바와 같이 하위 테마를 사용할 때 그러한 문제는 없습니다..

소스 코드가 포함 된 직후 사이트에서 Font Awesome을 사용하도록 설정했습니다. 작업 완료 — 이제 원하는대로 모든 아이콘을 사용할 수 있습니다!

선택 사항 : 멋진 계정 등록

앞에서 언급했듯이 소스 코드를 가져올 때 Font Awesome에 계정을 등록 할 수있는 기회도 제공됩니다. 꼭 필요한 것은 아니지만 실제로 권장합니다. 계정은 무료이며 몇 가지 대가를받습니다 :

  • 임베드를 구성하는 기능.

글꼴 멋진 포함 사용자 정의

  • 사용중인 아이콘에 대한 멋진 통계.

프리미엄 가치가 있습니까??

내가 처음에 몰랐던 것은 Font Awesome이 Fort Awesome이라는 프리미엄 버전의 제품을 제공한다는 것입니다..

그것에 대해 알아야 할 주요 사항 :

  • 더 많은 아이콘이 있습니다. Fort Awesome을 사용하면 추가 아이콘을 개별 세트 (테마, 다른 디자인 스타일 등)로 나눌 수 있습니다. 이를 통해 하나의 도구를 통해 사이트의 모든 아이콘 요구를 충족시킬 수 있습니다. 특히 아이콘을 통해 표현해야 할 특정 항목이 필요한 경우.
  • 자신의 아이콘을 업로드하고 사용할 수 있습니다. 로고, 제품 아이콘 또는 기타 의미있는 것을 업로드하고 Font Awesome 라이브러리에 추가 할 수 있기 때문에 멋지다. 여기서 강점은 다른 Font Awesome 아이콘과 마찬가지로 해당 아이콘을 사용할 수 있다는 것입니다. 모든 아이콘은 소스에 상관없이 일관되게 작동합니다.
  • 사용자 정의 설정을 얻습니다. 아이콘 키트를 사용할 수있는 도메인 등을 설정할 수 있습니다..
  • 키트에 서체를 포함시킬 수 있습니다. 최고의 무료 글꼴 중 하나를 선택하거나 자신 만의 글꼴을 업로드 할 수 있습니다. 이렇게하면 사이트의 타이포그래피 자산이 모두 한 곳에 보관됩니다.
  • MaxCDN을 통해 제공되는 최적화 된 CDN을 통해 모든 것을로드 할 수 있습니다..

결국 Font Awesome의 프리미엄 제품의 핵심은 모든 아이콘과 서체의 사용 편의성, 성능 개선 및 전체적인 손쉬운 관리입니다.

계획은 일년에 $ 49에서 시작합니다 (무료 평가판이 있습니다). 내부 내용은 다음과 같습니다.

요새 최고 계획

즉,이 프리미엄 서비스는 아마도 더 큰 웹 사이트, 전자 상거래 상점 또는 주제별 웹 사이트에서만 혜택을 볼 수있는 것입니다. 하루가 끝나면 사이트에 몇 개의 아이콘 만 있으면되며 최소한 표준 WordPress 블로그를 사용하는 경우에는 자주 업데이트하지 않을 것입니다.

반면에 전자 상거래 상점은 개별 제품에 대한 사용자 정의 아이콘을 만들거나 다양한 아이콘 키트를 사용하여 해당 페이지를 구매자에게 더 매력적으로 만들 수 있습니다. 그러나 여전히 볼륨의 모든 것입니다. 작은 제품 카탈로그는 Font Awesome을 사용하지 않고 수동으로 각 제품에 대해 생성 된 아이콘과 매우 잘 어울리므로 여전히 프리미엄 패키지의 이점은 그리 크지 않습니다.

또한 Font Awesome 프리미엄은 ‘모든 것을 포함한’패키지가 아니라는 점을 지적 할 가치가 있습니다. 추가 유료 아이콘 키트 (한 개당 최대 $ 50)가 있으므로 프리미엄 서비스를받은 후에도 지갑에 계속 도달 할 수 있습니다..

결론은 Fort Awesome (Font Awesome premium)이 대부분의 WordPress 블로그에 가장 적합한 옵션은 아니라는 것입니다. 솔직히 무료 오퍼를 이용하면 99 %의 시간을 당신의 요구를 충족시킬 수 있다고 믿습니다..

프리미엄에 관해서는 다양한 항목, 제품 또는 메뉴의 시각적 표현에 의존하고 라이브러리에 새로운 요소를 매우 자주 추가하는 더 큰 사이트를 운영하는 경우에만 좋은 투자가 될 것입니다. 이러한 시나리오에서는 Font Awesome의 CDN 제공을 통해 사이트를 더 빠르게 처리 할 수 ​​있습니다..

결론

Font Awesome은 훌륭한 제품이라고 생각합니다. 이전에는 결코 멋지고 멋지게 디자인 된 아이콘을 웹 사이트에 쉽게 통합 할 수 없었습니다. 당신은 말 그대로 단 하나입니다 시각화하려는 모든 것에 대한 완벽한 아이콘에서 (거의?) 태그를 지정하십시오..

간단히 말해서 멋진 글꼴 :

  • 멋진 글꼴 : 예, 예, 예.
  • 폰트 어썸 프리미엄 (Fort Awesome) : Meh.
  • 다양한 Font Awesome WordPress 플러그인 : 좋습니다..

마지막으로 Font Awesome은 광고를 포함하여 거의 모든 목적으로 사용할 수있는 완전한 오픈 소스 프로젝트입니다. 추가 비용을 지불하거나 다른 사람에게 권한을 요청하지 않아도됩니다..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map