Simple Text Style Shortcode Plugin

[플러그인] Simple Text Style Shortcode

워드프레스에서 사용할 수 있는 간단한 텍스트 스타일 지정 숏코드 플러그인을 만들어보았습니다. 매우 간단하기 때문에 사이트에 영향이 거의 없습니다. TinyMCE Advanced와 같은 플러그인을 사용해도 되지만, Visual Composer 같은 페이지 빌더로 인해 제대로 작동하지 않을 경우에나 조금 무거운 플러그인의 사용을 원치 않는 경우에 사용할 수 있습니다. 다운로드 비밀번호: 2015.

원하는 텍스트를 [pfont][/pfont]로 둘러싸면 됩니다.

예시:

[pfont size=”20px” weight=”bold”]아직까지 넷플릭스[/pfont]는 국내에서 인터넷 TV들과 비교해 비싼 가격과 부족한 우리말 콘텐츠 때문에 기대만큼 폭발력을 발휘하지 못하고 있다. [pfont size=”15px” color=”blue” weight=”bold” bbottom=”1px solid red”]그러나 스마트 TV, 컴퓨터, 스마트폰 등 다양한 디지털 기기를 넘나들며[/pfont] 운영체제에 상관없이 계속 시청할 수 있는 점과 [pfont bg=”yellow”]연속드라마[/pfont]나 시리즈물의 경우 다음 편을 기다리지 않고 한 번에 몰아볼 수 있는 점은 국내 지상파나 IPTV들을 뛰어넘는 장점이다. 여기에 외국 콘텐츠와 어린이용 콘텐츠가 풍부한 것도 장점으로 꼽힌다.

글자 크기, 속성(볼드체 등), 테두리, 배경색 등 다양한 속성을 지정할 수 있으며, 위와 같이 숏코드를 추가하면 다음과 같이 글에서는 표시됩니다.

Simple Text Style Shortcode Plugin

다음과 같은 속성이 지원됩니다. 원하는 경우 소스를 참조하여 추가하는 것도 가능합니다.

  • color -글자 색상
  • bg – 배경색
  • size – 글자 크기
  • top – padding-top
  • bottom – padding-bottom
  • right – padding-right
  • left – padding-left
  • padding – padding
  • border – 테두리)
  • bbottom – border-bottom
  • radius – border-radius
  • weight – font-weight
  • height – line-height

CSS를 조금 알면 쉽게 이용할 수 있습니다. font-size12px로 기본으로 설정되어 있고 나머지는 기본값이 설정되어 있지 않습니다.

참고:



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.