ブログの始め方から
収益化までを徹底解説

 

【完全版】Post Snippetsの使い方3ステップ!画像付きでわかりやすく解説

Post Snippetsの使い方

「毎回、HTMLや定型文を入力するのが面倒」 「Post Snippetsなら、作業効率がアップするって本当?」 「インストールしてみたけど英語表記で使い方がわからない」

Post Snippetsは、よく使うHTMLや定型文をショートコードで簡単に呼び出せるWordPressプラグインです。アフィリエイトサイトやSNSのリンクなど、1度登録するだけで入力する手間が省けるので作業効率がグッと上がります。

なお、Post Snippetsは得られるメリットが多いプラグインですが、設定画面が英語表記なので「ショートコードを登録する難易度が高い」という印象があるのではないでしょうか。

そこでこの記事では、Post Snippetsについて以下の点を紹介します。

  • Post Snippetsの概要と使うメリット
  • インストール方法
  • ショートコードの登録方法
  • 執筆画面での使い方
  • PHPコードを使う方法

WordPress初心者でもわかるように画像付きで解説するので、ぜひ参考にしてみてください。

執筆者:沖ケイタ
株式会社沖プロ代表。ブログ歴8年。ブログ収益の累計は数千万円以上。過去に100人以上のブログ初心者の相談に乗った経験あり。1600人以上が受講するWebライター向け講座「Writing Hacks」のメイン講師。
X(旧:Twitter):@namakemono0309(フォロワー:47,000人)
ブログ:https://www.proof0309.com/
 

Post Snippetsとは?概要をサクッと解説

Post Snippets

まずは、Post Snippetsの概要を紹介します。

  1. 概要
  2. Post Snippetsを使うメリット

Post Snippetsを使うことで、作業効率が上がる理由を確認しておきましょう。

1. 概要

Post Snippetsは、よく使う定型文やHTMLなどをショートコードで簡単に呼び出せるWordPressプラグインです。「毎回プロフィールを入力するのが面倒」「執筆に時間がかかりすぎる」という悩みを解決してくれます。

例えば、以下のようなショートコードを登録しておくと作業効率はグッと上がります。

  • 挨拶やプロフィールなどの定型文
  • アフィリエイトサイトのリンク
  • よく使う装飾
  • SNSのリンク
  • 関連記事

Post Snippetsは、1度ショートコードを登録してしまえば、何度も同じような文章を入力する必要がないので、大変おすすめのプラグインです

2. Post Snippetsを使うメリット

Post Snippetsを使うメリットは、以下のとおりです。

  • HTMLや定型文が簡単に呼び出せる
  • 「functions.php」の編集が不要
  • WordPressのテーマに依存しない
  • 登録したショートコードが他のWordPressでも利用できる

Post Snippetsで登録したショートコードは、Zipファイルでダウンロードし、他のWordPressでインポートが可能。面倒なショートコードの登録が1回でOKなのは、複数サイトを運営している方にとって、うれしいポイントです。

また、一般的にショートコードを利用するためには「functions.php」を編集する必要があります。ミスが許されない「functions.php」の編集は、初心者にとって難易度が高いものです。

Post Snippetsなら「functions.php」 の編集が不要なので、初心者でも安心して使える点がメリットです。

Post Snippetsの使い方3ステップ

Post Snippetsの使い方

Post Snippetsはプラグインの初期設定が不要なので、HTMLや定型文を登録するだけですぐに利用できます。

Post Snippetsの使い方は、以下のとおりです。

  1. プラグインをインストール
  2. ショートコードを登録
  3. 執筆画面での利用方法

それぞれについて、順番に解説していきます。

1. プラグインをインストール

まずは、Post Snippetsのインストールを行います。WordPressのダッシュボード「プラグイン」から『新規追加』をクリックしましょう。

スクリーンショット

続いて、画面右上の検索窓に「Post Snippets」と入力します。「Post Snippets」が表示されたら『今すぐインストール』をクリックしてください。

スクリーンショット

