DIV 내의 컨텐츠 인쇄하기

텍스트 하이라이터(형광펜) 플러그인

Simple Text Highlighter Shortcode Plugin for WordPress

텍스트를 원하는 색상으로 형광펜 처리를 하는 간단한 워드프레스 플러그인을 만들어보았습니다. Simple Text Highlighter Shortcode Plugin for WordPress는 매우 가벼운 플러그인으로 텍스트를 하이라이트하는 숏코드를 제공합니다. (다운로드는 아래 Updated 섹션에서 가능합니다.)

설치 방법

  • zip 파일의 압축을 풀고 플러그인 폴더에 업로드합니다(…/wp-content/plugins/ 아래)
  • 또는 “플러그인” -> “플러그인 추가하기”에 들어가서 “플러그인 업로드”를 클릭하여 직접 zip 파일을 업로드하여 설치할 수도 있습니다.

사용 방법

숏코드 {high}와 {/high}를 사용하여 텍스트를 하이라이트 처리할 수 있습니다. ({…}는 […]로 바꾸어 주세요.)

예제 ({…}는 […]로 바꾸어 주세요^^):

  • {high}텍스트{/high} -> 기본적으로 노란색으로 하이라이트합니다.
  • {high color=”red” bg=”blue”}텍스트{/high} -> 파란색으로 하이라이트하고 텍스트 색상을 빨간색으로 설정합니다.
  • {high bg=”grey” color=”white” size=”20px”  left=”5px”} -> Background color: grey, Text-color: white, Text-size: 20px, Padding-left: 5px

지원되는 속성자:

  • bg = background-color
  • color = text-color
  • padding = padding
  • size = text-size
  • left = padding-left
  • right = padding-right
  • top = padding-top
  • bottom = padding-bottom
  • border = border
  • bbotom = border-bottom
  • radius = border-radius
  • weight = font-weight
  • height = line-height

매우 단순한 숏코드 플러그인이기 때문에 모든 환경에서 문제없이 작동할 것입니다. 문제가 있으면 댓글로 알려주시기 바랍니다.

Updated:

업데이트된 버전입니다(다운로드 비밀번호: 2015). 속성자가 추가되었고 스타일이 지정된 사전 설정(Preset)이 추가되었습니다.

  • {pcode}wp_redirect(){/pcode} => wp_redirect()
  • {kbd}Ctrl + C{/kbd} => Ctrl + C
  • {navytext}문장이나 어구{/navytext} => 문장이나 어구

다운로드에 문제가 있는 경우 아래 코드를 복사하여 사용 중인 워드프레스 테마의 함수 파일에 추가하시기 바랍니다.

/*
Plugin Name: Simple Text Highliter Shortcode
Plugin URI: http://www.thewordcracker.com/
Description:
Author: WordCracker
Version: 1.2
Author URI: http://www.thewordcracker.com/
*/

add_shortcode('high', 'highlighter_span_shortcode');
function highlighter_span_shortcode($atts, $content = null) {
extract(shortcode_atts(array('color' => '', 'bg' => 'yellow', 'size' => '', 'padding' => '', 'left' => '', 'right' => '', 'top' => '', 'bottom' => '', 'border' => '', 'bbottom' => '', 'radius' => '', 'weight' => '', 'height' => ''), $atts));
$return = '<span style="';
if (!empty($color)) $return .= 'color:'.$color.';';
if (!empty($bg)) $return .= 'background-color:' .$bg.';';
if (!empty($size)) $return .= 'font-size:'.$size.';';
if (!empty($padding)) $return .= 'padding:'.$padding.';';
if (!empty($left)) $return .= 'padding-left:'.$left.';';
if (!empty($right)) $return .= 'padding-right:'.$right.';';
if (!empty($top)) $return .= 'padding-top:'.$top.';';
if (!empty($bottom)) $return .= 'padding-bottom:'.$bottom.';';
if (!empty($border)) $return .= 'border:'.$border.';';
if (!empty($bbottom)) $return .= 'border-bottom:'.$bbottom.';';
if (!empty($radius)) $return .= 'border-radius:'.$radius.';';
if (!empty($weight)) $return .= 'font-weight:'.$weight.';';
if (!empty($height)) $return .= 'line-height:'.$height.';';
$return .= '">';
return $return . $content . '</span>';
}

function code_formatting($atts, $content = null) {
$return ='<span class="codeformatting" style ="padding: 2px 4px; font-size: .95em; color: #c7254e; background-color: #f9f2f4; border-radius: 4px;">';
return $return . $content . '</span>';
}
add_shortcode('pcode', 'code_formatting');

function keyboard_shortcuts_formatting($atts, $content = null) {
$return ='<span class="keyboardshortcode" style ="display: inline-block; padding: 3px 5px; font-size: .85em; line-height: 14px; color: #333; background-color: #fcfcfc; border: 1px solid #ccc; border-bottom-width: 2px; border-radius: 3px; box-shadow: inset 1px -1px 1px #fff, inset -1px 1px 1px #fff;">';
return $return . $content . '</span>';
}
add_shortcode('kbd', 'keyboard_shortcuts_formatting');

function navytext_formatting($atts, $content = null) {
$return ='<span class="navytext" style ="color: #ffffff; background-color: #006699; font-weight: bold;">';
return $return . $content . '</span>';
}
add_shortcode('navytext', 'navytext_formatting');

 



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