기사에 단축 코드를 삽입하는 방법. WordPress CMS에서 단축 코드 만들기

/ 장치 설치
  • CMS,
  • 워드프레스,
  • 웹사이트 개발
  • 단축 코드 란 무엇입니까?
    버전 2.5부터 WordPress 개발자는 "Shortcodes API"라는 개념을 도입했습니다. 이 기능을 사용하면 웹사이트 페이지나 블로그 게시물에 매크로 코드를 생성하고 사용할 수 있습니다. 예를 들어, 간단하고 짧은 게시물은 전체 사진 갤러리를 페이지에 추가합니다.

    이 기사에서는 더 복잡한 단축 코드를 올바르게 생성하는 방법과 단축 코드 생성 시 가장 일반적인 문제를 해결하는 방법을 보여 드리고자 합니다.

    1. 타사 스크립트 연결 및 실행 오직페이지에 단축 코드가 있는 경우.
    2. 다중 레벨 단축 코드.
      • 복합 단축 코드.
      • 단축 코드 중첩.
    토양 준비
    무언가를 만들기 전에 내 버전의 파일 배치를 제안합니다.
    /
    /포함/
    단축 코드.php

    함수.php

    거의 모든 가이드에서는 function.php 파일에서 직접 단축 코드를 생성할 것을 제안합니다. 나는 즉시 말할 것입니다. 나는 이 접근법에 반대합니다. 대신에 모든 단축 코드를 삽입하는 것이 좋습니다. 별도의 파일(include/shortcodes.php)를 작성하여 function.php에 한 줄로 포함시킵니다. 이렇게 하면 function.php의 부담이 크게 줄어들고 코드 읽기가 더 쉬워집니다.

    메모 : WordPress는 물론 require를 통한 파일 포함을 지원하지만 이를 강력히 권장하지 않습니다. 대신 사용하는 것이 좋습니다 get_template_part().

    스크립트 연결
    많은 초보 개발자는 이러한 실수를 자주 저지릅니다. 단축 코드를 선언할 때 특정 단축 코드의 작동에 필요한 스크립트를 즉시 포함합니다. 즉, 이 단축 코드가 페이지에 없더라도 스크립트는 항상 로드됩니다.

    이러한 구현의 예:

    함수 foobar_func($atts) ( "foo 및 bar" 반환; ) add_shortcode("foobar", "foobar_func"); function foo_script () ( wp_register_script("foo-js", get_template_directory_uri() . "/includes/js/foo.js"); wp_enqueue_script("foo-js"); ) add_action("wp_enqueue_scripts", "foo_script");

    이것은 완벽하게 작동하는 옵션이지만, 스크립트가 필요하지 않은 경우에도(예: 단축 코드가 없는 경우) 모든 페이지에 스크립트가 로드됩니다.

    이러한 상황을 방지하려면 다음 접근 방식을 사용하는 것이 좋습니다.

    1. 단축 코드를 별도의 클래스로 정의하십시오.
    2. 이 단축 코드가 페이지에 있는지 여부를 결정하는 플래그를 추가하세요.
    3. 단축 코드가 있는 경우에만 스크립트를 로드하세요.

    그게 다야 ...

    이러한 구현의 예:

    클래스 foobar_shortcode ( 정적 $add_script; 정적 함수 init () ( add_shortcode("foobar", array(__CLASS__, "foobar_func")); add_action("init", array(__CLASS__, "register_script")); add_action("wp_footer" , array(__CLASS__, "print_script"); ) 정적 함수 foobar_func($atts) ( self::$add_script = true; "foo 및 bar" 반환; ) 정적 함수 Register_script() ( wp_register_script("foo-js", get_template_directory_uri () . "/includes/js/foo.js" ) 정적 함수 print_script () ( if (!self::$add_script) return; wp_print_scripts("foo-js"); ) ) foobar_shortcode::init( );

    이전 구현과 달리 이 단축 코드는 초기화되지만 페이지에 단축 코드가 있는 경우에만 모든 스크립트가 로드됩니다.

    중첩된 단축 코드
    초보 개발자가 직면할 수 있는 몇 가지 문제가 더 있습니다.
    • 다중 레벨 단축 코드 생성(여러 개로 구성)
    • 동일한 단축 코드 내에 단축 코드를 사용합니다.

    이제 - 더 자세히.

    다중 레벨 단축 코드 생성
    문제는 이러한 숏코드가 여러 개의 작은 숏코드로 구성되어 있어 이를 별도의 숏코드로 사용하는 것을 방지해야 한다는 것입니다(필요한 경우 제외).

    가격표를 생성하는 단축 코드를 예로 들어 보겠습니다. 이렇게 하려면 세 가지 별도의 단축 코드를 준비해야 합니다.


    -


    - …
    -
    -
    - 옵션 1
    - 옵션 2
    - …
    -

    이 예에서는 3개의 단축 코드를 사용합니다: .

    add_shortcode("가격", "가격_코드");
    add_shortcode("계획", "계획_코드");
    add_shortcode("옵션", "옵션_코드");

    내부 단축코드가 별도의 단축코드로 사용되는 것을 방지하기 위해 다음과 같은 방식이 제안됩니다.

    가격 -> 페이지에 코드 표시
    계획 -> 데이터 수신
    옵션 -> 데이터 가져오기

    즉, 코드는 외부 단축 코드로만 페이지에 출력되고, 내부 단축 코드는 단순히 수신된 데이터를 반환합니다. 이러한 구현의 예가 아래에 나와 있습니다.
    외부 단축 코드 기능 설명:

    함수 Price_code ($atts, $content) ( // 가격 계획에 대한 전역 변수 초기화 $GLOBALS["plan-count"] = 0; $GLOBALS["plans"] = array(); // 콘텐츠 읽기 및 내부 단축 코드 실행 do_shortcode($content); // HTML 코드 준비 $output = "

    "; if(is_array($GLOBALS["plans"])) ( foreach ($GLOBALS["plans"] as $plan) ( $planContent = "
    "; $planContent .= $plan; $planContent .= "
    "; $output .= $planContent; ) ) $output .= "
    "; // HTML 코드 출력 return $output; )

    내부 단축 코드 기능 설명:

    함수 plan_code ($atts, $content) ( // 단축 코드 매개변수 가져오기 extract(shortcode_atts(array("title" => "", // 계획 제목 이름 "price" => "0", // 계획 가격), $ atts)); // HTML 준비: 계획 제목 $plan_title = "

    "; $plan_title .= " "; $plan_title .= "
    "; // HTML 준비: 가격 $f_price = round(floatval($price), 2); $f_price = ($f_Price > 0) ? $f_Price: 0; $s_price = "$".$f_Price; $price_plan = "
    "; $price_plan .= "

    ".$s_price."

    "; $price_plan .= " ".$텍스트.""; $price_plan .= "
    "; // 옵션에 대한 전역 변수 초기화 $GLOBALS["plan-options-count"] = 0; $GLOBALS["plan-options"] = array(); // 내용을 읽고 내부 단축 코드를 실행 do_shortcode($content ) ; // HTML 준비: 옵션 $plan_options = "
    "; if (is_array($GLOBALS["plan-options"])) ( foreach ($GLOBALS["plan-options"] as $option) ( $plan_options .= $option; ) ) $s_OptionsDiv.= "
    "; // HTML 준비: 콘텐츠 정렬 $plan_div = $plan_title; $plan_div .= $price_plan; $plan_div .= $plan_options; // 받은 데이터 저장 $i = $GLOBALS["plan-count"] + 1; $ GLOBALS["plans"][$i] = $GLOBALS["plan-count"] = $i; // 출력 없음 return true ) function option_code ($atts, $content) ( // 준비 HTML $plan_option = "
    "; $plan_option .= "

    ".do_shortcode($content)."

    "; $plan_option .= "
    "; // 수신된 데이터를 저장합니다. $i = $GLOBALS["plan-options-count"] + 1; $GLOBALS["plan-options"][$i] = $plan_option; $GLOBALS["plan-options- count "] = $i; // 아무것도 출력하지 않음 return true; )

    이 접근 방식을 사용하면 단축 코드는 조립된 경우에만 작동합니다. 즉, 올바르게 사용하면 다른 경우에는 화면에 아무것도 표시되지 않습니다(따라서 아무 것도 깨지지 않습니다).

    물론 이 단축 코드를 최적화하고 개선할 수는 있지만 여전히 주요 아이디어를 시연했다고 생각합니다.

    중복된 단축 코드
    문제는 단축코드 안에 동일한 단축코드를 사용해야 한다는 것입니다. 내 실습에서 가장 일반적인 예는 열을 생성하는 단축 코드였습니다. 즉, 예를 들어 열을 사용하여 페이지를 2개의 부분으로 나누고 첫 번째 열을 2개의 열로 더 나누어야 합니다.


    콘텐츠
    콘텐츠

    불행히도 이러한 중첩은 이미 WordPress에 너무 많은 것입니다. 레이아웃은 두 번째 콘텐츠에서 이미 분리됩니다. 이는 단축 코드를 열 때 WordPress가 즉시 이 단축 코드의 두 번째(닫는) 부분을 찾기 때문에 발생합니다. 이 예에서는 첫 번째 중첩된 단축 코드에서 첫 번째 열이 닫힙니다.

    안타깝게도 이 문제를 해결하려면 단순히 새 단축 코드를 추가하는 것 외에는 다른 옵션이 없습니다. 그러나 함수를 다시 작성하는 것은 의미가 없습니다. 간단히 기존 함수에 대한 단축 코드를 초기화할 수 있습니다.

    Add_shortcode("column_half", "column_half_code"); add_shortcode("column_half_inner", "column_half_code"); 함수 column_half_code ($atts, $content) ( return "

    ".do_shortcode($content)."
    "; ) 이 경우 원래 구문은 다음과 같습니다. 콘텐츠 콘텐츠 콘텐츠

    결론
    이 기사에서는 제가 겪은 가장 일반적인 문제를 살펴보았습니다. 추가하거나 수정하고 싶은 부분이 있거나 이 문제 또는 저 문제에 대한 해결책을 제안하는 경우 주저하지 말고 이 기사에 대한 의견을 적어주세요.

    워드프레스는 강력하다 출판 시스템, 초보 블로거와 모든 종류의 포럼, 소셜 네트워크, 상점 등을 만드는 데에도 똑같이 편리합니다.

    일반적으로 각 응용 프로그램에 대해 적절한 템플릿이 선택되지만 때로는 그 기능이 충분하지 않습니다.

    WordPress에 자신만의 "열정"을 추가할 수 있는 단축 코드가 구출되는 곳입니다.

    숏코드는 페이지, 헤더, 위젯의 텍스트, 즉 콘텐츠에 직접 삽입되어 WordPress의 기능을 확장하는 짧은 코드입니다.

    도움을 받으면 텍스트 서식을 아름답게 지정하고, 열로 나누고, 콘텐츠, 버튼, 오디오 플레이어, 주문 양식 및 WordPress를 다른 모든 기능과 구별하는 기타 여러 기능을 페이지에 삽입할 수 있습니다.

    특정 단축 코드에 대한 핸들러가 없는 경우 페이지에서 이를 호출하면 일반 텍스트처럼 보입니다.

    이 문서에서는 의도적으로 존재하지 않는 단축 코드의 이름을 사용하여 단축 코드를 호출하는 모습을 볼 수 있지만 해당 작업의 결과는 볼 수 없습니다.

    구조별 단축 코드 유형

    매개변수 없이 매개변수와 내용이 함께 제공됩니다.

    매개변수가 없는 단축코드

    때로는 엄격하게 정의된 기능을 수행하기 위해 단축 코드를 호출해야 하는 경우도 있습니다. 매개변수를 전달할 필요가 없습니다.

    예를 들어, 이 코드는 다음을 출력합니다. 횡선. 모양은 스타일 시트에 따라 결정됩니다.

    이 호출은 현재 연도를 표시합니다. 매년 텍스트를 편집할 필요가 없어 편리합니다.

    매개변수가 있는 단축 코드

    때로는 다른 결과를 얻기 위해 매개변수를 전달해야 하는 경우도 있습니다.

    예를 들어, 스타일 시트에서 스타일을 지정해야 하는 아름다운 버튼을 삽입하는 방법입니다.

    여기에는 두 가지 매개변수가 포함됩니다. 제목-주문, 구독 등과 같은 버튼의 비문입니다.

    URL- 클릭연결 주소입니다.

    이것은 현재 중앙 은행 환율의 달러 가격에서 자동으로 변환되는 루블 가격을 삽입하는 방법입니다.

    매개변수는 다음과 같습니다. 에스가격은 달러입니다.

    콘텐츠가 포함된 단축 코드

    두 부분으로 구성되며 그 사이에 게시물, 위젯 등의 콘텐츠가 포함될 수 있습니다.

    다음은 글 아래에 컬러 배경을 "배치"하여 텍스트 조각이나 게시물의 일부를 강조 표시하는 방법입니다.

    컬러 배경에 표시되는 텍스트가 있습니다.

    매개변수 색상일반적인 16진수 코드로 배경색을 설정합니다.

    다음은 동일한 너비의 두 열에 텍스트를 표시하는 방법입니다.

    PHP 코드의 숏코드는 이를 처리하는 함수와 해당 함수를 코드에 할당하는 명령으로 구성됩니다.

    버튼의 일반적인 단축 코드는 다음과 같습니다.

    기능 하_하지만($atts,$content=NULL) (
    추출(단축 코드_atts(배열(
    '제목' => '가다',
    'url' => 거짓
    ), $atts));

    $출력=" '.$제목."’;

    $ 출력을 반환합니다.
    }
    add_shortcode('하지만','ha_but');

    이 예에서는 함수 이름이 지정됩니다. 하_하지만. 두 개의 매개변수가 전달됩니다 - 제목그리고 URL. 그리고 제목기본값이 할당됨 가다. 코드를 호출할 때 매개변수가 제목건너뛰면 기본 버튼에 다음 문구가 표시됩니다. 가다.

    함수 내에서는 다른 함수를 호출할 수 있고, 파일을 연결할 수 있습니다. 단축 코드의 기능은 상상력과 프로그래밍 기술에 의해서만 제한됩니다.

    그런 다음 함수는 다음을 사용하여 작업 결과를 반환합니다. 반품.

    기능 add_shortcode이름으로 단축 코드에 할당 하지만이름별 핸들러 함수 하_하지만.

    페이지 전체 너비에 걸쳐 있는 노란색 버튼의 스타일은 다음과 같습니다.

    Btn(
    디스플레이: 인라인 블록;
    색상: #000000;
    글꼴: 300 16px “로보토”, 산세리프;
    텍스트 변환: 대문자;
    배경: #fde42b;
    배경: -webkit-gradient(선형, 왼쪽 위, 왼쪽 아래, from(#fcea38), to(#ffcf00));
    배경: -webkit-linear-gradient(top, #fcea38 0%, #ffcf00 100%);
    배경: 선형 그라데이션(아래로, #fcea38 0%, #ffcf00 100%);
    테두리 하단: 3px 솔리드 #b27d00;
    패딩: 14px 15px 11px;
    너비: 90%;
    테두리 반경: 2px;
    텍스트 정렬: 중앙;
    텍스트 장식: 없음;
    텍스트 그림자: 1px 1px 0 #ffec89;

    }
    .btn:호버(
    불투명도: 1;
    배경: -webkit-gradient(선형, 왼쪽 하단, 왼쪽 상단, from(#ffdd02), to(#fffe6d));
    배경: -webkit-linear-gradient(하단, #ffdd02 0%, #fffe6d 100%);
    배경: 선형 그라데이션(위로, #ffdd02 0%, #fffe6d 100%);
    테두리 색상: #bd8500;

    WordPress 템플릿에 단축 코드를 삽입하는 방법

    단일 게시물 출력을 담당하는 파일에 직접 단축 코드 처리기인 함수를 삽입할 수 있습니다. 일반적으로 다음과 같습니다. 싱글.php. 그러면 이 단축 코드는 게시물에서만 작동합니다.

    파일로 붙여넣는게 나을듯 함수.php,모든 WordPress 테마에서 사용할 수 있습니다. 그러면 단축 코드가 모든 페이지, 위젯 등에서 작동합니다.

    그러나 템플릿을 업데이트하거나 변경하면 단축 코드가 더 이상 처리되지 않습니다. 향후 블로그 디자인을 변경할 계획이라면 모든 단축 코드의 코드를 하나의 파일에 배치하는 것이 좋습니다. 예를 들어, 단축 코드.php,그리고 폴더에 넣어두세요 나의사이트 루트에 있습니다.

    이 경우 파일에 삽입하여 통화를 구성해야 합니다. 함수.phprequire_once('my/shortcodes.php');

    WordPress 테마를 변경하거나 업데이트한 후에는 이 명령을 다시 입력하는 것을 잊지 마세요.

    WordPress 페이지에 단축 코드를 삽입하는 방법

    단축 코드가 작동하려면 대괄호, 단축 코드 이름 및 매개 변수로 구성된 콘텐츠의 원하는 위치에 해당 호출을 삽입해야 합니다. 동시에 일반 게시물 텍스트처럼 어떤 스타일로든 디자인할 수 있습니다.

    필요한 문제를 해결하는 자신만의 WordPress 단축 코드를 만들 수 있도록 충분한 예제가 있기를 바랍니다.

    여기에서 더 복잡한 단축 코드를 만드는 방법에 대한 비디오 튜토리얼을 시청하세요:

    나는 최근에 WordPress에 단축 코드를 삽입하는 방법이나 다른 엔진을 사용하는 사이트에 스크립트를 표시하는 방법을 모르는 사람들이 많다는 것을 발견했습니다. 그리고 웹사이트 템플릿의 코드로 웹사이트 테마를 만드는 방법을 아시는 분 PHP 출력단축번호, 종종 허용됩니다 심각한 실수. 그리고 결국 그들은 플러그인이 있거나 단축 코드가 작동하지 않습니다, 또는 일반적으로 사이트 템플릿에 문제가 있습니다. 그러나 실제로 모든 것이 매우 간단하며 주로 구문과 구두점에 대한 부주의 또는 무지로 인해 실수가 발생합니다.

    어떻게파일? 빠른 응답

    특히 이미 모든 것을 알고 있지만 빠른 답변을 찾고 있거나 다른 엔진을 찾고 있는 경우 다음 코드를 사용하세요.

    PHP는 단축 코드를 WordPress에 에코합니다.

    그러나 구두점을 잊지 마세요! 당신의 인용문 단축번호그리고 다섯PHP코드가 달라야 합니다.

    즉, WordPress 사이트 템플릿에서 동일한 단축 코드를 사용하지만 내부에 두 개의 따옴표([“..."])가 있고 PHP 코드에서도 사용하는 경우 큰따옴표(“[…]”), 그 중 일부를 단일 항목으로 변경해야 합니다. 종종 그런 작은 이유 때문에 그렇습니다. WordPress에서는 단축 코드가 작동하지 않습니다.. 이에 대한 자세한 내용은 아래에서 확인하세요.

    단축번호란 무엇인가요?(단축 코드), 그것은 무엇을 위한 것인가요?

    단축번호는영어에서 "단축코드" WordPress, Joomla 등과 같은 콘텐츠 관리 시스템(CMS)과 작동하도록 설계된 플러그인이나 모듈을 만들 때 주로 사용됩니다. 간단히 말해서 이 짧은 코드는 사이트에 추가할 때 끌어당기는 일종의 바로가기입니다. 플러그인의 모든 큰 코드.

    단축 코드는 일반적으로 다음과 같습니다. 이 단어 또는 단 한 단어라도 가능합니다.

    어쨌든 이것은 사이트에 단축 코드를 추가하는 원리를 아는 것이기 때문에 그다지 중요하지 않습니다.

    어떻게 작동하나요?

    매우 간단합니다. 웹사이트가 있다고 가정해 보겠습니다. 워드프레스 엔진, 간단한 웹사이트 템플릿(디자인)이 있지만 이를 장식하기 위해 그 위에 사진이 자동으로 스크롤되는 슬라이더를 배치하기로 결정했습니다. 매우 쉽습니다. 이렇게 하려면 공유 라이브러리에서 슬라이더 플러그인을 다운로드해야 합니다. WordPress 플러그인, 거기에 필요한 사진을 업로드하면 플러그인이 다음과 같은 작은 슬라이더 코드를 제공합니다.

    하지만 한 줄에 다음과 같은 짧은 코드(Shortcode)가 있습니다.

    이런 식으로 삽입하면

    Wordpress 또는 위젯에서 사이트 페이지에 단축 코드를 추가하면 플러그인이 작동하기 시작하고 상단의 큰 슬라이더 코드가 생성되며 그 결과 사이트 페이지에 슬라이더가 표시됩니다.

    에이 단축번호 삽입하는 방법슬라이더 직선 워드프레스 템플릿으로 PHP 코드에서?

    코드에 직접 필요한 경우, 이 목적을 위해 이 플러그인 개발자는 PHP의 단축 코드 함수(위 그림) 옆에 작성했습니다.

    이 단축 코드 "함수"는 사이트에서 필요한 위치에 있는 PHP 파일에 삽입될 수 있습니다. 예를 들어, header.php, 본문 뒤나 sidebar.php, 또는 무엇보다도 페이지 템플릿 파일(content-page.php와 같은 이름으로 불릴 수 있음)에서 다음과 같은 결과를 얻을 수 있습니다. 동일한 슬라이더이지만 이미 사이트 자체 디자인에 내장되어 있습니다.

    하지만 그럴 때는 매우 조심해야 합니다. WordPress 템플릿의 단축 코드 출력 PHP 파일에서. 이를 위해서는 최소한 기본이 필요합니다. PHP 지식. PHP 파일의 "잘못된 위치"에 삽입하면 사이트에 오류가 표시되기 때문입니다.

    일반적으로 모든 PHP 코드는 다음으로 시작합니다.. 하나의 PHP 코드를 마친 후 다른 코드를 시작하기 전에 PHP 함수를 삽입할 수 있습니다. 불행하게도 플러그인 개발자는 단축 코드를 표시하기 위해 항상 미리 만들어진(이 예에서와 같이) PHP 함수를 만드는 것은 아닙니다. 이 경우 아래에서 더 자세히 설명하고 쉽고 간단하게 직접 만들 수 있습니다.

    어떻게 PHP에서 단축 코드 표시다섯 워드프레스, 플러그인에 미리 만들어진 PHP 기능이 없다면?

    개발자가 사이트 템플릿 파일에 단축 코드를 삽입하기 위해 미리 만들어진 PHP 함수를 지정하지 않고(이전 예의 경우처럼) 단축 코드만 표시하기로 결정한 플러그인이 있습니다. 예를 들어 이 슬라이더 플러그인에서는 다음과 같습니다.

    WordPress 템플릿에 단축 코드를 삽입하고 사이트의 PHP 파일에 직접 삽입해야 하기 때문에 이 경우 어떻게 해야 합니까? 이 경우 기사 시작 부분에 표시된 PHP 출력 함수를 사용하여 단축 코드를 직접 래핑하면 됩니다. 결과적으로 단축 코드를 고려하면 다음과 같은 유형의 PHP 함수를 얻게 됩니다.

    워드프레스 단축코드 삽입하는 방법

    이제 모든 웹사이트 템플릿에 안전하게 통합될 수 있습니다. 그러나 아직 서두르지 말고 숙련된 웹마스터라도 단축 코드를 추가할 때 흔히 범하는 실수에 대해 아래 내용을 읽어보세요.

    중대한 실수! 아니면 WordPress 단축 코드가 작동하지 않는 이유는 무엇입니까?

    기사 시작 부분에서 이미 올바른 방법을 설명했습니다. 단축 코드 추가다섯 워드프레스,그리고 어떻게 단축번호를 붙여넣으세요PHP. 이제 모든 것을 요약해 보겠습니다.

    실제로 추가하는 방법에는 두 가지가 있습니다.

    WordPress 단축 코드를 템플릿으로

    보시다시피 단일 및 이중 따옴표로만 서로 다릅니다. PHP 언어 구문은 이러한 인용문에 매우 주의를 기울입니다. 그리고 두 개의 따옴표가 있는 두 번째 함수 내부에 두 개의 따옴표가 있는 단축 코드를 삽입하면 예를 들어 다음과 같이 사이트에서 오류가 발생합니다.

    오류가 없고 단축 코드가 정상적으로 작동하려면 다른 따옴표가 필요합니다. 예를 들어 다음과 같습니다.

    편집기에서 직접 WordPress 템플릿에 처음 두 개의 단축 코드를 추가할 수 있습니다. 이렇게 하려면 슬라이더를 표시하려는 사이트의 "장소"를 제어하는 ​​사이트 편집기에서 적합한 PHP 파일을 찾으십시오. Ctrl+Shift+I 키 조합을 눌러 브라우저의 개발자 도구에서 직접 이 위치를 찾을 수 있습니다.

    새로운 단축 코드와 이에 대한 후크를 추가합니다.

    각 단축 코드에 대해 하나의 핸들러 함수만 생성할 수 있습니다. 이는 다른 플러그인이 동일한 단축 코드를 사용하는 경우 기능이 다른 플러그인으로 대체되거나 그 반대의 경우도 마찬가지입니다(기능이 연결된 순서에 따라 다름).

    단축 코드에 속성이 있으면 다음으로 변환됩니다. 소문자, 함수에 전달되기 전에. 값은 영향을 받지 않습니다.

    함수(단축 코드 처리기)가 반환하는 결과는 항상 반환되어야 하며 표시되지 않아야 합니다.

    단축 코드는 다음 형식의 구성입니다. 또는 또는 텍스트의 텍스트는 단축 코드를 담당하는 후크 기능에 의해 생성된 다른 텍스트로 대체됩니다.

    WordPress의 단축 코드에 관한 비디오:

    후크가 없습니다.

    보고

    아무것도 반환하지 않습니다.

    용법

    add_shortcode($tag, $func); $tag

    (문자열) (필수)

    텍스트에 사용될 단축 코드의 이름입니다. 예: '갤러리'.< > = .
    공백 및 다음과 같은 비표준 문자: & /는 이름에 사용할 수 없습니다.

    기본값: 아니요 $tag

    $func

    단축 코드가 발견되면 작동해야 하는 함수의 이름입니다.

      이 함수는 3개의 매개변수를 받으며, 각 매개변수는 전달되거나 전달되지 않을 수 있습니다. $atts
      (정렬)
      단축 코드에 지정된 속성의 연관 배열입니다.

      기본값: ""(빈 문자열 - 속성 없음) $content
      (선)
      닫는 단축 코드 구문이 사용되는 경우 단축 코드 텍스트: 단축 코드 텍스트

    • 기본: "" $content
      $태그
      단축 태그. 추가로 전송하는 데 유용할 수 있음 기능. 예: 단축 코드가 이면 태그는 foo 가 됩니다.

    공백 및 다음과 같은 비표준 문자: & /는 이름에 사용할 수 없습니다.

    기본값: 현재 태그

    #1. 단축번호 등록 예시:

    function footag_func($atts)( return "foo = ". $atts["foo"]; ) add_shortcode("footag", "footag_func"); // 결과: // 텍스트의 단축 코드는 "foo = bar"로 대체됩니다.

    #1.2. 단축 코드 속성 화이트리스트 설정

    단축 코드에 우리가 지정한 매개변수만 포함하고 이러한 매개변수가 기본값을 갖도록 하려면 shortcode_atts() 함수를 사용해야 합니다. Add_shortcode("bartag", "bartag_func"); 함수 bartag_func($atts)( //화이트리스트

    매개변수 및 기본값 $atts = shortcode_atts(array("foo" => "no foo", "baz" => "default baz"), $atts);

    "foo = ($atts["foo"])"를 반환합니다. )

    #2. 콘텐츠에 단축번호 등록하기

    이러한 단축 코드를 만드는 예는 다음과 같습니다.

    Add_shortcode("baztag", "baztag_func"); function baztag_func($atts, $content) ( return "content = $content"; ) // 결과: // 단축 코드 구문은 "content = text here"로 대체됩니다.

    #3. 수업 단축코드 등록하기

    플러그인이 클래스로 작성된 경우:

    Add_shortcode("baztag", [ "내 플러그인", "baztag_func" ]); 클래스 MyPlugin ( 정적 함수 baztag_func($atts, $content) ( return "content = $content"; ) )

    #4 단축 코드를 통해 iframe 삽입하기 "; ) add_shortcode("iframe", "Generate_iframe"); // 사용법:

    #5 숏코드를 통해 ID별로 게시물 표시하기

    테마의 function.php 파일에 있는 숏코드를 이용하여 ID별로 게시물을 가져오도록 하겠습니다.

    Add_shortcode("평가", "평가_단축 코드_핸들러"); function testimonials_shortcode_handler($atts)( global $post; $rg = (object) shortcode_atts([ "id" => null ], $atts); if(! $post = get_post($rg->id)) return "" ; $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID));

    심벌 마크). "" alt="아이콘" /> !}

    ".get_the_content() ."

    작성자_이미지) ."" alt="이미지"> !}

    ".esc_html($post->author_name) ." ".esc_html($post->author_designation) ."

    "; wp_reset_postdata(); $out 반환; )

    메모

    • 글로벌. 정렬. $shortcode_tags

    변경사항 목록

    버전 2.5.0부터 소개되었습니다.

    암호 단축 코드 추가: wp-includes/shortcodes.php WP 5.2.3

    &/\[\]\x00-\x20=]@", $tag)) ( /* 번역자: 1: 단축 코드 이름, 2: 공백으로 구분된 예약 문자 목록 */ $message = sprintf(__("잘못된 단축 코드 이름: %1$s 공백이나 예약 문자를 사용하지 마세요: %2$s"), $tag, "& /< >="); _doing_it_wrong(__FUNCTION__, $message, "4.4.0"); return; ) $shortcode_tags[ $tag ] = $callback; )

    WordPress 단축 코드는 강력하지만 콘텐츠 관리 시스템의 아직 잘 알려지지 않은 기능입니다. 블로그에 광고를 게재하려면 애드센스라는 단어를 입력하기만 하면 됩니다. post_count 명령을 사용하면 게시물 수를 즉시 확인할 수 있습니다. 비슷한 예가 많이 있습니다. 기능 세트를 사용하면 블로거의 작업이 훨씬 쉬워집니다.

    간단한 단축 코드의 예

    초보 사용자는 특수 명령을 만들고 사용하는 방법은 물론 기성 옵션을 사용할 수 있는 방법도 배워야 합니다. 이렇게 하려면 WordPress 단축 코드가 무엇으로 구성되어 있는지 이해해야 합니다. 예를 들어 Some 문장을 사용할 수 있습니다. 이 게시물에서 사용자는 단축 코드와 관련된 옵션을 호출합니다. 이 행은 두 개의 매개변수로 구성됩니다.

    항목의 첫 번째 부분은 id 및 color 속성으로 구성된 배열입니다. 이러한 값 대신 여는 태그에 원하는 이름을 가진 매개변수를 지정할 수 있습니다. 항목의 두 번째 부분은 텍스트입니다. 이를 처리하려면 전체 레코드를 PHP로 변환해야 합니다. 사용자는 my_shortcode(array("id"=>"1", "color"="white"), "Some 문장") 내용이 포함된 줄을 받게 됩니다.

    원하시면 위의 닫는 태그 없이 게시물을 사용해도 됩니다. 이 줄은 다음과 같습니다: . 이 경우 여는 태그에 나열된 속성만 함수에 전달됩니다. 지정된 녹음 옵션은 처리를 위해 다른 정보를 받을 필요가 없는 옵션을 호출할 때 사용됩니다. 갤러리를 추가하려면 속성에 ID를 지정하면 됩니다.

    WordPress에 단축 코드를 삽입하는 방법

    기능 세트는 사용하기 매우 쉽습니다. 블로거는 편집을 위해 새 게시물을 작성하거나 기존 게시물을 열어야 합니다. 그런 다음 텍스트 편집기를 HTML 모드로 전환하고 . 속성을 사용할 수도 있습니다. 항목은 다음과 같습니다.

    단축 코드(텍스트)에 모든 콘텐츠를 삽입할 수 있습니다. WordPress 2.5에는 Shortcode API라는 기능 세트가 도입되었습니다. 게시물을 저장한 후 게시물의 내용을 처리합니다. 이와 동시에 Shortcode API는 단축 코드를 변환하여 할당된 기능을 수행합니다.

    목적

    이 도구를 사용하면 HTML이나 특별한 지식 없이도 편집기에서 독창적인 WordPress 테마를 만들 수 있습니다. 필요한 경우 아코디언 스타일 버튼과 슬라이더가 추가됩니다. 사용자는 텍스트를 열로 나누고, 갤러리를 연결하고, 모든 색상으로 단어를 강조 표시하고, 가격이 포함된 아름다운 목록과 표를 삽입할 수 있습니다. 단축 코드를 사용하면 블로그를 더욱 기능적으로 만들고 콘텐츠를 더욱 표현력 있고 효과적으로 만들 수 있습니다. 인터랙티브 요소를 추가하는 이 방법은 많은 문제를 해결하는 데 사용되며 작업에 매우 유용합니다.

    단축 코드 만들기

    사용자가 간단한 PHP 함수를 입력하는 방법을 안다면 목표를 쉽게 달성할 수 있습니다. 단축 코드를 생성하려면 WordPress function.php 파일 중 하나를 찾아 열어야 합니다. 그런 다음 hello() 줄 함수를 삽입해야 합니다("Hello, world!"; 반환). 이 작업을 수행하면 지정된 텍스트를 표시하는 기능이 생성됩니다. 숏코드로 변환하려면 “hello()” 옵션 뒤에 “add_shortcode()” 명령어를 삽입해야 합니다.

    해당 줄은 다음과 같습니다: add_shortcode("hw", "hello");. 단축코드가 생성되면 사용자는 이를 노트와 페이지에서 사용할 수 있습니다. 이렇게 하려면 HTML 모드로 전환하고 행을 입력해야 합니다. 이 단축 코드는 이러한 기능 세트를 생성하는 것이 얼마나 쉬운지를 보여주는 명확한 예입니다.

    플러그인 사용

    작업을 더 쉽게 하기 위해 블로거는 확장 프로그램을 다운로드할 수 있습니다. 추가 기능을 사용하는 것은 불필요한 설정 없이 미리 만들어진 기능 세트를 얻는 가장 쉬운 방법입니다.

    MyThemeShop의 WP 단축 코드

    가장 최근에는 이 무료 확장이 프리미엄 솔루션으로 배포되었습니다. 현재 WordPress 단축 코드 플러그인에는 버튼, 지도, 구분선, 가격표 등 24개의 기본 요소가 포함되어 있습니다. 시작하려면 블로거가 추가 기능을 설치하고 텍스트 편집기를 열어야 합니다. 단축 코드를 추가하려면 "+" 아이콘을 클릭해야 합니다. 나타나는 팝업창의 설정 개수는 사용자의 선택에 따라 달라집니다.

    단축 코드 궁극

    이것은 가장 인기 있는 확장 프로그램 중 하나입니다. 추가 기능은 WordPress 사용자 정의를 위한 모든 플러그인 컬렉션에 있습니다. 확장 기능은 모든 사용자가 사용할 수 있습니다. 필요한 경우 플러그인에 대한 유료 추가 항목이 다운로드됩니다. 블로거는 50페이지 디자인 요소, 단축 코드 생성기 및 CSS 스타일 편집기를 사용하여 작업할 수 있습니다.

    플러그인은 여러 언어를 지원합니다. 소프트웨어 제품의 장점에는 모든 템플릿과의 통합, 현대적인 디자인, 독창적인 버튼 디자인, 갤러리용 사용자 정의 위젯 및 슬라이더의 존재도 포함됩니다.

    유익한 단축 코드

    이 확장은 시각적으로 매우 간단합니다. 소프트웨어 제품 업데이트는 자주 수행되지 않습니다. 그러나 애드온에는 모든 표준 WordPress 단축 코드가 포함되어 있습니다.

    블로거는 가로 및 세로 탭, 열, 구분선 등을 사용하여 작업할 수 있습니다. 추가된 요소는 그래픽 편집기에 즉시 표시됩니다. 사용자는 설정 섹션을 사용하여 게시물이나 웹페이지에 대해 이를 끌 수 있습니다.

    쇼트코더

    이 플러그인은 종종 다른 컬렉션에서도 발견됩니다. 확장 프로그램은 거의 업데이트되지 않습니다. 사용자는 HTML 및 JavaScript 코드를 사용하여 기능 세트를 만들 수 있습니다. 가장 간단한 예 중 하나는 텍스트에 광고 블록을 배치하는 것입니다. 이렇게 하려면 일련의 AdsenseAd 기능을 만들어야 합니다.

    Shortcoder 플러그인은 매우 유연한 도구입니다. 여기서는 기본 단축 코드를 찾을 수 없습니다. 사용자는 필요한 요소를 독립적으로 생성할 수 있습니다.

    쉬운 부트스트랩 단축 코드

    플러그인을 사용하면 사이트에 새로운 디자인 스타일을 추가할 수 있습니다. 개발자들은 이것이 WordPress에서 가장 간단하고 접근하기 쉬운 확장이라고 주장합니다. 텍스트 편집기 패널에는 단축 코드를 복사하여 붙여넣을 수 있는 버튼이 포함되어 있습니다. 플러그인은 아이콘이 있는 글꼴을 지원합니다. 사용자는 스타일과 기타 웹사이트 디자인 요소를 추가할 수 있습니다.

    확장 프로그램은 웹 리소스 그리드와 함께 작동하도록 만들어졌으므로 열에 대한 설정이 많습니다. 블로거는 여러 블록을 생성할 수 있을 뿐만 아니라 크기와 들여쓰기를 지정할 수도 있습니다. 플러그인은 사용자가 기본 단축 코드(탭, 목록, 버튼, 라벨, 슬라이더 등)로도 작업할 수 있도록 지원합니다.

    WP 캔버스 - 단축 코드

    추가 기능에는 사이트 기능을 확장하기 위한 가장 인기 있는 기능 세트가 포함되어 있습니다. 블로거는 일반 요소뿐만 아니라 프레임, 캡션이 있는 이미지, 리뷰 추가용 블록, 카운트다운 위젯, 효과가 있는 진행률 표시기 등에 액세스할 수 있습니다.

    플러그인은 사용자 정의 스타일, HTML 코드, 아이콘이 있는 글꼴을 지원합니다. 원하는 경우 블로거는 페이지에 사이트 게시물을 선택하여 표시할 수 있습니다. 개발자는 사용자에게 소프트웨어 제품에 대한 간략한 설명만 제공했습니다. 동시에 플러그인은 할당된 모든 기능에 잘 대처합니다.

    Arconix 단축 코드

    확장 프로그램에는 6가지 유형의 WordPress 단축 코드가 포함되어 있습니다. 사용자는 블록, 탭, 버튼, 슬라이더 등을 사용하여 작업할 수 있습니다. 플러그인은 아이콘이 있는 글꼴을 지원합니다. 원하는 경우 블로거는 로그인 양식을 변경하고 백라이트를 켜고 페이지를 열로 나눌 수 있습니다.

    간단한 단축 코드

    이것은 WordPress의 가장 간단한 확장 중 하나입니다. 소프트웨어 제품을 설치한 후 텍스트 편집기의 상단 패널에서 다양한 요소를 선택하는 버튼을 볼 수 있습니다. 탭, 드롭다운 목록, 아이콘, 알림 등 모든 표준 단축 코드가 여기에 있습니다.

    블로거는 기능 세트를 생성하고 사용하는 방법을 배운 후 사이트에 미리 만들어진 솔루션에 집중할 수 있습니다.

    WordPress 단축 코드: 설정

    Twitter 소셜 네트워크에 게시물을 게시하기 위한 링크를 표시하는 방법은 무엇입니까? 이렇게 하려면 function.php 파일을 열고 PHP의 다른 WordPress 단축 코드 옆에 다음 줄을 붙여넣어야 합니다. function twitt())(return "

    ID).""title="친구들과 노트를 공유하세요!" >отправить!}
    ";)add_shortcode("트위터", "트윗");.

    그런 다음 HTML 모드로 전환해야 합니다. 다음으로 단어를 입력해야 합니다. 사용자가 단축 코드를 남긴 위치에 링크가 추가됩니다.

    "RSS 구독" 기능 세트

    구독자 수를 늘리는 가장 효과적인 방법 중 하나는 올바른 형식의 메시지를 표시하는 것입니다. 블로거는 WordPress 테마 코드 전체를 변경할 필요가 없습니다. 사용자는 기능 세트가 표시될 위치를 스스로 결정해야 합니다. 코드는 다음과 같습니다: function subscribeRss() (return "

    신청
    ";) add_shortcode("subscribe", "subscribeRss");.

    Google 애드센스 추가

    많은 블로거가 문맥 광고 서비스를 사용합니다. Google의 도구 코드를 테마 파일에 붙여넣는 것은 쉽습니다. 그러나 마케팅 담당자는 사람들이 콘텐츠에 포함된 링크를 클릭할 가능성이 더 높다는 것을 알고 있습니다. 페이지의 아무 곳에나 광고 블록을 삽입하려면 단축 코드를 만들고 명령으로 호출해야 합니다.

    RSS 피드 추가

    이 작업을 수행하려면 함수를 단축 코드로 변환해야 합니다. 그런 다음 HTML 모드를 활성화하고 해당 줄을 편집기 필드에 삽입해야 합니다. 첫 번째 속성은 RSS 피드 URL을 나타내고, 두 번째 속성은 표시할 메모 수를 나타냅니다.

    데이터베이스에서 게시물 추가

    편집기에서 직접 기사 목록을 불러오려면 단축 코드를 생성하고 HTML 모드로 전환한 후 행을 삽입해야 합니다. 이 명령은 ID가 2인 카테고리의 게시물 5개를 나열합니다. WordPress 플러그인이 관련 게시물을 표시할 수 있다는 사실에 주목할 가치가 있습니다. 그러나 단축 코드를 사용하면 블로거는 특정 카테고리의 게시물 목록을 쉽게 얻을 수 있습니다.

    지난 글 사진 불러오기

    이미지 작업을 더 쉽게 하기 위해 기능 세트를 사용할 수 있습니다. 지난 게시물의 이미지를 불러오려면 숏코드를 생성해야 합니다. 그런 다음 HTML 모드를 활성화하고 편집 필드에 해당 줄을 삽입해야 합니다.

    위젯에 기능 세트 추가

    단일 WordPress 단축 코드가 사이트의 측면 열에서 작동하지 않는다는 사실에 주목할 가치가 있습니다. 플랫폼 제한을 우회할 수 있습니다. 이렇게 하려면 WordPress function.php의 테마 파일을 열고 add_filter('widget_text', 'do_shortcode'); 줄을 삽입해야 합니다. 단축코드가 위젯에 추가됩니다.

    © 2024 ermake.ru - PC 수리 정보 - 정보 포털