インストールが完了したら「有効化」をクリックします。

スクリーンショット

有効化が完了すると「情報提供をするかどうか」といった内容のメッセージが表示されます。情報提供をしたくない方は「スキップ」を選択しても問題ありません。

スクリーンショット

以上で、Post Snippetsを利用するまでの準備は完了です。

2. ショートコードを登録

続いて、よく使うHTMLや定型文のショートコードを登録します。WordPressのダッシュボードから「Post Snippets」を選択してください。

設定画面に表示された「Manage Snippets」タブの『Add New Snippet』をクリックします。

スクリーンショット

「Untitled」というショートコードが追加されるので、画面右に表示された【▾】をクリックしましょう。

スクリーンショット

編集画面が開くので、以下の項目を入力します。

スクリーンショット
  • タイトル(鉛筆マークをクリックして編集)
  • 定型文やタグを入力
  • 変数を利用する場合は入力
  • Shortcode:ショートコードやPHPコードの入力時にチェック PHP Code:PHPコードの入力時にチェック

入力後、画面左下の「Save」をクリックしたらショートコードの登録が完了です。

また「Description:」には、ショートコードの説明が入力できます。多くのショートコードを登録していると「何のコードかわからなくなってしまった」という状況になりかねません。

そのため「冒頭あいさつ」「〇〇のリンク」など、簡単なショートコードの説明を入力しておくと安心です。

一般的なショートコード

定型文やよく使う装飾など、変数を利用しないショートコードの登録は以下のとおりです。まず編集画面から、以下の項目を入力します。

スクリーンショット
  • タイトル
  • 定型文
  • ショートコードの説明

入力が終わったら「Save」をクリックしましょう。

上記で入力したショートコードを利用した場合、以下のように表示されます。

スクリーンショット

執筆画面での詳しい使い方については『3. 執筆画面での利用方法』で解説しています。

変数を利用したショートコード

Post Snippetsでは、変数を利用したショートコードの作成が可能です。

今回は、例として「こんにちは、沖ケイタです。」の『沖ケイタ』の部分にTwitterアカウントをリンクしてみましょう。まずは、以下の設定項目を入力します。

スクリーンショット
  • タイトルを編集(鉛筆のマークをクリック)
  • 定型文やタグを入力
  • 変数を入力
  • 「Shortcode」にチェック
  • ショートコードの説明を入力

入力が終わったら「Save」をクリックして登録完了です。

ショートコードを利用する際に、以下の画面が表示されます。利用したいショートコードを選択し「url」と「name」を入力しましょう。

今回は「沖ケイタ」という名前の部分にTwitterアカウントをリンクするので、以下のように入力します。

スクリーンショット

入力が終わったら「insert」をクリックしてください。すると、執筆画面で以下のように表示されます。

スクリーンショット

プレビュー画面で確認してみましょう。ショートコードに登録した内容が表示されます。

スクリーンショット

3. 執筆画面での利用方法

Post Snippetsは、以下の執筆画面での利用が可能です。

  • テキストエディター
  • ビジュアルエディター
  • ブロックエディター

テキストエディターで利用する場合は「Post Snippets」のボタンをクリックしましょう。

スクリーンショット

ビジュアルエディターで利用する場合は、以下の黄色アイコンが「Post Snippets」のマークです。

スクリーンショット

「テキストエディター」と「ビジュアルエディター」では、Post Snippetsをクリックすると、以下の画面が表示されます。挿入したいショートコードを選択して、右下の「insert」をクリックしましょう。

スクリーンショット

選択したショートコードが挿入されます。

スクリーンショット

ブロックエディターで利用する場合は、メニューに表示された「Post Snippets」のアイコンをクリックしましょう。

スクリーンショット

プルダウンメニューから、挿入したいショートコードを選択します。

スクリーンショット

Post Snippetsでは、どのエディターを利用しても簡単にショートコードが呼び出せる点がメリットです。

Post SnippetsでPHPコードを使う方法

Post SnippetsでPHPコードを使う方法

