ショートコードで簡単!SPIRALセキュアセッションマネージャー   (ログイン機能編)

https://www.pi-pe.co.jp/regist/is?SMPFORM=man-lanerf-2473a633d82734eb22aa64cad426ae23&utm_source=pup-qiita&utm_medium=contentlink&utm_campaign=/SPIRAL_internship/items/cc9f7f98749a80a53d4b&utm_content=link-top&f000099824=https://qiita.com/SPIRAL_internship/items/cc9f7f98749a80a53d4b

---

## はじめに
こんにちは！スパイラル株式会社インターン生です。
皆さんは、「SPIRALセキュアセッションマネージャー」についてご存知ですか？
実はこれ、とっても便利なんです！この記事ではSPIRALセキュアセッションマネージャーについて便利な機能をご紹介します。
## こんな方に向けて書いてます
- WordPressでログイン機能を作りたい方
- 会員以外にコンテンツの一部を隠す方法を知りたい方
- SPIRALセキュアセッションマネージャーについて知りたい方  
## SPIRALセキュアセッションマネージャーって何？
「SPIRALセキュアセッションマネージャー」とは、スパイラル株式会社  が提供しているWordPressプラグインです。
- 特徴
　- 会員情報を高水準セキュリティで保護
　- ショートコードやブロックで機能を簡単実装
　- 自動制御でセッション管理不要
- 主な機能
　- ウィジェットで簡単にログイン認証
　- ログイン前後でコンテンツ切り替え
　- 会員情報に応じたコンテンツの出し分け
## ショートコードって何？
ショートコードは[ ]で囲まれたコードのことで、設置することで定型文を呼び出すことができます。これを利用することで作業時間の短縮につながります。また、プログラミング知識が必要ないことも魅力の一つです。
しかし、記述を間違えると正しく表示されなかったり、管理に手間がかかったりします。
実際私もこの不便さを痛感していました。特に後者、管理の手間の部分です。
WordPressのカスタマイズをしていたとき、function.phpにショートコードを書いていたのですが、気づけば数がどんどん増え、もはや何をしているのか分からない状態になりました。
そもそも積読本がどんどん机に増えていくようなズボラな人間に、まともにショートコードの管理ができるわけがなかったんです。
そんなデメリットを解決できるのがSPIRALセキュアセッションマネージャーです！
メニューから選択するだけで簡単にショートコードを設置できます。  
今回はこの機能についてその一部を紹介します！
## SPIRALセキュアセッションマネージャー_ショートコード編
初期設定が完了していない方は、まず[こちらのサイト]( https://apl-support.pi-pe.co.jp/s3m/s3m_setting/s3m_setting_new/)を参考に設定を完了してください！
- ショートコードの使い方
左上の＋ボタンをクリックし、ブロックタブを下にスクロールします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/d19a8e08-1555-4549-9374-a0db7ef856ff.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/bb661e73-9e0f-4823-97bb-a1af864859b0.png)
 
そうすると下の画像のように

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/6efdaf71-8117-4ef6-b770-4c10b7213811.png)

 
「SPIRALセキュアセッションマネージャー」が表示されます。
このカテゴリ内のアイコンをそれぞれクリックすることで、ショートコードを挿入できます。
- ログインフォーム  
サイトに登録したメールアドレスとパスワードでログインできるフォームを作ります。
「ログインフォーム」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/f018187e-9240-4786-bba9-838745ff1d1d.png)
 
すると画像のようにショートコードが挿入されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/5df50e1e-84fc-4122-aa8d-740a4ef92cde.png)

 
プレビューで見るとこんな感じです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/91c7d9c6-bbd2-411e-9f79-02f0595ab89f.png)

 
- ログイン時表示
「ログイン時表示」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/9e4abe4d-58f8-4454-a11a-5da84a5a22a3.png)
 
すると画像のようにショートコードが挿入されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/5a62a1e8-d14d-4d2c-b640-73a6eb587dee.png)

 
このショートコードを使うと会員限定コンテンツが可能になります。

---
▼開発に使用しているローコード開発プラットフォーム「SPIRAL」はここから体験できます！

https://www.pi-pe.co.jp/regist/is?SMPFORM=man-lanerf-2473a633d82734eb22aa64cad426ae23&utm_source=pup-qiita&utm_medium=contentlink&utm_campaign=/SPIRAL_internship/items/cc9f7f98749a80a53d4b&utm_content=link-middle&f000099824=https://qiita.com/SPIRAL_internship/items/cc9f7f98749a80a53d4b

---


- ログイン時非表示
「ログイン時非表示」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/16a72f57-5acf-47c5-95f1-13cef13ffcd6.png)
 
すると画像のようにショートコードが挿入されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/f7427995-9ecc-4059-b30d-d6a68deb6cb0.png)
 
プレビューで見るとこんな感じです。
このショートコードを使うことで、ログイン後はログインフォームを表示しないようにできます。
**これらを組み合わせるとこんなページが作れちゃいます!!**

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/725ad611-7d21-4c20-be37-d254a67ccf5f.png)
 
プレビュー

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/535bfd91-8ca3-4325-86e4-49cae55bd30f.png)
 
## まとめ
今回はSPIRALセキュアセッションマネージャーの特徴の一つであるショートコードについてその一部を紹介しました。このプラグインを使うと簡単にログイン機能を実装出来ます。皆様もぜひお試しください！
## 参考にしたサイト
[WordPressでショートコードを利用しよう！メリットや注意点も解説]( https://www.spiral-platform.co.jp/article/wp-mls/615/#modal-close)
[WordPress会員管理プラグインSPIRALセキュアセッションマネージャー]( https://www.spiral-platform.co.jp/solution-app/wp-mls/)

---
 
 
私がインターンしているスパイラル株式会社は、ローコードプラットフォーム、SPIRAL ver.1の**トライアルアカウント**を**無償提供**しています。このアカウントの記事でも紹介するように、たくさんの機能ございます。
 
▶︎ フォーム
▶︎ 認証エリア
▶︎ ログイン
▶︎ メール送信
▶︎ カスタムプログラム
 
などの作成できますので、ぜひ試してみてください!!
 
https://www.pi-pe.co.jp/regist/is?SMPFORM=man-lanerf-2473a633d82734eb22aa64cad426ae23&utm_source=pup-qiita&utm_medium=contentlink&utm_campaign=/SPIRAL_internship/items/cc9f7f98749a80a53d4b&utm_content=link-bottom&f000099824=https://qiita.com/SPIRAL_internship/items/cc9f7f98749a80a53d4b
 
そして、今チームでトライアル登録者向けに、オンボーディングコンテンツを作成しています。**SPIRAL ver.1**にご興味のある方、ぜひこちらもご覧ください👇
 
https://knowledge.spirers.jp/special/detail/11680