엘리멘터에서도 프리텐다드 가변(Pretendard Variable) 글꼴을 마음대로 써보자!

엘리멘터 폰트 고민 끝! 소셜브릿지 프리텐다드 가변 폰트 플러그인 출시 🎉 안녕하세요! 워드프레스로 웹사이트를 제작하다 보면 ‘폰트’ 때문에 고민에 빠지는...
  • 글쓴이
  • 읽는 시간 약 2분
  • 2022년 1월 20일

엘리멘터 폰트 고민 끝! 소셜브릿지 프리텐다드 가변 폰트 플러그인 출시 🎉

안녕하세요! 워드프레스로 웹사이트를 제작하다 보면 ‘폰트’ 때문에 고민에 빠지는 순간이 꼭 찾아옵니다. 특히 깔끔하고 세련된 UI를 위해 최근 가장 사랑받는 폰트인 **’프리텐다드(Pretendard)’**를 엘리멘터(Elementor)에 적용하려면 커스텀 폰트를 업로드하거나 복잡한 CSS를 건드려야 하는 번거로움이 있었죠.

이런 불편함을 단번에 해결하기 위해 **소셜브릿지(Social Bridge)**에서 아주 가볍고 강력한 무료 플러그인을 개발하여 공개했습니다!

이제 복잡한 설정 없이, 플러그인 설치 하나만으로 엘리멘터에서 프리텐다드 가변 글꼴을 마음껏 사용해 보세요.

 


💡 워드프레스 플러그인이란 무엇인가요?

본격적인 소개에 앞서 워드프레스 입문자분들을 위해 짧게 설명해 드릴게요!

**플러그인(Plugin)**은 스마트폰에 새로운 기능을 추가하기 위해 ‘앱(App)’을 다운로드하는 것과 같습니다. 워드프레스 기본 기능이나 테마만으로는 부족한 기능(게시판, 보안, SEO, 그리고 이번처럼 폰트 추가 등)을 웹사이트에 쉽게 덧붙여주는 확장 프로그램입니다. 코딩 지식이 없어도 누구나 쉽게 웹사이트를 업그레이드할 수 있게 해주는 마법 같은 도구죠.

 


✨ 소셜브릿지 프리텐다드 가변 글꼴 플러그인의 강력한 장점

이번에 소셜브릿지에서 선보인 플러그인은 철저하게 ‘사용자 편의’와 ‘웹사이트 최적화’에 초점을 맞췄습니다.

1. 엘리멘터 타이포그래피 위젯 완벽 연동

플러그인을 설치하고 활성화하는 순간, 엘리멘터의 텍스트 관련 위젯(제목, 텍스트 에디터 등)의 ‘타이포그래피’ 옵션 폰트 목록에 **”Pretendard Variable”**이 마법처럼 나타납니다. 선택만 하면 프론트엔드(실제 웹사이트 화면)에 즉시 반영됩니다.

2. 외부 CDN 사용으로 서버 부담 ZERO!

무거운 폰트 파일을 내 웹호스팅 서버나 미디어 라이브러리에 직접 올릴 필요가 없습니다. 빠르고 안정적인 외부 CDN(Content Delivery Network)을 통해 폰트를 불러오기 때문에, 서버 용량을 차지하지 않고 트래픽 부담을 획기적으로 줄여줍니다. 웹사이트 로딩 속도 저하 걱정 없이 사용하세요.

3. 가장 단순하고 가벼운 코드 구조

테마나 다른 플러그인과 충돌이 발생하지 않도록 군더더기 없이 꼭 필요한 기능만 담은 단순한 코드로 제작되었습니다. 무거운 플러그인들 때문에 사이트가 느려질까 걱정하셨던 분들도 안심하고 설치하실 수 있습니다.

4. 왜 ‘가변 폰트(Variable Font)’인가요?

일반 폰트는 굵기(Weight)별로 100부터 900까지 각각의 파일을 따로 불러와야 해서 로딩이 느려집니다. 하지만 ‘가변 폰트’는 단 하나의 파일로 얇은 글씨부터 두꺼운 글씨까지 모든 굵기를 매끄럽게 표현할 수 있어 웹 성능 최적화에 탁월합니다.

 


🛠️ 플러그인 설치 및 삭제 가이드

사용법도 아주 간단합니다. 아래의 순서대로 따라 해보세요.

 

📌 플러그인 설치 및 적용 방법

  1. 워드프레스 관리자 페이지(대시보드)에 로그인합니다.

  2. 좌측 메뉴에서 **[플러그인] > [새로 추가]**를 클릭합니다.

  3. 소셜브릿지에서 다운로드한 플러그인 zip 파일을 [플러그인 업로드] 버튼을 눌러 추가하고 **[지금 설치]**를 누릅니다.

  4. 설치가 완료되면 **[플러그인 활성화]**를 클릭합니다.

  5. 이제 엘리멘터 편집 화면으로 들어가 텍스트 위젯을 클릭한 뒤, 스타일 > 타이포그래피 > 서체(Family) 드롭다운 메뉴를 확인해 보세요. ‘Pretendard Variable’이 추가된 것을 볼 수 있습니다!

 

🗑️ 플러그인 삭제 방법

만약 폰트를 더 이상 사용하지 않거나 플러그인을 삭제하고 싶다면 아주 깔끔하게 제거할 수 있습니다.

  1. 관리자 메뉴 **[플러그인] > [설치된 플러그인]**으로 이동합니다.

  2. ‘Social Bridge Pretendard Variable Font (가칭)’ 플러그인 아래의 **[비활성화]**를 클릭합니다.

  3. 비활성화된 상태에서 [삭제] 버튼을 누르면 웹사이트에 어떤 찌꺼기 코드도 남기지 않고 안전하게 제거됩니다.


웹사이트의 첫인상을 결정하는 것은 바로 ‘글꼴’입니다. 소셜브릿지가 준비한 가볍고 빠른 프리텐다드 가변 플러그인으로 여러분의 엘리멘터 웹사이트를 한층 더 세련되고 전문적으로 꾸며보세요!

  • 글쓴이
    관리자

함께 읽어보세요

Secret Link