Post Snippetsは、PHPコードも登録できます。まずは、WordPressのダッシュボードから「Post Snippets」を選択し、設定画面を表示しましょう。

「Manage Snippets」タブの『Add New Snippet』をクリックします。「Untitled」というショートコードが追加されるので、画面右に表示された【▾】をクリックしてください。

編集画面が表示されたら、以下の手順で入力していきましょう。

スクリーンショット
  • PHPコードを入力
  • 「Shortcode」と「PHP code」にチェックを入れる
  • 「Save」をクリックして保存
注意
PHPコードを入力する際に「開始タグ(<?php)」と「終了タグ(?>)」は不要です。エラーの原因となるので削除しましょう。

執筆画面から「Post Snippets 」のボタンをクリックし、挿入するショートコードを選択。「insert」をクリックして完了です。

スクリーンショット

執筆画面で確認すると、以下のように表示されます。

スクリーンショット

プレビュー画面で確認してみましょう。PHPコードに入力した内容が表示されています。

スクリーンショット

「上手く表示されない」という場合、以下の原因が考えられます。

  • 「;」の入力忘れ
  • PHPコードの入力ミス
  • 開始タグや終了タグを入力している
  • 「Shortcode」と「PHP code」にチェックが入っていない

PHPコードの入力ミスがないか、もう一度確認してみましょう。

【 12月31日まで 】2023年歳末大感謝キャンペーン
サーバー初回50%OFF〜 & Amazonギフトカード最大5,000円分が当たる

サーバー「BOX2〜BOX8」初回料金50%OFF&ドメイン永久無料

・サーバー初回料金50%OFFクーポン

1年以上のご契約に限りクーポンコード「SERVER50」を入力するとサーバー利用料金の50%OFF(BOX1は対象外)
※クーポンコードの使い方(1)サーバーの30日間無料お試しを申込む → (2)サーバー詳細画面の「アップグレード/ダウングレード」から本契約(12ヶ月・24ヶ月・36ヶ月のみクーポン適用)を行う → (3)「プロモーションコード」にコードを入力し「コードの認証」進む。特別価格が適用

・ドメイン永久無料

対象ドメインは「 .com / .net / .org / .info / .biz / .jp 」の6種類 レンタルサーバーBOX2〜8プランを12ヶ月以上の年間契約いただくことにより初回利用料金が50%OFFになり、6種類の独自ドメインの新規登録・移管・更新を永久無料でご利用可能

>>ドメイン永久無料詳細はこちら

サーバー「BOX1」初回料金40%OFF

1年以上のご契約に限りクーポンコード「BOXONE40OFF」を入力するとサーバー利用料金の40%OFF
※クーポンコードの使い方(1)サーバーの30日間無料お試しを申込む → (2)サーバー詳細画面の「アップグレード/ダウングレード」から本契約(12ヶ月・24ヶ月・36ヶ月のみクーポン適用)を行う → (3)「プロモーションコード」にコードを入力し「コードの認証」進む。特別価格が適用
※注意事項
他のプロモーションコード(クーポンコード)との併用は不可
次回更新以降は通常料金
更新やプラン変更等、既に契約済のサービスには利用不可
サーバーアカウント毎に1回限り有効
規定在庫がなくなり次第、クーポン提供を終了させていただく場合あり
BOX1はドメイン永久無料特典は対象外

特典:総額5万円分のAmazonギフトカードプレゼント

・Amazonギフトカード最大5,000円分が抽選で当たる!

期間中、割引クーポンを利用してサーバーを契約いただくと応募完了。当選者の方にはキャンペーン終了後、メールにてご連絡
Amazonギフトカード[5,000円分・3名様][3,000円分・5名様][1,000円分・20名様]
※注意事項
アダルト対応サーバーもキャンペーン対象
>>2023年歳末大感謝キャンペーンはこちら
▼WordPressの始め方はこちら▼ 【最短5分】WordPressブログの始め方を小学生でもわかるように解説 >>【最短5分】WordPressブログの始め方を小学生でもわかるように解説