PHP ショートコード表示されない

Question

前提・実現したいこと

現在デイトラ3rdの10記事目の
WordPressでショートコードを自作する【Gutenberg対応】
を行なっています。

本記事

演習課題１. コンテンツの最下部に問い合わせボタンを追加する。の所で全ての投稿記事にお問い合わせはこちらボタンを表示したいのですがエラー画面が出てしまい表示されません。

発生している問題・エラーメッセージ

Warning: Illegal string offset 'link' in /Users/user/Local Sites/day3rd/app/public/wp-content/themes/tf30/functions.php on line 276

エラーメッセージ内容をググってみるとfunctions.phpの「link」が無効と表示されていました

###エラー画像

該当のソースコード

functions.php

function my_shortcode( $atts, $content = '' ) {
return '<div class="entry-btn"><a class="btn" href="' . $atts['link'] . '">' . $content . '</a></div>';
}

add_shortcode( 'btn', 'my_shortcode' );

試したこと

ショートコードをテンプレートに直接記載するとのことだったので
<?php echo do_shortcode('[btn]'); ?>
を該当するsingle.phpファイルに記載したのですがエラー画面のような表示になってしまいました。

エラー内容にはfunctions.phpの$atts['link']が無効的なことが書いてあったため間違いを探そうと思ったのですがお恥ずかしい話、記事のコードをコピペしただけの為ここは間違ってないような気もしていて...

そもそも他の所が違うのでしょうか？
何かわかった方がいればご教授お願いしたいです。
よろしくお願いします。

Comments

[kei344]

（質問文は編集できます）前半のコードブロックにはコード／エラーのみを入れるようにしてください。文章／画像はコードブロック外にあるほうが読みやすいです。
また、エラー文をスクリーンショットではなくテキストでコードブロックで質問文に追記ください。

[roto_note]

エラー文
Warning: Illegal string offset 'link' in /Users/user/Local Sites/day3rd/app/public/wp-content/themes/tf30/functions.php on line 276

こちらでよろしいでしょうか？

[kei344]

この「質問への追記・修正の依頼」の部分はデフォルトで表示されませんので、質問本文を編集することをお勧めします。

[kyoya0819]

該当部分ではどのように呼び出していますか？

[roto_note]

<?php echo do_shortcode('[btn]'); ?>
このように呼び出しています。

Answer 1

$attsには、たとえば[wpp header=’A’ header_start='B’ header_end='C’]の場合、headerやheader_startやheader_endが配列で入っています。

[btn]には$attsがありません。無いから取り出せなくてエラーになっています。
「無い場合」を考えて処理を分岐するとか、shortcode_atts関数を使ってデフォルト値を設定するとかする必要があります。（link指定を忘れなければエラーは出ないとは思いますが、ミスをしない前提の書き方はお勧めしません）

【add_shortcode – WordPress私的マニュアル】
https://elearn.jp/wpman/function/add_shortcode.html

add_shortcode( 'func_link', 'tag_func_link' );
function tag_func_link( $atts, $content='' ) {
	extract( shortcode_atts( array(
		'target' => '_self',
		), $atts ) );
	return '<a href="/function/'.$content.'.html" target="'.
		attribtue_escape( $target ).'">'.$content.'</a>';
}

【shortcode_atts – WordPress私的マニュアル】
https://elearn.jp/wpman/function/shortcode_atts.html

---

追記：

「（link指定を忘れなければエラーは出ないとは思いますが、ミスをしない前提の書き方はお勧めしません） 」と書いているそのままの方法を採ったんですね･･･。

function my_shortcode( $atts, $content = '' ) {
	$atts = shortcode_atts( [ 'link' => '' ], $atts, 'btn' );
	return empty( $atts[ 'link' ] ) ? '' : sprintf(
		  '<div class="entry-btn"><a class="btn" href="%1$s">%2$s</a></div>'
		, esc_url( $atts[ 'link' ] )
		, apply_filters( 'the_content', $content )
	);
} // 未テスト
add_shortcode( 'btn', 'my_shortcode' );

Comments

[roto_note]

回答ありがとうございます。
phpの知識が乏しい為回答していだだいたコード記載してみましたが改善ならずでした。

結局ググりまくって該当ページのソースコードを
<?php echo do_shortcode("[btn link='url']お問い合わせはこちら[/btn]"); ?>
としたら解決できました。
回答していだだいたコードの意味もわかるよう引き続き学習します。