ブログ備忘録 独自ショートコードの追加方法

Blog
Blog
この記事は約2分で読めます。

こんにちはYoshiです!

早速ですが、ショートコードの追加方法です。

今回は自分のInstagramへのリンクをいちいち書くのが面倒になったのでショートコードに追加しました。

↑冒頭の「Yoshiです」はショートコードを使用しています。

追加する場所 : functions.php

外観 → テーマファイルエディター → 小テーマ (Cocoonの場合Cocoon Child) → functions.php

ミスると全部動かなくなる可能性があるので注意!

/* 独自ショートコード */
// IG Link
add_shortcode('yoshi_ig', function(){
	return '<a href="https://www.instagram.com/yoshinomad.ig" target="_blank"><span class="fz-28px"><strong>Yoshi</strong></span></a>';
});

ショートコード名 : yoshi_ig

リンク先URL : https://www.instagram.com/yoshinomad.ig

別のダブで開く : target=”_blank”

文字サイズ 28px : <span class=”fz-28px”> </span>

ショートコードの使い方

ショートコード名を”[ ]”かっこで囲い使用します。

[yoshi_ig]

コメント

タイトルとURLをコピーしました