WordPress에 단축 코드를 추가하는 방법? (초보자 안내서)

단축 코드는 WordPress 게시물, 페이지 및 사이드 바에 동적 내용을 쉽게 추가 할 수있는 방법입니다..


많은 WordPress 플러그인 및 테마는 단축 코드를 사용하여 연락처 양식, 이미지 갤러리, 슬라이더 등과 같은 특수 컨텐츠를 추가합니다..

이 기사에서는 WordPress에 단축 코드를 쉽게 추가하는 방법을 보여줍니다. 또한 WordPress에서 사용자 정의 단축 코드를 작성하는 방법을 보여줍니다..

워드 프레스에 단축 코드 추가하기

단축 코드는 무엇입니까?

WordPress의 단축 코드는 WordPress 게시물, 페이지 및 사이드 바 위젯에 동적 내용을 추가 할 수있는 코드 단축입니다. 다음과 같이 대괄호 안에 표시됩니다.

[myshortcode]

단축 코드를 더 잘 이해하려면 처음에 왜 추가되었는지에 대한 배경을 살펴 보겠습니다..

WordPress는 모든 컨텐츠를 필터링하여 아무도 게시물과 페이지 컨텐츠를 사용하여 데이터베이스에 악성 코드를 삽입하지 않도록합니다. 즉, 게시물에 기본 HTML을 작성할 수 있지만 PHP 코드를 작성할 수는 없습니다..

그러나 관련 게시물, 배너 광고, 연락처 양식, 갤러리 등을 표시하기 위해 게시물 내에 사용자 정의 코드를 실행하려면 어떻게해야합니까??

Shortcode API가 등장하는 곳입니다.

기본적으로 개발자는 함수 내에 코드를 추가 한 다음 해당 함수를 짧은 코드로 WordPress에 등록 할 수 있으므로 사용자는 코딩 지식 없이도 쉽게 사용할 수 있습니다..

WordPress가 단축 코드를 찾으면 단축 코드가 자동으로 실행됩니다.

WordPress 게시물 및 페이지에 단축 코드를 쉽게 추가하는 방법을 살펴 보겠습니다.

WordPress 게시물 및 페이지에 단축 코드 추가

먼저, 단축 코드를 추가 할 게시물과 페이지를 편집해야합니다. 그런 다음 블록 추가 버튼을 클릭하여 단축 코드 블록을 삽입해야합니다..

WordPress에 단축 코드 블록 추가

단축 코드 블록을 추가 한 후 블록 설정에 단축 코드를 입력하면됩니다. 단축 코드는 연락처 양식을위한 WPForms, 이메일 마케팅 양식을위한 OptinMonster, 클릭 투 콜 버튼 삽입을위한 WP Call 버튼 등과 같은 다양한 WordPress 플러그인에서 제공됩니다..

블록 편집기에 단축 코드 삽입

블록 사용에 대한 자세한 내용은 Gutenberg 자습서를 참조하십시오..

이제 게시물 또는 페이지를 저장하고 변경 사항을 미리보고 단축 코드가 실제로 작동하는지 확인할 수 있습니다.

WordPress 사이드 바 위젯에서 단축 코드 추가

WordPress 사이드 바 위젯에서 단축 코드를 사용할 수도 있습니다. 단순히 방문 모양»위젯 페이지에서 ‘텍스트’위젯을 사이드 바에 추가.

이제 위젯의 텍스트 영역 안에 단축 코드를 붙여 넣을 수 있습니다.

사이드 바 위젯에 단축 코드 추가

위젯 설정을 저장하려면 ‘저장’버튼을 클릭하는 것을 잊지 마십시오.

그런 다음 워드 프레스 웹 사이트를 방문하여 사이드 바 위젯에서 단축 코드의 실시간 미리보기를 볼 수 있습니다.

Old WordPress Classic Editor에서 단축 코드 추가

WordPress에서 이전 클래식 편집기를 계속 사용하는 경우 WordPress 게시물 및 페이지에 단축 코드를 추가하는 방법은 다음과 같습니다..

단축 코드를 추가하려는 게시물과 페이지를 편집하십시오. 컨텐츠 편집기 내에서 원하는 단축 코드를 붙여 넣을 수 있습니다. 단축 코드가 자체 줄에 있는지 확인하십시오..

쇼트 코드 클래식 에디터

변경 사항을 저장하는 것을 잊지 마십시오. 그런 다음 게시물과 페이지를 미리보고 단축 코드가 실제로 작동하는지 확인할 수 있습니다..

WordPress 테마 파일에 단축 코드를 추가하는 방법

