WordPress => 属性のショートコード

構文

add_shortcode（ 'your_short_code'、 'your_function_name'）;

パラメーター

パラメーター	記述と使用法
$タグ	（文字列）（必須）投稿コンテンツで検索されるショートコードタグデフォルト：なし
$ func	（呼び出し可能）（必須）ショートコードが見つかったときに実行するフックデフォルト：なし

備考

重要 - あなたの属性にcamelCaseまたはUPPER-CASEを使用しないでください

あなたはここの属性でショートコードを生成することができます

ショートコードの例

WordPressショートコードは2.5で導入されました

ここにショートコードの例があります

[button]

使用する必要があるテーマにショートコードを直接使用するdo_shortcode()

 <?php echo do_shortcode('[button]'); ?>

ボタンをカスタマイズするには、次のようなものを追加するだけです。

[button type="twitter"]

または、それをさらに良くするために、囲みショートコードを使用することができます：

[button type="twitter"]Follow me on Twitter![/button]

自己閉鎖ショートコードを作成する

最も簡単なショートコードは自己閉鎖のショートコードです。私たちはTwitterアカウントへの簡単なリンクを作成し、それをブログの投稿に追加します。すべてのコードはfunctions.phpに入っていfunctions.php 。これは/wp-content/themes/your-theme/ます。あなたが持っていない場合は、それを作成し、その中にコードを入れてください。

<?php 
function button_shortcode() {
return '<a href="http://twitter.com/rupomkhondaker" class="twitter-button">Follow me on Twitter!</a>"';
}
add_shortcode('button', 'button_shortcode'); 
?>

使用法： [button]

パラメータを使用した自己閉鎖ショートコードの作成

<?php
function button_shortcode( $type ) {

    extract( shortcode_atts( 
        array( 
            'type' => 'value'
         ), $type ) ); 

    // check what type user entered
    switch ($type) {

        case 'twitter':
            return '<a href="http://twitter.com/rupomkhondaker" class="twitter-button">Follw me on Twitter!</a>';
            break;

        case 'rss':
            return '<a href="http://example.com/rss" class="rss-button">Subscribe to the feed!</a>'
            break;
    }
}
add_shortcode( 'button', 'button_shortcode' );
?>

今すぐあなたのショートコードでタイプを定義することによって表示するボタンを選択することができます。

[button type="twitter"]
[button type="rss"]

囲みショートコードの作成

ショートコードを囲む

囲みショートコードを使用すると、BBCodeのようにショートコード内にコンテンツを埋め込むことができます。

<?php
function button_shortcode( $attr, $content = null ) {
return '<a href="http://twitter.com/filipstefansson" class="twitter-button">' . $content . '</a>';
}
add_shortcode('button', 'button_shortcode');
?>

このショートコードを使用するには、次のように使用するテキストを埋め込みます。

[button]Follow me on Twitter![/button]

このボタンをさらに良くするために、前の例と同じようにパラメータを追加することができます。

<?php
function button_shortcode( $atts, $content = null ) {
extract( shortcode_atts( array(
'account' => 'account',
 'style' => 'style'
 ), $atts ) );
return '<a href="http://twitter.com/' . esc_attr($account) . '" class="twitter-button ' . esc_attr($style) . '">' . $content . '</a>';
}
add_shortcode('button', 'button_shortcode');
?>

使用法：

[button account="rupomkhondaker" style="simple"]Follow me on Twitter![/button]

ウィジェットのショートコード

デフォルトでは、WordPressはサイドバーウィジェット内のショートコードをサポートしていません。これは、ポスト、ページ、またはカスタムポストタイプのコンテンツ内のショートコードのみを展開します。サイドバーウィジェットにショートコードサポートを追加するには、プラグインをインストールするか、次のコードを使用します。

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

これらの行をこの順序で追加することが重要です。最初の行は、WordPressが改行を段落タグに変えるのを防ぎます。これは、短縮コードが機能しないようにするためです。 2行目は、ショートコードを機能させる行です。

Modified text is an extract of the original Stack Overflow Documentation

ライセンスを受けた CC BY-SA 3.0

所属していない Stack Overflow

WordPress
属性のショートコード

サーチ…

構文