【WP】phpコードをショートコード化できるプラグイン「Post Snippets」

MARKLEAPS

2020.03.18

プラグイン「Post Snippets」

前回の記事で、
function.phpでショートコードを自作する方法をご紹介しました。

今回は、ショートコードを作成できるプラグイン
「Post Snippets」をご紹介します！

プラグインのインストール・有効化

プラグイン「Post Snippets」

ショートコードを登録

WordPress管理画面＞設定＞ Post Snippets
と進みます。

Post Snippets ショートコードを登録

①「Add New Snippets」ボタンをクリック
②ショートコード名を入力
③コードを入力
④「Shortcode」にチェックを入れる
　phpコードをショートコード化する場合は「PHP Code」にもチェックを入れる
⑤「Update Snippets」ボタンをクリックして登録完了！

＜phpコードを入力する際の注意点＞
phpコードの
最初の　<?　と最後の　?>　は消す！

例：投稿一覧をショートコードとして登録する場合

$loop = array(
'post_type' => 'post',
'posts_per_page' => 5
);
$the_query = new WP_Query( $loop ); 
if ( $the_query->have_posts() ) :
while ( $the_query->have_posts() ) : $the_query->the_post();?>
<article>
<a href="<?php the_permalink();?>">
<div><img src="<?php echo catch_that_image_thumb(); ?>" alt="<?php the_title(); ?>" /></div>
<time><?php the_time(('Y.m.d')); ?></time>
<h3><?php the_title(); ?></h3>
</a>
</article>
<?php endwhile;?>
<?php else: ?>
<p>記事がありません</p>
<?php endif;

$loop = array(

'post_type' => 'post',

'posts_per_page' => 5

);

$the_query = new WP_Query( $loop );

if ( $the_query->have_posts() ) :

while ( $the_query->have_posts() ) : $the_query->the_post();?>

</a>

</article>

<?php endwhile;?>

<?php else: ?>

<p>記事がありません</p>

<?php endif;

ショートコードを呼び出す

投稿、固定ページに移動します。
ショートコードを呼び出したい位置にカーソルを合わせ、エディタの以下のメニューをクリック

・ビジュアルエディタの場合
Post Snippets

・テキストエディタの場合
Post Snippets

ショートコードを選択し「Insert」ボタンをクリック

ショートコードの読み込み完了！

以上となります。

定型文や簡素な関数をショートコード化したい時は
前回ご紹介したfunction.phpでショートコードを自作する方法で登録、
少し複雑なコードを使いたい時やfunction.phpに多数の記述を追記したくない場合は今回紹介したプラグイン「Post Snippets」を使うなど、状況に応じて使いわけてみてください。

WordPress