단축 코드는 WordPress 게시물, 페이지 및 위젯에서 사용됩니다. 그러나 때로는 WordPress 테마 파일 내에서 짧은 코드를 사용하려고 할 수 있습니다.

WordPress를 사용하면 쉽게 할 수 있지만 WordPress 테마 파일을 편집해야합니다. 이전에이 작업을 수행하지 않은 경우 WordPress에서 코드를 복사하여 붙여 넣는 방법에 대한 가이드를 참조하십시오..

기본적으로 다음 코드를 추가하여 WordPress 테마 템플릿에 단축 코드를 추가 할 수 있습니다..

<?PHP echo do_shortcode ("[your_shortcode]"); ?>

워드 프레스는 이제 단축 코드를 찾고 테마 템플릿에 출력을 표시합니다.

워드 프레스에서 자신 만의 커스텀 쇼트 코드를 만드는 방법

단축 코드는 WordPress 게시물 및 페이지 내에 동적 컨텐츠 또는 사용자 정의 코드를 추가 할 때 실제로 유용 할 수 있습니다. 그러나 사용자 정의 단축 코드를 작성하려면 코딩 경험이 필요합니다..

PHP 코드 작성에 익숙한 경우 템플릿으로 사용할 수있는 샘플 코드는 다음과 같습니다..

// 단축 코드가 호출 될 때 실행되는 함수
기능 wpb_demo_shortcode () {

//하고 싶은 일.
$ message = ‘안녕하세요!’;

// 출력을 반환해야합니다
$ 메시지를 반환;
}
// 단축 코드 등록
add_shortcode ( ‘인사말’, ‘wpb_demo_shortcode’);

이 코드에서는 먼저 일부 코드를 실행하고 출력을 반환하는 함수를 만들었습니다. 그런 다음 ‘인사말’이라는 새로운 단축 코드를 작성하고 WordPress에 작성한 기능을 실행하도록 지시했습니다..

다음 코드를 사용하여이 단축 코드를 게시물, 페이지 및 위젯에 추가 할 수 있습니다.

[인사]

작성한 기능을 실행하고 원하는 출력을 보여줍니다..

이제 더 짧은 단축 코드 사용법을 살펴 보겠습니다. 이 예에서는 짧은 코드 안에 Google 애드 센스 배너를 표시합니다..

// 단축 코드 함수
기능 wpb_demo_shortcode_2 () {

// 변수 안에 붙여진 광고 코드
$ string. = ‘

(adsbygoogle = window.adsbygoogle || []). push ({});
‘;

// 광고 코드가 반환되었습니다.
$ string을 반환;

}
// 단축 코드 등록
add_shortcode ( ‘my_ad_code’, ‘wpb_demo_shortcode_2’);

광고 코드를 자신의 광고 코드로 바꾸는 것을 잊지 마십시오.

이제 WordPress 게시물, 페이지 및 사이드 바 위젯에서 [my_ad_code] 단축 코드를 사용할 수 있습니다. 워드 프레스는 단축 코드와 관련된 기능을 자동으로 실행하고 광고 코드를 표시합니다.

단축 코드 vs 구텐베르크 블록

우리는 종종 단축 코드와 새로운 구텐베르크 블록의 차이점에 대해 사용자들에게 묻습니다.

기본적으로 단축 코드가 유용하면 WordPress 편집기 블록이 마음에들 것입니다. 블록을 사용하면 동일한 작업을 수행 할 수 있지만보다 사용자 친화적 인 방식으로 수행 할 수 있습니다.

사용자는 동적 컨텐츠를 표시하기 위해 짧은 코드를 추가하도록 요구하는 대신 블록을 사용하면보다 직관적 인 사용자 인터페이스를 사용하여 게시물 / 페이지 내에 동적 컨텐츠를 추가 할 수 있습니다. 많은 인기있는 WordPress 플러그인이 초보자에게 친숙하기 때문에 단축 코드 대신 Gutenberg 블록을 사용하도록 전환하고 있습니다..

우리는 당신이 시도 할 수있는 WordPress에 가장 유용한 Gutenberg 블록 플러그인 목록을 작성했습니다..

자신 만의 커스텀 구텐베르크 블록을 만들려면 워드 프레스에서 커스텀 구텐베르크 블록을 만드는 방법에 대한 단계별 자습서를 따라갈 수 있습니다..

이 기사가 WordPress에 단축 코드를 추가하는 방법을 배우는 데 도움이 되었기를 바랍니다. 최고의 드래그로 가이드를보고 싶을 수도 있습니다 & WordPress 페이지 빌더 플러그인 삭제 및 코드를 작성하지 않고 사용자 정의 WordPress 테마 작성 방법.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me