워드프레스 CMS에서 쇼트코드 생성하기. TinyMCE 비주얼 포스트 에디터에 쇼트코드 삽입 버튼 추가하기
짧은 코드- 이것은 웹마스터에게 매우 유용한 것입니다. 단축 코드는 동일한 유형의 정보를 사이트의 수백 페이지에 삽입하는 일상적인 작업을 실제로 용이하게 합니다. 동시에 원하는 단축 코드의 정보를 대규모로 교체하는 것이 편리합니다.
아직도 숏코드가 뭔지 모르시면 간단히 설명드리겠습니다. 문서에 일부 코드를 삽입해야 한다고 상상해 보세요. 링크가 됩니다.
10가지 유용한 WordPress 단축 코드
임의의 위치에 있는 10개의 기사에 삽입하고 싶다고 상상해 봅시다. 원칙적으로 어렵지 않습니다. 이제 링크가 끊어져서 10곳에서 교체해야 한다고 상상해 보십시오. 100페이지라면? 이 작업을 수동으로 수행하는 것은 어려울 것입니다. 그렇지 않으면 많은 사람들에게 이것은 어려운 작업입니다.
이제 편집기 모드에서 텍스트에 직접 삽입할 수 있는 와 같은 각 코드에 대한 짧은 링크를 만들 수 있는 플러그인이 있다고 상상해 보십시오. 이 링크는 종종 html 모드보다 훨씬 더 편리합니다.
이제 링크를 변경해야 하는 경우 플러그인 관리자 패널로 이동하여 링크를 변경하면 숏코드가 있는 사이트의 모든 페이지에서 코드가 자동으로 변경됩니다. 각 링크, 배너, 스크립트 또는 이미지에 대해 고유한 단축 코드를 생성하고 단일 제어 센터에서 이 배열을 관리할 수 있습니다.
그리고 온라인 상점이 있다면 이것은 당신에게 훨씬 더 유용한 것입니다. 우커머스 단축 코드를 사용하면 가격, 환율, 제품 이름 등을 일괄 변경할 수 있습니다. 이 모든 것을 어떻게 할 수 있습니까?
wordpress에서 단축 코드를 생성하기 위한 플러그인이 꽤 많이 있지만 그중 어느 것도 마음에 들지 않았습니다. 모든 것이 영어로 되어 있거나 때로는 너무 화려하거나 때로는 기능이 충분하지 않습니다. 유명한 현서야 블로거 비탈리 부르고미스트로프이러한 목적을 위한 무료 플러그인 발표 - mojWP의 sCode.
다음은 이 플러그인이 작동하는 짧은 비디오입니다.
숏코드 템플릿 코드를 html에 삽입하면 삽입한 내용인 숏코드가 표시됩니다. 작동하려면 단축 코드를 함수로 묶어야 합니다.
이제 사이트에서 단축 코드 뒤에 숨은 내용을 정확히 볼 수 있습니다. 복잡하지 않죠? 관리자 패널에는 플러그인에 대한 작은 지침과 내가 기사에 삽입한 비디오가 있습니다.
. 예전부터 하고 싶었던 일인데 이제 때가 된 것 같다. 내 아이디어의 본질을 이해하기 위해 한 가지만 언급하겠습니다.
애드센스에서 돈을 버는 것은 무엇입니까?
1. 클릭당 비용.
2. 클릭수.
기사가 작성되고 이미 좋은 트래픽이 있는 경우 더 이상 첫 번째 기사에 영향을 미칠 수 없습니다. 그러나 우리는 클릭률을 동시에 크게 높일 수 있습니다. 아시다시피 기사에 나오는 광고 블록에 대해서만 이야기하겠습니다. 사이드 바, 지하실, 헤더의 블록이 가장 멍청하고 오래 전에 모두 제거했습니다.
그러나 기사는 완전히 다른 문제입니다. 사람이 기사를 읽기 시작하고 광고를 우연히 발견합니다. 클릭할까요? 여기에서 그것은 모두 한 가지 요소에 달려 있습니다. 광고 주제는 기사의 이 단계에서 논의되는 문제와 완전히 일치합니다. 예:
선택할 호스팅에 대해 읽는 사람이 있습니다. 당신이 기사에 쓴 질문을 읽고, 읽고, 접근하고 그것을 굵게 표시합니다 - 선택할 최고의 호스팅은 무엇입니까?
그건 그렇고, 나는 이미 이 플러그인을 사용했고 내 질문 뒤에 애드센스 광고가 포함된 단축 코드를 삽입했습니다. 무엇을 표시합니까? 광고 블록을 다른 위치에 배치하면 이 효과는 더 이상 존재하지 않습니다. 내가 무엇을 얻고 있는지 이해합니까?
예, 올바른 위치에 광고 쇼트코드를 수동으로 삽입해야 합니다! 이 장소가 존재하지 않으면 CREATE해야 합니다! 다음과 같이 할 수 있습니다. google.com을 열고 검색에 기사 이름을 입력하십시오. 검색 결과에서 우리 기사를 찾고 있습니다. 우리는 adsense가 보여주는 것을 봅니다. 우리는 기사에서 올바른 위치가 될 위치를 찾고 있습니다. 이 광고의 단어를 사용하여 기사를 마무리하고 거기에 단축 코드를 삽입합니다.
이제 기사의 광고는 적어도 광고가 서게 될 텍스트에 대해 콘텐츠에 최대로 적합할 것입니다. 네, 길고 음울하지만 우리는 쉬운 길을 찾고 있지 않습니까? 쉬운 길은 패자의 종교...
답을 찾지 못하셨나요? 사이트 검색을 이용하세요
단축 코드는 조건을 사용하여 게시물 콘텐츠 내에서 사용할 수 있는 PHP 함수입니다.
예를 들어 표준 WordPress 단축 코드를 사용하면 게시물 안에 갤러리를 표시할 수 있습니다.
이 기능은 WordPress 개발자에게 놀라운 기회를 제공한다는 것이 분명합니다. 오늘날 게시물에 양식, 버튼, 슬라이더를 삽입하는 것은 매우 적절합니다.
함수가 인수를 가질 수 있는 것처럼 쇼트코드도 자체 매개변수를 가질 수 있습니다. 다른 단축 코드 예:
코드를 functions.php 파일에 붙여넣을 수 있습니다(현재 테마 디렉토리에 있는 파일을 의미합니다).
쇼트코드의 이름은 소문자여야 하며 라틴 문자, 숫자 및 밑줄만 포함해야 합니다.
매개변수가 있는 쇼트코드
좋아, 나는 단축 코드가 자체 매개 변수를 가질 수 있다고 이미 작성했습니다. 이제 어떻게 수행되는지 봅시다.
예를 들어 새 브라우저 탭 target="_blank" 에서 열리는 게시물에 링크를 삽입하는 단축 코드를 작성했습니다. 실제로 유용할 수 있다고 생각하지 않지만 지금 우리에게 가장 중요한 것은 단축 코드가 작동하는 원리를 이해하는 것입니다.
두 개의 매개 변수가 있습니다: 앵커 및 url - 각각 앵커(링크 텍스트) 및 URL 매개 변수가 단축 코드 자체에 지정되지 않은 경우 함수에 설정된 기본값이 사용됩니다.
단축 코드 및 단축 코드 내부의 단축 코드 닫기
이전 예제의 단축 코드를 가져와서 약간 조정해 봅시다. 단축 코드는 다음과 같습니다.
.
다음과 같이 리메이크하면 어떨까요? 링크 URL .
또한 닫는 단축 코드 안에 다른 단축 코드를 삽입할 수 있습니다(기능 덕분에).
따라서 이전 예제의 코드를 다시 작성해 보겠습니다.
| function true_url_external( $atts , $shortcode_content = null ) ( $params = shortcode_atts( array ( "anchor" => "Misha Rudrastykh" ) , $atts ) ; return """ target="_blank">($params[ "앵커 "])"; ) add_shortcode( "trueurl" , "true_url_external" ) ; |
이제 다음 유형의 단축 코드는 사이트의 기본 페이지에 대한 링크를 표시합니다(위의 단축 코드에 대해 썼습니다).
TinyMCE Visual Post Editor에 단축 코드 삽입 버튼 추가
내장 TinyMCE 편집기를 통해 쇼트코드를 삽입하는 것이 훨씬 더 편리할 것이 분명하며, 쇼트코드 매개변수를 설정할 수 있는 인터페이스도 구현되면 일반적으로 멋집니다.
1.PHP
버튼이 텍스트인지 아이콘인지 여부, 추가 입력 필드(단축 코드 매개변수)를 포함하는지 여부에 관계없이 모든 경우에 버튼 등록 PHP 코드는 동일합니다.
| // 후킹 함수 true_add_mce_button() ( // 사용자의 권한을 확인합니다. 게시물과 페이지를 편집할 수 있습니까? if ( !current_user_can( "edit_posts" ) && !current_user_can( "edit_pages" ) ) ( return ; // 할 수 없다면 버튼도 필요하지 않습니다. 이 경우 함수를 종료합니다. } // 사용자가 설정에서 비주얼 편집기를 활성화했는지 확인합니다(그렇지 않으면 버튼을 연결할 필요가 없습니다). if ( "true" == get_user_option( "rich_editing" ) ) ( add_filter ( "mce_external_plugins" , "true_add_tinymce_script" ) ; add_filter ( "mce_buttons" , "true_register_mce_button" ) ; ) ) add_action ("admin_head" , "true_add_mce_button" ) ; // 이 함수에서 버튼의 JavaScript 파일에 대한 링크를 지정합니다. function true_add_tinymce_script( $plugin_array ) ( $plugin_array [ "true_mce_button" ] = get_stylesheet_directory_uri() ."/true_button.js" ; return $plugin_array ; ) // 에디터에 버튼 등록기능 true_register_mce_button( $buttons ) ( array_push ( $buttons , "true_mce_button" ) ; // true_mce_button - 버튼 식별자$버튼 반환; ) |
이 예에서는 . true_button.js - 버튼 자체, 테마 디렉토리(또는 원하는 위치에 이 파일을 생성하지만 이 경우 경로를 변경하는 것을 잊지 마십시오).
2.1. 자바스크립트. 간단한 버튼 예
true_button.js 파일의 내용을 살펴보겠습니다. 이제 단축 코드를 삽입할 간단한 버튼을 만들어 보겠습니다.
| (function () ( tinymce.PluginManager .add ("true_mce_button" , function ( 편집기, url ) ( // true_mce_button - 버튼 ID editor.addButton("true_mce_button" , ( // true_mce_button - 버튼 ID, 어디에서나 동일해야 함텍스트: "" , // 버튼 텍스트, 버튼에 아이콘만 포함하려면 이 줄을 제거하세요.제목: "단축 코드 삽입", // 툴팁아이콘: 거짓 // 여기에서 TinyMCE 또는 자체 CSS 클래스의 기존 벡터 아이콘을 지정할 수 있습니다. onclick: function () ( editor.insertContent("" ) ; // 단축 코드를 편집기에 붙여넣고 jQuery 작업을 설정할 수도 있습니다. } } ) ; } ) ; } ) () ; |
결과적으로:
TinyMCE 비주얼 편집기에 있는 쇼트코드 삽입 버튼의 텍스트 버전입니다.
2.2. 아이콘, 드롭다운 목록 및 단축 코드 매개변수 설정 기능이 있는 버튼
true_button.js 파일에 코드를 삽입(또는 교체)하여 시작하겠습니다.
| (function () ( tinymce.PluginManager.add("true_mce_button" , function ( 편집기, url ) ( // 버튼 ID true_mce_button은 모든 곳에서 동일해야 합니다. editor.addButton( "true_mce_button" , ( // 버튼 ID true_mce_button아이콘: "perec" , // 나만의 CSS 클래스 덕분에 버튼 아이콘을 설정할 수 있습니다.유형: "menubutton" , 제목: "요소 삽입", // 호버 툴팁메뉴: [ // 첫 번째 드롭다운 목록이 여기에서 시작됩니다.( 텍스트: "양식 요소" , 메뉴: [ // 여기에서 첫 번째 드롭다운 내에서 두 번째 드롭다운이 시작됩니다.( text: "텍스트 필드" , onclick: function () ( editor.windowManager.open( ( 제목: "필드 옵션 설정", 본문: [ ( 유형: "텍스트 상자" , 이름: "텍스트 상자 이름" , // ID, 아래에서 사용됩니다.상표: "텍스트 필드의 ID 및 이름", // 레이블 값: "설명" // 기본값) , ( 유형: "텍스트 상자" , // 텍스트박스 타입 = 텍스트박스이름: "multilineName" , 레이블: "텍스트 필드 기본값", 값: "Hi" , 여러 줄: true , // 큰 텍스트 필드 - 텍스트 영역최소 너비: 300 // 최소 너비(픽셀 단위)최소 높이: 100 // 최소 높이(픽셀)) , ( 유형: "목록 상자" , // listbox 입력 = 드롭다운 목록 선택이름: "listboxName" , 레이블: "채우기" , "값" : [ // 드롭다운 목록 값( 텍스트: "필수" , 값: "1" ) , // 레이블, 값(텍스트: "선택 과목", 값: "2" ) ] ) ] , onsubmit: 함수( e ) ( // 필드를 채우고 제출 버튼을 누르면 발생합니다. editor.insertContent( "" ) ; ) ) ) ; ) ) , ( // 중첩된 드롭다운 목록의 두 번째 요소, 단축 코드만 삽입텍스트: "제출 버튼", onclick: function () ( editor.insertContent("" ) ; ) ) ] ) , ( // 첫 번째 드롭다운 목록의 두 번째 요소, 그냥 삽입텍스트: "단축 코드" , onclick: function () ( editor.insertContent("" ) ; ) ) ] ) ; ) ) ; ) ) () ; |
코드를 붙여넣으면 내 버튼이 이미 있고 작동 중입니다. 유일한 것은 아이콘이 없다는 것입니다(음, 아래쪽 화살표 제외).
WordPress는 초보자 블로거뿐만 아니라 포럼, 소셜 네트워크, 상점 등을 만드는 데에도 똑같이 편리한 강력한 게시 시스템입니다.
일반적으로 각 애플리케이션에 적합한 템플릿(템플릿)이 선택되지만 때로는 그 기능이 충분하지 않습니다.
이것은 WordPress에 자신의 "열정"을 추가 할 수있는 도움으로 단축 코드가 구출되는 곳입니다.
쇼트 코드는 페이지, 헤더, 위젯의 텍스트, 즉 콘텐츠에 직접 삽입되는 짧은 코드로 WordPress의 기능을 확장합니다.
이를 통해 텍스트 서식을 아름답게 지정하고, 열로 나누고, 콘텐츠, 버튼, 오디오 플레이어, 주문 양식 및 WordPress를 다른 모든 것과 구별하는 기타 여러 기능을 삽입할 수 있습니다.
특정 쇼트코드에 대한 핸들러가 없는 경우 페이지에서 해당 쇼트코드 호출은 일반 텍스트처럼 보입니다.
이 문서는 의도적으로 존재하지 않는 단축 코드의 이름을 사용하여 작업 결과가 아니라 단축 코드 호출이 어떻게 보이는지 확인할 수 있도록 합니다.
구조별 쇼트코드 종류
매개변수가 없을 수도 있고, 매개변수가 있을 수도 있고, 내용이 있을 수도 있습니다.
매개변수가 없는 단축코드
때로는 짧은 코드를 호출하는 것만으로도 잘 정의된 기능을 수행하기에 충분합니다. 어떤 매개변수도 전달할 필요가 없습니다.
예를 들어 이 코드는 수평선을 표시합니다. 모양은 스타일 시트에서 정의됩니다.
이 호출은 현재 연도를 인쇄합니다. 매년 텍스트를 수정하지 않아 편리합니다.
매개변수가 있는 단축 코드
때로는 다른 결과를 얻기 위해 매개변수를 전달해야 합니다.
예를 들어 스타일 시트에 스타일을 작성해야하는 아름다운 버튼이 삽입되는 방식입니다.
여기에는 두 개의 매개변수가 포함되어 있습니다. 제목- 예를 들어 주문, 구독 등 버튼의 비문입니다.
URL클릭스루 주소입니다.
이것은 중앙 은행의 현재 환율로 달러 가격에서 자동으로 변환되는 루블 가격을 삽입하는 방법입니다.
여기서 매개변수 에스가격은 달러입니다.
콘텐츠 단축 코드
게시물 콘텐츠, 위젯 등이 있을 수 있는 두 부분으로 구성됩니다.
아래에 컬러 배경을 "배치"하여 텍스트 또는 게시물의 일부를 강조 표시하는 방법은 다음과 같습니다.
다음은 컬러 배경에 표시될 일부 텍스트입니다.
모수 색상일반적인 16진수 코드로 배경색을 설정합니다.
너비가 같은 두 열에 텍스트를 표시하는 방법은 다음과 같습니다.
php 코드의 숏코드는 이를 처리하는 함수와 코드에 해당 함수를 할당하는 명령어로 구성되어 있습니다.
다음은 버튼의 일반적인 단축 코드입니다.
기능 ha_but($atts,$content=NULL) (
추출(단축코드_atts(배열(
'제목' => '가기',
'URL' => 거짓
), $atts));
$출력=" '.$제목."’;
반환 $output;
}
add_shortcode('하지만','ha_but');
이 예에서 함수 이름은 ha_but. 두 개의 매개변수가 전달됩니다. 제목그리고 URL. 그리고 제목기본값 할당 가다. 코드를 호출할 때 매개변수가 제목건너뛰면 기본 버튼에 레이블이 지정됩니다. 가다.
함수 내에서 다른 함수를 호출하거나 파일을 연결하는 등의 작업을 할 수 있습니다. 단축 코드 기능은 상상력과 프로그래밍 기술에 의해서만 제한됩니다.
그런 다음 함수는 다음을 사용하여 결과를 반환합니다. 반품.
기능 add_shortcode이름으로 단축 코드에 할당 하지만이름으로 처리기 함수 ha_but.
전체 너비 노란색 버튼의 스타일은 다음과 같습니다.
Btn(
디스플레이: 인라인 블록
색상: #000000;
글꼴: 300 16px "로보토", 산세리프;
텍스트 변환: 대문자;
배경: #fde42b;
배경: -webkit-gradient(선형, 왼쪽 위, 왼쪽 아래, from(#fcea38), to(#ffcf00));
배경: -webkit-linear-gradient(top, #fcea38 0%, #ffcf00 100%);
배경: 선형 그라데이션(아래로, #fcea38 0%, #ffcf00 100%);
border-bottom: 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 테마에서 찾을 수 있습니다. 그러면 단축 코드가 모든 페이지, 위젯 등에서 작동합니다.
그러나 템플릿을 업데이트하거나 변경하면 단축 코드가 더 이상 처리되지 않습니다. 향후 블로그 디자인을 변경하려는 경우 모든 단축 코드의 코드를 하나의 파일에 배치하는 것이 좋습니다. 예를 들면 다음과 같습니다. shortcodes.php,폴더에 넣고 나의사이트의 루트에서.
이 경우 파일에 삽입하여 통화를 구성해야 합니다. 함수.php명령 require_once('my/shortcodes.php');
WordPress 테마를 변경하거나 업데이트한 후에는 이 명령을 다시 등록하는 것을 잊지 마십시오.
WordPress 페이지에 단축 코드를 삽입하는 방법
숏코드가 작동하려면 대괄호, 숏코드 이름 및 매개변수로 구성된 콘텐츠의 올바른 위치에 해당 호출을 삽입해야 합니다. 동시에 게시물의 일반 텍스트와 마찬가지로 모든 스타일로 꾸밀 수 있습니다.
필요한 작업을 해결하는 워드프레스 단축 코드를 직접 만들 수 있도록 충분한 예제가 있기를 바랍니다.
여기에서 더 복잡한 단축 코드를 만드는 방법에 대한 비디오 자습서를 시청하십시오.
종종 사이트에 콘텐츠를 게시하는 과정에서 게시물 내에 하나 이상의 요소를 포함해야 합니다. 특히 그러한 삽입이 많은 경우 매번 수동으로 무언가를 작성하는 것은 매우 불편합니다. 특히 CMS WordPress의 경우 버전부터 2.5 , 단축 코드라는 특수 기능이 도입되었습니다.
실제로 단축 코드는 대괄호로 묶인 특수 구조입니다. 어딘가에서 그것을 만나는 시스템은 주어진 값을 대체합니다. 단축 코드는 테마와 플러그인에서 매우 인기가 있습니다.
이미지 갤러리 플러그인을 예로 들어 쇼트코드 액션을 살펴보겠습니다. 따라서 설치 및 활성화 후 WordPress 사이트의 관리 부분에 갤러리를 만드는 데 필요한 도구가 있는 특별 섹션이 나타납니다. 이미지가 추가되고 필요한 설정이 적용되면 갤러리가 저장됩니다. 이제 사이트에 표시하는 것이 남아 있습니다. 이를 위해 플러그인은 생성한 갤러리가 표시될 삽입 지점에서 고유한 단축 코드를 알려줍니다.
단축 코드는 다음과 같습니다.
WordPress에서 단축 코드를 만드는 방법은 무엇입니까?
"엔진" 도구를 사용하면 기존 단축 코드를 사용할 수 있을 뿐만 아니라 자신만의 단축 코드를 만들 수도 있습니다. 이를 위해서는 프로그래밍 기술이 필요합니다. 활성 WordPress 테마의 기본 구성 파일에 모든 작업을 배치합니다. 함수.php.
편집 방법을 모르신다면 함수.php, 이 경우 ProFunctions 플러그인이 도움이 될 것입니다.
예를 들어 간단한 텍스트를 표시하는 단축 코드를 만들어 보겠습니다. "안녕 WPSschool!"
이렇게 하려면 위 파일에 다음 줄을 추가합니다.
함수 wpschool_text_shortcode() (return "Hi WPSchool!"; ) add_shortcode("textshortcode", "wpschool_text_shortcode");
우리의 코드는 2개의 주요 구성으로 구성됩니다. 차단하다 함수 wpschool_text_shortcode()는 숏코드에 필요한 값이 실제로 표시되는 기능입니다. 우리의 경우 이것은 텍스트 문자열의 출력입니다. "안녕 WPSschool!"
지령 add_shortcode()단축 코드 자체를 생성하는 유틸리티 명령입니다. 두 가지 옵션이 있습니다. '텍스트단축코드'결과적으로 대괄호로 묶이게 될 쇼트코드의 이름입니다. 두 번째 매개변수에서 텍스트 출력으로 함수의 이름을 지정합니다.
결과적으로 붙여넣을 준비가 된 다음 단축 코드를 얻게 됩니다.
게시물이나 페이지의 콘텐츠 부분에 추가합시다.
결과적으로 사이트에서 다음과 같이 표시됩니다.
다음 예제에서는 주어진 크기의 이미지를 삽입하기 위한 단축 코드를 생성합니다.
Function wpschool_picture_shortcode($atts) ( extract(shortcode_atts(array("width" => 100, "height" => 100,), $atts)); return " 
"; ) add_shortcode("사진", "wpschool_picture_shortcode");
단축 코드에는 이제 함수 매개변수가 포함되어 있으며 인수도 있습니다. $atts. 단축 코드 매개변수를 사용하려면 두 가지 기능이 필요합니다. shortcode_atts()그리고 발췌(). 첫 번째는 단축 코드의 속성을 주어진 속성과 일치시키고 (필요한 경우) 기본값을 할당하는 WordPress의 핵심에 내장된 기능입니다. 발췌()언어의 기능이다 PHP, 배열 값에서 변수를 생성합니다. 함수는 필요한 값을 반환합니다( HTML-주어진 높이와 너비 값으로 이미지 레이아웃).
이제 단축 코드를 사용할 때 , 선택한 이미지가 치수로 생성됩니다. 100 ~에 100 . 크기를 변경해야 하는 경우 단축 코드는 다음과 같습니다.
나는 최근 많은 사람들이 WordPress에 단축 코드를 삽입하는 방법이나 다른 엔진이 있는 사이트에 스크립트를 표시하는 방법을 모른다는 것을 발견했습니다. 아는 사람과 만드는 방법 PHP 단축 코드 출력종종 심각한 실수를 합니다. 그리고 결국 그들은 플러그인이 있거나 단축 코드가 작동하지 않음, 또는 사이트 템플릿에 문제가 있습니다. 그러나 실제로 모든 것이 매우 간단하고 오류는 주로 구문 및 구두점에 대한 부주의 또는 무지로 인해 발생합니다.
어떻게파일? 빠른 응답
특히 이미 모든 것을 알고 있지만 빠른 답변을 찾고 있거나 다른 엔진을 찾는 경우 다음 코드를 사용하십시오.
php echo do 쇼트코드 워드프레스
|
그러나 구두점을 잊지 마세요! 당신의 따옴표 짧은 코드그리고 VPHP코드가 달라야 합니다.
즉, 워드프레스 사이트 템플릿에서 동일한 단축 코드를 사용하지만 내부에 두 개의 따옴표(["..."])가 있고 PHP 코드에서도 큰따옴표("[...]")를 사용하는 경우, 그런 다음 그 중 하나를 단일 항목으로 변경해야 합니다. 그런 사소한 이유에서 WordPress에서 작동하지 않는 단축 코드. 아래에서 이에 대해 자세히 알아보세요.
단축 코드 란 무엇입니까(단축 코드), 무엇을 위한 것입니까?
숏코드는영어로부터. "짧은 코드". WordPress, Joomla 등과 같은 콘텐츠 관리 시스템(CMS)과 연동하도록 설계된 플러그인이나 모듈을 만들 때 주로 사용됩니다. 플러그인의 모든 큰 코드.
쇼트코드는 일반적으로 다음과 같습니다: 이 또는 한 단어
어쨌든 이것은 사이트에 단축 코드를 추가하는 원칙을 아는 것이 중요하기 때문에 그렇게 중요하지 않습니다.
어떻게 작동합니까?
모든 것이 매우 간단합니다. WordPress 엔진에 사이트가 있고 사이트의 간단한 템플릿 (디자인)이 있지만 장식하기 위해 사진이 저절로 뒤집히는 슬라이더를 배치하기로 결정했다고 가정 해 보겠습니다. 이것은 매우 쉽습니다. 이렇게 하려면 일반 WordPress 플러그인 라이브러리에서 슬라이더 플러그인을 다운로드하고 거기에 필요한 사진을 업로드해야 합니다. 그러면 플러그인이 다음과 같은 작은 슬라이더 코드를 제공합니다.
그러나 한 줄에 그러한 짧은 코드(Shortcode)가 있습니다.
이런 식으로 삽입하면
워드프레스 사이트 페이지 또는 위젯에 단축 코드를 추가하면 플러그인이 작동하기 시작하고 상위 큰 슬라이더 코드를 생성하므로 사이트 페이지에 슬라이더가 표시됩니다.
ㅏ 단축 코드를 삽입하는 방법슬라이더 스트레이트 워드프레스 템플릿으로 PHP 코드에서?
코드에 직접 입력해야 하는 경우 이를 위해 이 플러그인 개발자는 다음(위 그림) 옆에 php 언어로 단축 코드 기능을 작성했습니다.
단축 코드의 이러한 "기능"은 사이트에서 필요한 위치의 php 파일에 삽입할 수 있습니다. 예를 들어, header.php, body 뒤 어딘가 또는 sidebar.php, 그리고 무엇보다도 페이지 템플릿 파일(content-page.php와 같은 것으로 불릴 수 있음)에서 결과적으로 다음을 얻을 수 있습니다. 동일한 슬라이더이지만 이미 사이트 자체의 디자인에 내장되어 있습니다.
단, 할 때는 매우 주의가 필요합니다. WordPress 템플릿에 단축 코드 표시 php 파일에서. 이를 위해서는 최소한 php에 대한 기본 지식이 필요합니다. php 파일에 "잘못된 위치"에 삽입하면 사이트에 오류가 표시되기 때문입니다.
일반적으로 모든 PHP 코드는. 여기에서 하나의 php 코드가 끝나고 다른 코드가 시작되기 전에 php 함수를 삽입할 수 있습니다. 불행하게도, 플러그인 개발자는 쇼트코드를 표시하기 위해 기성품(이 예에서와 같이) php 함수를 항상 만들지는 않습니다. 이 경우 아래에서 더 쉽고 간단하게 직접 만들 수 있습니다.
어떻게 PHP에서 단축 코드 표시 V 워드프레스플러그인에 준비된 PHP 기능이 없다면?
개발자가 사이트 템플릿 파일에 단축 코드를 삽입하기 위해 기성품 PHP 기능을 지정하지 않고(이전 예의 경우와 같이) 단축 코드만 표시하기로 결정한 플러그인이 있습니다. 예를 들어 이 슬라이더 플러그인의 방법은 다음과 같습니다.
워드프레스 템플릿에 쇼트코드를 삽입하고 사이트의 php 파일에 직접 삽입해야 하기 때문에 이 경우 어떻게 해야 할까요? 이 경우 기사 맨 처음에 표시된 php 출력 기능으로 단축 코드를 직접 래핑하면됩니다. 결과적으로 단축 코드를 고려하여 다음과 같은 종류의 PHP 기능을 얻습니다.
워드프레스 숏코드 퍼가는 방법
|
이미 모든 웹사이트 템플릿에 안전하게 통합할 수 있습니다. 그러나 시간을 갖고 숙련된 웹마스터도 단축 코드를 추가할 때 저지르는 일반적인 실수에 대해 아래에서 읽어 보십시오.
주요 실수! 또는 워드프레스 단축 코드가 작동하지 않는 이유는 무엇입니까?
기사 시작 부분에서 이미 방법을 설명했습니다. 단축 코드 추가 V 워드 프레스,그리고 어떻게 에 숏코드 붙여넣기PHP. 이제 모든 것을 요약합시다.
실제로 추가하는 두 가지 방법이 있습니다.
템플릿에 wordpress 단축 코드
|
보시다시피 단일 및 이중 따옴표 만 다릅니다. php 언어의 구문은 이러한 따옴표에 대해 매우 신중합니다. 그리고 두 개의 따옴표가 있는 두 번째 함수 내부에 두 개의 따옴표가 있는 단축 코드를 삽입하면 예를 들어 다음과 같이 사이트에서 오류가 발생합니다.
오류가 없고 단축 코드가 제대로 작동하려면 다른 따옴표가 있어야 합니다. 예를 들면 다음과 같습니다.
편집기에서 바로 WordPress 템플릿에 처음 두 개의 단축 코드를 추가할 수 있습니다. 이렇게 하려면 사이트 편집기에서 슬라이더를 표시하려는 사이트의 "위치"를 제어하는 적절한 php 파일을 찾으십시오. 키보드 단축키 Ctrl + Shift + I를 누르면 브라우저의 개발자 도구에서 바로 이 위치를 찾을 수 있습니다.
