KH-WEBLOG TOP > WEBメモ > WordPress > ショートコードでCTAボタンを作成する方法:WordPress

ショートコードで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;
}

でOK

あとは投稿内に[ctabtn]を追加するだけ。
[ctabtn link=”リンクURL” label=”ボタン文言” target=”_blank”]
のように指定して記事ごとに変更も可能です。

コーディング・WordPress化作業を代行します

WordPressのおすすめ参考書

楽天Kobo電子書籍ストア
¥3,278 (2024/06/12 18:43時点 | 楽天市場調べ)

TAGS

.htaccess ActionScript All in one seo pack Contact Form 7 CSS CSS3 EC-CUBE Flash HTML HTML5 JavaScript jQuery LightBox PHP RSS SEO WordPress アイキャッチ画像 アクセス解析 カスタムフィールド カテゴリー カラーミーショップ カート コメント ショートコード テンプレートタグ ドロップダウンメニュー パーマリンク フォーム フルスクリーン ブログカード プラグイン ページテンプレート ページナビ ページ分割 マウスイベント リダイレクト リンク リンクカード レンタルサーバー ロールオーバー 携帯サイト 条件分岐 正規表現 関連記事