ショートコードでCTAボタンを作成する方法：WordPress
シェア
ツイートWordPressで自作ショートコードでCTAボタンを作成する方法をメモ
functions.phpに
add_shortcode( 'ctabtn', 'btn_cta' );
function btn_cta( $atts ) {
global $post;
$post_id = $post->ID;
$a = shortcode_atts( array(
'link' => 'http://www.sample.com?post_id='.$post_id,
'label' => '無料で相談する',
'target' => '_self'
), $atts );
$output = '<p class="btn"><a href="' . esc_url( $a['link'] ) . '" class="btn bluebtn" target="' . esc_attr($a['target']) . '">' . esc_attr( $a['label'] ) . '</a></p>';
return $output;
}
でＯＫ
あとは投稿内に[ctabtn]を追加するだけ。
[ctabtn link=”リンクURL” label=”ボタン文言” target=”_blank”]
のように指定して記事ごとに変更も可能です。
WordPressのおすすめ参考書
bookfan 1号店 楽天市場店
¥3,300 （2024/04/25 18:48時点 | 楽天市場調べ）
ポチップ
ポチップ