会話ユニット

「balloon@zeroichi_jp」を、a-blog cmsの「themes」ディレクトリにアップロードしてください。

「zeroichi_lp」バージョン1.2.0以前をご利用の場合

「zeroichi_lp」テーマの、JavaScriptの更新が必要となります。テーマ内の以下のファイルをアップロードして上書きしてください。

• /js/acms_config.js
• /js/acms_config.min.js

a-blog cmsに管理者でログインし、対象となるブログの管理ページのメニューから「コンフィグ」を選択してください。
移動先のコンフィグ一覧画面の、左上のセクションにある「テーマ設定」を選択してください。

「テーマ ディレクトリ名」のプルダウンリストでは「zeroichi_jp」が選択されています。「balloon@zeroichi_jp」に変更して、保存してください。

子テーマを使用したくない場合

「balloon@zeroichi_jp」の内容を、導入予定のテーマと統合してください。
その際、以下の箇所は導入予定のテーマを上書きしないようご注意ください。

/include/head/head_common_last.html

/css/balloon.min.css と、 %{BLOG_URL}css/theme_balloon.css の読み込みが追加されています。

/admin/entry/unit/extend.html

extend_custom_lpballoon.html の読み込みが追加されています。

/include/unit/extend.html

extend_custom_lpballoon.html の読み込みが追加されています。

管理ページのメニューから「コンフィグ」を選択してください。
移動先のコンフィグ一覧画面の、左中段のセクションにある「編集設定」を選択してください。

「編集設定」のページ前半に「ユニット追加ボタン」というセクションがあります。ここで、エントリー編集画面にボタンを追加することができます。
以下の通り設定したリストを一行追加し、保存してください。

「編集設定」では、まだボタンを追加しただけで、ユニット本体は関連付けられていません。

管理ページのメニューから「コンフィグ」を選択してください。
移動先のコンフィグ一覧画面の、先ほどの「編集設定」のすぐ下にある「ユニット設定」を選択してください。

各ボタンを押したときに、どのユニットが呼び出されるかを設定する画面となります。画面を下へスクロールして、先ほど登録した「LP会話」ボタンの枠を探してください。

見つかったら、枠の上部にある「LP会話」ボタンをクリックしてください
ユニットが追加されたことを確認し、設定を保存してください。

※ユニットの内容が表示されませんが、a-blog cmsの仕様ですので問題ありません。

以上で会話ユニットの導入は完了です。

❶　ユニット共通の操作

「ユニット共通の操作」を参照ください。

❷　大見出しのタイプ

このユニットの先頭の大見出しの体裁を選んでください。❸が未入力の場合は反映されません。

❸　大見出しのテキスト

このユニットの先頭の大見出しのテキストを入力してください。span・strongなどの、インライン要素のHTMLタグを記述することができます。未入力の場合は見出しが表示されません。

❹　会話セット

一人分の会話セットです。ユニット最下部の「追加」ボタンで、いくつでも増やすことができます（※）。
左の「三」をドラッグすると順番を変更できます。
右の「削除」ボタンをクリックすると、そのセットを削除します。

❹ - 1　アイコン

このユニットではアイコンが必須となります。縦横300ピクセル以上の、正方形のアイコン画像をアップロードしてください。アイコンはCSSで、丸くトリミングされます。

❹ - 2　背景色

吹き出しの背景色を選択してください。「白」を選択した場合は、ユニットの背景にも色が必要となります。

❹ - 3　方向

アイコンをどちら側に表示するかを選択してください。

❹ - 4　アイコンのキャプション

アイコンの下に名前などを表示できます。この項目は空でも構いません。

❹ - 5　文章

吹き出し内の文章を入力してください。改行が有効となり、HTMLタグも使用できます。

※数が多すぎる場合、サーバーの性能やa-blog cmsの仕様によっては正しく保存できないことがあります。その場合は新しくユニットを作るなどして、ユニット内の会話セットの数を減らしてください。