WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

フロントエンドへカスタマイズした投稿フォームを設置できるプラグイン「WP User Frontend」

公開日:2015年11月1日 コミュニケーション


フロントエンドから記事の作成ができるプラグイン「WP User Frontend」を紹介します

入力フォームを閲覧画面に表示して記事の投稿ができるようにするプラグインはニーズが多いのでいろいろ配布されていますが、このWP User Frontendはカスタムフィールドの値を入力フォームとして表示できる珍しいプラグインです。

通常のフロントエンド投稿プラグインは、閲覧画面へ管理画面からの投稿と同じような「タイトル」「本文」「タグ」「カテゴリー」などの項目を表示して投稿をさせるというものが多いのですが、実用的には、「ここにこの情報を入力してほしい」というフォームを表示して、それを使って記事を作るということをしたいのではないかと思います。これを実現できるのがWP User Frontendプラグインです。

【WP User Frontend】プラグインの基本的な機能・できること

最近更新されたバージョン2.5では、管理画面がより分かりやすくなりました。以前のバージョンを知ってる方なら劇的変化であることが分かると思いますが、

  1. 常にプレビュー表示された状態でフォームが作れる
  2. 基本的なオプション項目と詳細オプション項目が区別され、より設定しやすくなった

という感じの変更です。その他有料版部分の修正が行われたようですが、無料版のみテストしてありますので詳細は不明です。その他機能については以前のバージョンと同一のようです。
※2.5.0へのバージョンアップによってテスト環境では作成済みのフォームの編集ができなくなりました。他のプラグイン等を停止、カスタマイズ部分をデフォルトに戻しても解消されませんでしたので、アップデートする必要がない場合には様子を見た方がいいかもしれません。不具合が出た方のためにページの下部で旧バージョン(2.4.3)をダウンロードできるようにしておきます

無料版でできること

    1. フロントエンドからの記事投稿ができる
    2. 表示するフォームが自動生成される(固定ページにショートコードを入れることで投稿フォームが完成する)

ちなみに無料版で作成したフォームのサンプルは

で確認できます。

  1. 登録ユーザーを限定した投稿ができる(ユーザー登録と管理は有料バージョンのみ)
  2. 未登録ユーザー(ゲストユーザー)の投稿ができるようにも設定できる
  3. 画像のアップロードができる(ファイルや動画のアップロードは有料バージョンのみ)
  4. カスタムCSSが設定できる

有料版でできること

  1. ユーザーの追加や編集ができる
  2. 投稿した情報や添付ファイルの販売ができる
  3. 投稿通知ができる(投稿や編集などが完了したら投稿者へ通知)
  4. 投稿に関する細かい設定ができる
  5. 有料コンテンツのダウンロードサイトが作れる
  6. 有料での記事閲覧機能

などなど

無料でも挙げだすとキリがない位高機能のプラグインです。

本記事を参考にWordpressサイトへプラグインの導入を検討される方へ

Wordpressは古くから無料で配布されているサイト作成ツール(CMS)で、随時改良が加えられており、さまざまなバージョンが存在します。さらにWordpressを動かすためのプログラムであるPHP、サイトのデータを保存しておくためのデータベースについても様々なバージョンがあります。そしてWordpress本体同様にプラグインについてもさまざまなバージョンが存在します。本記事を参考にプラグインの導入をお考えの方は、以下に留意の上でインストールするようにしてください。
  • テスト環境での動作に基づいた紹介記事ですので、すべての環境で正常に動作するかどうかは不明です
  • ※本記事の内容についてはページ内に記載しているプラグインバージョンのものになります。現在のバージョンと異なる場合、機能などが異なる場合があります。※また、ページによってはテスト環境、テストしたプラグインバージョン等の表示が本文内にない場合、ページタイトル下にある最終更新日当時の情報となりますので、現在のバージョンでは全く違う機能となっているかも知れません。
  • プラグインに無料版と有料版(Pro版)がある場合、特に記載がなければ無料版の情報のみを紹介しています
  • このページでプラグインを使用する際に必要なショートコードやコードなどは、コピーして使用することができますが、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。
  • プラグイン本体の動作不具合や質問などは公式サイトのフォーラムなどで行ってください(ここでは質問にお答えすることはできません)

【WP User Frontend】プラグインの設定画面や表示の日本語化と翻訳

当サイトで私が翻訳した【WP User Frontend】プラグインの日本語化ファイルを配布しています。

翻訳ファイルは

からダウンロードできます(ダウンロードの方法や日本語の適用方法なども解説しています)

翻訳することで設定が容易になり、重要な項目の設定漏れも少なくなりますから日本語化をお勧めします。

【WP User Frontend】プラグインのインストールと設定

インストール方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

を参照ください

【WP User Frontend】プラグインの基本的な使い方

WP User Frontend のカスタムフィールドショートカット

テーマの中にショートコードでコードの埋め込みができるようにフォームに入力された要素(独自のカスタムフィールド)のショートカットが用意されています。
基本的なショートコードの記述例
[wpuf-meta name=”メタキー”]
「メタキー」へ作成したフォームの「Meta Key」欄の値を入力する
[wpuf-meta name=”meta_key_name” type=”タイプを入力”]
「タイプを入力」へ入力する値
「image」・・・画像イメージ
「file」・・・ファイル
「map」・・・Googleマップ(プロ版のみ)
「repeat」・・・繰り返し表示


