Articles

전체를 구성하는 사용자 정의 단축에서는 워드 프레스

by admin

워드 프레스 단축하는 데 사용됩 1)양을 줄의 코드를 작성해야 합니다;2)의 사용을 단순화하는 워드프레스 플러그인과 테마,다른 기능이 있습니다. 그들은 당신이 단축 코드를 삽입 할 때,그것은 코드의 조각으로 대체,매크로처럼 작동합니다. 그것은 무엇이든 될 수있다.

워드 프레스와 함께 제공 몇 가지 사전 정의 단축,같은,그리고 그들은 또한 포함되어 있으로 많은 인기 있는 플러그인과 테마입니다. 당신은 또한 당신의 자신을 만들 수 있습 사용자 정의 단축하는 것과 같은 열을 만들의 워드프레스 웹사이트.

이 게시물에서는 자신 만의 사용자 정의 단축 코드를 만들고 사용하는 과정을 단계별로 살펴 보겠습니다. 을 자세히 알아보도록 하겠습니다 전체 프로세스를 만드는 새로운 단축하고 수정하는 방법을 보여줍 및 제어 특성을 단축합니다.

이 단축 코드를 만드는 방법에 대한 세부 정보로 이동합니다 더 고급 게시물임을 유의하시기 바랍니다. 로 작업하는 경우드를 넘어 귀하의 기술적 전문성,그리고 당신을 얻을 수있는 가장 쉬운 방법으로 시작을 만들고 사용하기 단축할 수 있습을 시작으로 단축 코드 플러그인입니다.

자신의 단축 코드를 만들 때,당신이해야 할 두 가지가 있습니다:

  1. 단축 코드 핸들러 함수를 만듭니다. 단축 코드 함수는 선택적 매개 변수(속성)를 취하고 결과를 반환하는 함수입니다.
  2. 단축 코드 처리기 함수를 등록합니다. 내장 WordPressadd_shortcut기능을 사용하여 사용자 정의 단축 코드를 등록하십시오.

준비스에 대한 사용자 정의 단축

지만 그것은 필요하지 않습니다,그것의 좋은 아이디어를 계속 사용자 정의 단축에서 자신의 파일입니다. 또는 테마의functions.php파일에 추가 할 수 있습니다.

첫째,새 파일을 만들라는custom-shortcodes.phpfunctions.php파일입니다.

그 안에 새로 생성한 파일에 다음을 추가 코드 블록

<?php ?>

다음을 열고,functions.php파일에 다음 줄을 추가 코드:

include('custom-shortcodes.php');

이제 사용자 정의 단축 코드 추가를 시작할 준비가되었습니다.

기본 단축

첫 번째 예에서,우리가 만드는 기본적인 워드 프레스 단축 코드를 삽입하는 하루의 인디 아바타 이미지의 아래에 있다.

만들기 단축

첫 번째 단계를 만드는 것입 단축 기능이다. custom-shortcodes.php파일 안에 다음 코드 블록을 추가하십시오:

function dotiavatar_function() { return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" alt="doti-avatar" width="96" height="96" class="left-align" />';}

에 코드를 들어,위의dotiavatar_functionavatar-simple.png.

다음 단계는 내장 함수add_shortcode를 사용하여 wordpress 에 단축 코드를 등록하는 것입니다. 여전히custom-shortcodes.php안에 다음 코드 줄을 추가하십시오:

add_shortcode('dotiavatar', 'dotiavatar_function');

등록하는 경우의 단축 코드를 사용하는add_shortcode$tag$func)/후크는 것이 실행될 때마다 바로 가기를 사용됩니다.

이 경우에 바로 가기 태그는dotiavatardotiavatar_function.

참고:태그 이름을 지정할 때는 소문자 만 사용하고 하이픈은 사용하지 마십시오 밑줄은 허용됩니다.

단축 코드를 사용하여

이제 단축 코드를 만들고 등록 했으므로 시도해 볼 시간입니다! 당신이 원하는 때마다 이 DOTI 아바타를 나타나 내부에 콘텐츠를 게시,단축을 사용할 수 있습니다 대신

단축으로 매개변수(속)

이전를 들어, 많지 않아서 객실을 변경하는 것입니다. 단일 이미지를 푸시하는 대신 매개 변수를 사용하여 사용할 이미지를 설정할 수 있기를 원합니다. 일부 속성($atts)을 추가하여 수행 할 수 있습니다.

다시 한번,안custom-shortcodes.php,추가 또 다른 기능은 다음과 같이

