a-blog cms day in nagoya 2015/03 ミニセミナー
Post on 07-Aug-2015
165 Views
Preview:
TRANSCRIPT
a-blog cms DAY in NAGOYAミニセミナー (2015 3/20)
発表者 堀 悟大
今日のゴール
• 2.2が出る前に2系の機能をおさらいしよう
目次
• カスタムユニットのカスタマイズについて
• SNSログインについて
• 動的フォームのカスタマイズについて
カスタムユニット
カスタムユニット• カスタムユニットとは
• カスタムユニットについてのおさらい
• カスタムユニットメーカーを作ろう
• カスタムユニットについての注意事項
• 設定できない項目について
• カスタムユニットを複数用意するカスタマイズ方法
カスタムユニットとは
• カスタムユニットを使えば、独自にユニットの表示内容をカスタマイズすることができます。カスタムフィールドでは、ユニットとユニットの間に挿入できませんが、カスタムユニットだと挿入することができるので表現の幅が広がります。
カスタムユニットとは
カスタムユニットとは
カスタムユニットとは
カスタムユニットについてのおさらい
表示側の設定
カスタムユニットについてのおさらい
カスタムユニットのインクルード先がVer. 2.1.1.4以降とそれ以前では変わるので要注意
カスタムユニットについてのおさらいVer. 2.1.1.4未満
/system/include/unit.htmlの中身
<!-- カスタム -->
<!--#include file="/include/custom-unit.html"-->
<!-- END unit#custom -->
自分のテーマに/include/custom-unit.htmlを作成
カスタムユニットについてのおさらいVer. 2.1.1.4以降
/system/include/unit.htmlの中身
<!-- カスタム -->
<!--#include file="/include/unit/custom.html"-->
<!-- END unit#custom -->
自分のテーマに/include/custom/unit.htmlを作成
カスタムユニットについてのおさらい
編集側の設定
カスタムユニットについてのおさらいVer. 2.1.1.4未満
/system/admin/entry/unit.htmlの中身
<!-- BEGIN custom -->
<!--#include file="/admin/entry/custom-unit.html" -->
<!-- END custom -->
自分のテーマに/include/entry/custom-unit.htmlを 作成
カスタムユニットについてのおさらいVer. 2.1.1.4以降
/system/admin/entry/unit.htmlの中身
<!-- BEGIN custom -->
<!--#include file=“/admin/entry/unit/custom.html” ̶>
<!-- END custom -->
自分のテーマに/include/entry/custom/unit.htmlを作成
カスタムユニットについてのおさらい
• 編集側の設定
• 変数指定のところの前に{id}を付加する
• field[]をunit{id}[]にする
カスタムユニットについてのおさらい• カスタムユニットメーカーを作ろう
• デベロッパーサイトhttp://developer.a-blogcms.jp/editor/cum.html
• acms util kithttps://bitly.com/acmsUtilkit
カスタムユニットの注意事項
• ループが発生する項目はカスタムユニットで表示できません
• （例）配列を使ったチェックボックスやカスタムフィールドグループ等
カスタムユニットを複数用意するカスタマイズ方法
拡張ユニットを用意しよう
カスタムユニットを複数用意するカスタマイズ方法編集設定
custom_任意の文字列
カスタムユニットを複数用意するカスタマイズ方法ユニット設定
追加した項目のボタンをクリック
カスタムユニットを複数用意するカスタマイズ方法
編集側の設定
カスタムユニットを複数用意するカスタマイズ方法Ver. 2.1.1.4未満
/system/admin/entry/unit.htmlに
<!--#include file="/admin/entry/unit/extend.html" ̶>
の記述あり
カスタムユニットを複数用意するカスタマイズ方法Ver. 2.1.1.4未満
/system/admin/entry/unit.htmlに
<!--#include file="/admin/entry/unit/extend.html" ̶>
の記述がないのでこれを記述しよう
カスタムユニットを複数用意するカスタマイズ方法!
/admin/entry/unit/extend.html
<!̶ BEGIN custom_test ̶>
<!-- この中にカスタムユニットメーカで作成したコードを貼付ける -->
<!̶ END custom_test ̶>
カスタムユニットを複数用意するカスタマイズ方法
表示側の設定
カスタムユニットを複数用意するカスタマイズ方法
Ver.2.1.1.4以降
/system/include/unit.htmlの中身
<!--#include file=“/include/unit/extend.html"-->
の記述あり
カスタムユニットを複数用意するカスタマイズ方法
Ver.2.1.1.4未満
/system/include/unit.htmlの中身
<!--#include file=“/include/unit/extend.html"-->
の記述がないのでこれを記述しよう
カスタムユニットを複数用意するカスタマイズ方法
自分のテーマ/include/custom/extend.html
に表示したい内容を書き込む
SNSログインこれは2015年3月20日現在の設定方法です
SNSログインについて• SNSログインとは
• SNSログインの嬉しいこと
• Twitterでの認証設定
• Facebookでの認証設定
• 認証許可
SNSログインとは
• SNSログインとは「アカウント名」や「パスワード」を入力しなくても、あらかじめTwitterとFacebookの認証設定をしておくことで、ログインを簡易にする仕組みのことです。
SNSログインの嬉しいこと
ワンクリックでログインが可能に
SNSログインを利用可能に
APIキーの設定（Twitter)• プロパティ設定に移動
• Twitter アプリケーション(認証用)に値を入力- API Key- API Secret
外部からの認証を受け付けるにはStatus & Reviewより
APIキーの設定（Facebook)
• プロパティ設定に移動
• Facebook アプリケーションに値を入力- Application ID- Application Secret
認証を許可
動的フォームの カスタマイズ
動的フォームのカスタマイズについて
• 動的フォームとは
• 機能設定
• エントリーへフォームを導入
• 項目の追加
• 動的フォームと静的フォームの組み合わせ方法について
動的フォームとは
• 動的フォームとはHTMLの知識がなくても動的に登録できるフォームのことです。エントリーにフォームを設置することができます。
機能設定
• ここに図が入る
フォームIDの設定
• ここに図が入る
エントリーへフォームを導入
フォームIDのヒモ付け
• ここに図が入る
動的フォームと静的フォームの組み合わせについて
設定しなくても常に表示したい内容
動的フォームと静的フォームの組み合わせについて
• /include/form/input.html
• /include/form/confirm.html 上記二つのファイルをsystemのテーマから自身のテーマにコピーする
動的フォームと静的フォームの組み合わせについて
- column:loopの外に記述 - 変数にはバックスラッシュを付けましょう
input.html
ありがとうございました
http://horicdesign.com @steelydylan steelydylan!
"
#
top related