日本語化してしまえば使い方は一目瞭然なので、一度使ってみてほしいプラグインです。もう一度書きますが、入力項目を指定できる(通常の何でも入力できる本文なしでフォームの作成ができる)のはおそらくこのプラグインだけだと思います。

また、このプラグインで使える以下の画面は有効化時に固定ページへ自動で追加されます。

    1. Account

ユーザー向け:情報を表示します(有料サイトでなければあまり使う機会がないと思います)
既存の固定ページへ[wpuf_account]を挿入することで同一の表示ができます

    1. Dashboard

ユーザー向け:ユーザーの投稿一覧が表示できます
既存の固定ページへ[wpuf_dashboard]を挿入することで同一の表示ができます

    1. Edit

ユーザー向け:投稿を編集する際の画面です
既存の固定ページへ[wpuf_edit]を挿入することで同一の表示ができます

    1. Login

ログイン画面を表示します(有料版でのみ使用)
既存の固定ページへ[wpuf-login]を挿入することで同一の表示ができます

    1. Order Received

有料会員が申し込みをした際のリダイレクト先です(有料版でのみ使用)

    1. Payment

支払い方法の案内画面です(有料版でのみ使用)

    1. Subscription

購読の案内画面です(オプション使用時)
既存の固定ページへ[wpuf_sub_pack]を挿入することで同一の表示ができます

    1. Thank You

投稿完了時のリダイレクト先です

上手に投稿できないときは

テスト環境を作り、管理者でログインした状態でフォームを固定ページに表示し、必須項目を入力して「送信」ボタンを押したところ、何も反応しないという現象が発生しました。

プラグインを外したり、テーマを替えたりといろいろ原因を調べたところ、リッチテキストエディタ(ビジュアルエディタ)を使わない設定になっているユーザーはこのプラグインを使ったフロントエンドからの投稿ができないようです。

この設定はダッシュボードから「ユーザー」→一覧から該当のユーザーの「編集」を開いたとき、一番先頭に表示される「ビジュアルリッチエディターを使用しない」のチェックがどうなっているかというのが問題で、ここにチェックが入っていると不具合が発生します。

まあ、ビジュアルエディタを使わないようにしているユーザーはバックエンドで投稿や編集をしますから、恐らくフロントエンドから投稿ができなくても問題ないですし、ユーザー登録を新規に行うとこのチェックは外れていますからそちらも問題ないと思います。

バグなのか仕様なのかは不明ですが、フロントエンドからの投稿をテストして躓いたらまずここを確認してみてください。

特定のユーザーから投稿を受け付けないようにできる

上の不具合を調べていて、ちょっと便利な機能があることに気づきました。それは、ユーザーの編集画面でフロントエンドからの投稿を拒否できる機能がある!ということです。

ダッシュボードから「ユーザー」→一覧から該当のユーザーの「編集」を開いたとき、一番下に「WPUF Post Lock」という項目が加わっており、ここの「Lock Post:」にチェックを入れると新規投稿を拒否することができます。また、「Reason」欄に理由を入力しておくとなぜ拒否されたのかが表示されるようになっているようです。

地味ですが、こういう機能も必要だしうれしいですね。

フロントエンドでログインするプラグインと併用すると投稿できないことも

テスト環境での話ですが、複数のフロントエンドからログインするためのプラグインと【WP User Frontend】を併用して試したところ、【WP User Frontend】側がログインしたと認識されないようで、フォームを開くと「ログインしてから投稿してください」となってしまいました。

ちなみにバックエンドのログイン画面からログイン後、フロントエンドの投稿画面を開いたらきちんと動作したので、ログインユーザーのみ投稿できるようにするには有料版を購入した方が無難なようです(工夫により何とかなりますのでいろいろやってみることをおすすめします)。

【WP User Frontend】プラグインの便利な使い方・カスタマイズ方法など

より便利に使うカスタマイズ技やテストサイトで使用した結果や感想、Wordpressのプラグイン公式配布ページには書かれていない事柄などを紹介します。

【WP User Frontend】のより実践的な設定方法と会員機能と併用する方法を書きました。かなりの長文ですがついでにどうぞ

このページを紹介いただいているサイト

インターネットの世界はネットワークが命。私の拙いページをご紹介いただいているありがたいサイト様へ少しでも恩返しを・・ということでサイトへのリンクを張らせていただきます。ぜひご覧ください。

※Google Analyticsでのリファラアクセスデータを元にリンクさせていただいております(リンクを張っていただいている方でも本ページへアクセスのないサイト様は残念ながら掲載できておりません)

※リンクを張っていただいているサイト様でも長期間本ページへのアクセスがない場合にはリンクを解除させていただく場合があります

いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)
インプレス
大きな画面の操作手順で迷わない。人気のテーマで、パソコン&スマホ両対応のWebサイトを作れる!ソーシャルメディアとの連携やSEO対策、バックアップなどの運用面も丁寧に解説。
※表示している価格は単行本のものです
参考価格:1,738
※参考価格です。サービスやショップ、掲載時期などにより価格は異なりますのでご注意ください

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

【スポンサーリンク】