function dotirating_function( $atts = array() ) { // set up default parameters extract(shortcode_atts(array( 'rating' => '5' ), $atts)); return "<img src=\"http://dayoftheindie.com/wp-content/uploads/$rating-star.png\" alt=\"doti-rating\" width=\"130\" height=\"188\" class=\"left-align\" />";}

기능을 위 받는 하나의 매개 변수를ratingrating5shortcode_atts기능을 결합하는 기본값으로 값으로 전달되었을 수 있습니다으로 기능입니다.

등록하는 것을 잊지 마세요 단축:

add_shortcode('dotirating', 'dotirating_function');

으로 단축 기능을 만든 후크 추가는,단축입니다 이제 사용할 준비가 안에 당신의 게시물 내용:

또는 생략할 수 있습니다rating, 고 그냥 기본 값:

니다. 이제 자동 폐쇄 워드 프레스 단축 코드를 만드는 방법을 알고있다. 그러나 당신이 만들 수있는 또 다른 종류가 있습니다.

단축 코드 묶기

지금까지 자체 폐쇄 단축 코드로 작업했습니다. 그러나 단축 코드의 또 다른 유형이 있습니다:단축 코드를 묶습니다.

단축 코드를 둘러싸면 BBCode 스타일의 형식을 사용할 수 있습니다. 즉,스타일의는 다음과 같습니다.

content

둘러싸고 단축에 대한 유용한할 때 필요한 조작 동봉된 내용입니다. 예를 들어,당신이 당신의 웹 사이트를 사용하는 버튼의 특정 스타일을 가정 해 봅시다; 사용할 수 있습니다 HTML 코드를 생성하는 버튼/스타일에 필요한 모든 시간을 당신은 그것을 사용하거나,당신은 설정할 수 있습니다 주문 바깥쪽 단축을 대신 합니다.

둘러싸는 단축 코드를 사용하여,당신은 오히려 코드에 비해 내용에 초점을 유지할 수있어.

만들기 단축

,다시 안에custom-shortcodes.php파일에 다음을 추가 코드 블록

function dotifollow_function( $atts, $content = null ) { return '<a href="https://twitter.com/DayOfTheIndie" target="blank" class="doti-follow">' . $content . '</a>';}

코드에서 블록상,$content = null을 식별하는 데 사용되는 이 기능으로 둘러싸니다. 그리고 해당 함수 내에서 HTML 코드 내에서 콘텐츠($content)를 래핑합니다.이제 단축 코드를 등록 할 시간입니다.

add_shortcode('dotifollow', 'dotifollow_function');

그리고 그게 다야! 귀하의 단축 코드를 사용할 준비가되었습니다.

를 사용하여 단축

를 사용하여 바깥쪽 단축되지 않는 훨씬 다른 사용하여 자동으로 닫히 하나입니다. HTML 같은,당신은 단지 당신을 확인할 필요가 있을 열고 문을 닫:

Follow us on Twitter!

의 물론,이것은 그냥 기본적인 예이다. 자동 닫는 단축 코드와 마찬가지로 둘러싸는 단축 코드에 매개 변수를 추가 할 수도 있습니다.

안에custom-shortcodes.php,하나 더 추가 기능:

function dotibutton_function( $atts = array(), $content = null ) { // set up default parameters extract(shortcode_atts(array( 'link' => '#' ), $atts)); return '<a href="'. $link .'" target="blank" class="doti-button">' . $content . '</a>';}

그리고 등록을 단축:

add_shortcode('dotibutton', 'dotibutton_function');

이 새로운 기능이트에 대한 링크가 버튼을 사용하여 다음과 같은 문법:

Shop Now!

으로 둘러싸 단축을 통해,당신은 많이 할 수 있는 아주 작은 코드입니다.

단어에 대한 위젯

기본적으로 단축에서만 지원됩 글,페이지,또는 사용자 정의 포스트 유형은 그들이에서 지원되지 않 사이드 위젯입니다. 에 대한 지원을 추가,위젯을 추가해야 하는 다음과 같은 코드를functions.php파일:

add_filter( 'widget_text', 'shortcode_unautop' );add_filter( 'widget_text', 'do_shortcode' );

이렇게 하면,사용할 수 있는 단축에서 위젯과 같이지에서 게시글/페이지입니다.

포장 일 까지

추가 자신의 단축하지 않는 많은 노력을-특히 일단 방법을 이해하는 그들이 구현됩니다. 더 많은 것을 배우고 싶다면 WordPress 코덱스를 확인하십시오.