1. トップ
  2. オンラインマニュアル
  3. 管理者マニュアル

管理者マニュアル

LINE側の設定

この記事では、LINEログインをa-blog cmsで行う方法をご紹介します。

コンソールにアクセスして、a-blog cmsの管理画面に登録する「Channel ID」と「Channel secret」を取得します。

プロバイダを作成する

まずはプロバイダを作成します。「Create」ボタンをクリックします。



「Create」ボタンをクリックしたら、プロバイダー名を入力します。後から何の設定かわかるように、会社名やお店の名前やサイト名をご記入ください。



プロバイダーを作成したら、ログインチャネルを作成します。

ログインチャネルを作成する



以下のような画面に移動します。入力欄を記入しましょう。



Channel type「LINE Login」 を選択する(さきほど選択したチャネルタイプが選択されている状態になります)
Providerプロバイダ名を選択する(さきほど作ったプロバイダが選択されている状態になります)
Channel icon任意のアイコンを登録する
Channel nameチャネルの名前(※Channel name名に「LINE」という文字を含めるとうまく作成できない可能性があります)
Channel descriptionチャネルの説明
App types「Web app」 を選択する
Email addressメールアドレスを登録
Privacy policy URLプライバシーポリシーのURLがあれば登録する
Terms of use URL利用規約のURLがあれば登録する

最後に、LINE Developers Agreement に同意し、チェックボックスをオンにしてチャネルを作成します。

Channel IDとChannel secret を登録する

内容を保存したら、作成したチャネルのページに自動で移動します。
このページに記述されている「Channel ID」と「Channel secret」の項目をa-blog cmsの管理画面に設定します。LINEログインを有効にしたいサイトにログインし、管理画面>コンフィグ>プロパティ設定の順にページを移動し、「LINE(SNSログイン用)」の欄に記述してください。

a-blog cms の管理画面


Channel IDとChannel secret をプロパティ設定に登録する


LINEのチャネルページにある LINE ID とLINE secret


Channel IDの設定


Channel secretの設定


Callback URLを登録する

つぎは、a-blog cms の管理画面に記入されているCallback URLを確認し、LINEのチャネルに登録します。またLINEのコンソールの画面に戻って「LINE Login」タブに移動します。




LINEログインを使用したいユーザーを認証する

管理画面>ユーザー>LINEログインをしたいユーザーの設定画面の順にページを移動し、LINEログインの項目にある「認証」ボタンをクリックします。



実際にLINEログインを使用する

サイトからログアウトし、ログインページに移動すると、専用のボタンが表示され、LINEログインが有効になっているのが確認できます。LINEログインボタンをクリックしてログインしてください。



引用

引用ユニットは、テキストユニットの引用とは違い、外部のURLを入力する事で、そのURLの持つOGP情報を表示します。


(入力欄)


(表示例)


メディア

a-blog cms では、エントリー内でよく使用する画像などのファイルをシステム側に保管しておくことで、何度も別のエントリーに使い回すことができるメディア管理機能があります。
メディアユニットは、別途登録するファイルを表示するユニットになります。
設定方法、ファイルの登録については別項メディア管理で詳しく解説しています。


カスタム

カスタムユニットは、ユニットをカスタマイズし、カスタムフィールドをユニットで取り扱えるようになるものです。
このユニットを使用するためには、テンプレートのカスタマイズが必要です。サイト制作者、カスタマイズ担当者の方にご相談ください。


リッチエディター


リッチエディターはユニット内で使用できるテキストエディタの1つです。

テキストユニットとは違い、ブロック内で複数の種類のテキストを入力できたり、テキストブロックの移動や画像の挿入が可能です。

テキストの種類はカスタマイズで拡張できます。拡張は制作者による作業が必要です。制作者にご相談の上ご利用ください。



テキストをドラッグすれば、マーカー、下線、打ち消し線、リンク挿入が可能です。

これらのインラインスタイルの種類はカスタマイズで拡張できます。拡張は制作者による作業が必要です。制作者にご相談の上ご利用ください。



右上の拡大ボタンをクリックすると、ウィンドウサイズでテキストを編集できます。



a-blog cmsを体験してみよう!

お手元のPC、スマートフォンで a-blog cms製Webサイトをご覧いただけます。

メニューの「ログイン」からエントリーの投稿も!

a-blog cms デモサイト