> 백엔드 개발 > PHP 튜토리얼 > WordPress의 단축 코드 이해: 초보자 가이드

WordPress의 단축 코드 이해: 초보자 가이드

Linda Hamilton
풀어 주다: 2024-11-13 10:07:02
원래의
616명이 탐색했습니다.

Understanding Shortcodes in WordPress: A Beginner’s Guide

WordPress 세계에서 단축 코드는 매우 강력한 기능입니다. 간단한 코드 조각으로 게시물과 페이지에 복잡한 기능을 삽입할 수 있습니다. WordPress 개발을 막 시작했다면 이 가이드는 단축 코드가 무엇인지, 어떻게 작동하는지, 자신만의 단축 코드를 만드는 방법을 이해하는 데 도움이 될 것입니다!

단축코드란 정확히 무엇인가요?

단축코드는 동적 콘텐츠를 포함하기 위해 게시물, 페이지 또는 위젯에 추가하는 작은 코드 조각입니다. 페이지가 로드될 때 WordPress에서 처리하고 더 복잡한 기능으로 대체하는 자리 표시자 역할을 합니다.

예를 들어, [연도]는 현재 연도를 동적으로 표시하는 데 사용되는 단축 코드일 수 있습니다.

단축번호를 사용해야 하는 이유는 무엇인가요?

콘텐츠에 고급 기능을 추가하는 간단한 방법을 제공합니다. 동일한 코드를 반복적으로 작성하는 대신 재사용 가능한 단축 코드를 생성하여 시간을 절약하고 일관성을 유지할 수 있습니다. 단축 코드는 연락처 양식, 버튼, 갤러리 등의 사용자 정의 기능을 여러 페이지에 추가하고 단일 위치에서 제어할 수 있는 기능을 제공하는 데 적합합니다.

이제 좋은 부분인 맞춤 단축 코드를 만드는 방법을 살펴보겠습니다.

사용자 정의 단축 코드를 만드는 방법

WordPress에서 나만의 기본 단축 코드를 만들려면 약간의 PHP가 필요합니다.

1. function.php 파일을 엽니다.

2. 단축 코드로 수행하려는 기능을 만듭니다.

예:

function cta_button_shortcode() {
    return '<a href="#">



<h3>
  
  
  3. Register the shortcode.
</h3>

<p>The add_shortcodefunction takes two parameters: the first is the name of the shortcode, for example, [cta_button]. The second is the callback function that will handle all the logic and render the result—in this case, our cta_button_shortcode function.<br>
</p>

<pre class="brush:php;toolbar:false">add_shortcode('cta_button', 'cta_button_shortcode');
로그인 후 복사

4. 단축 코드를 사용하세요!

이제 모든 게시물이나 페이지에서 [cta_button]을 사용할 수 있으며 "여기를 클릭하세요!"라는 텍스트와 함께 링크 요소가 표시됩니다.

단축 코드에 매개변수 추가

쇼트코드 기능에 정보를 전달하는 속성 역할을 하는 매개변수를 쇼트코드에 추가할 수도 있습니다. 이를 통해 코드를 편집하거나 추가 단축 코드를 생성할 필요 없이 버튼의 텍스트나 링크를 변경할 수 있습니다. 매개변수를 사용하면 단축 코드에 제공되지 않은 경우 기본값을 정의할 수도 있습니다.

단축코드 atts에 대한 공식 WordPress 문서를 확인하는 것이 좋습니다.

아래 예를 참조하세요.

함수 cta_button_shortcode($atts) {
    $atts = shortcode_atts(
        정렬(
            '텍스트' => '여기를 클릭하세요!', // 기본값
            'URL' => '/', // 기본값
        ),
        $atts,
        'cta_버튼'
    );
    return '<a href="' . esc_url($atts['url']) . '">



<p>이제 [cta_button text="자세히 알아보기" url="https://example.com"]으로 사용할 수 있으며, 텍스트와 링크를 변경해야 하는 경우 단축 코드 코드를 수정하지 않고도 변경할 수 있습니다. .</p><hr>

<p>이제 WordPress 단축 코드의 기본 사항을 알았습니다! 단 몇 줄의 코드만으로 사이트를 더욱 동적이고 관리하기 쉽게 만드는 강력하고 유연한 콘텐츠 요소를 만들 수 있습니다. 버튼, 양식 또는 고유한 디자인 요소를 만들 때 단축 코드를 사용하면 개발자로서의 삶을 좀 더 쉽고 재미있게 만들 수 있습니다.</p>

<p>자, 실험을 통해 어떤 멋진 기능을 만들 수 있는지 확인해 보세요! ? 단축 코드는 WordPress를 더욱 멋지게 만들기 위해 언제든지 사용할 수 있는 작은 마술과 같습니다. 즐거운 코딩하세요! ?</p>


          

            
        
로그인 후 복사

위 내용은 WordPress의 단축 코드 이해: 초보자 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