Home

カスタムユニットハンズオン

※この記事の内容は2015年5月に開催された a-blog cms Training Camp 2015 Spring の中で行われたカスタムユニット機能のハンズオンの内容です。

カスタムユニットを使えば、独自にユニットの表示内容をカスタマイズすることができます。カスタムフィールドでは、ユニットとユニットの間に挿入できませんが、カスタムユニットだと挿入することができるので表現の幅が広がります。

a-blog cms Ver. 2.8.0 の新機能 & 変更点

Ver. 2.8.0 管理画面

いつもお世話になっております。開発の伊藤です。

今回は Ver. 2.8.0 リリースまでもう少し！という事で、Ver. 2.8.0 の新機能 & 変更点についてまとめてみたいと思います。最後に変更点一覧を乗せてあります。

対応PHPを変更

Ver. 2.8 より下記のパッケージになり、php7.2まで対応できるようになります。

php5.3.3 - php5.5.x
php5.6 - php7.0.x
php7.1 - php7.2.x

CMS-1877 管理画面からのシステムアップデート機能を追加

Ver. 2.7 で導入したセマンティックバージョニングや様々な自動化により、不具合修正などのパッチバージョンをスムーズにリリース出来るようになりました。ただそれに伴いバージョンアップが大変になりました。そこで管理画面からのアップデートを使うことにより、楽にシステム更新が出来るようになります。

オプション

管理画面 > コンフィグ > 機能設定の「オンラインアップデート」にオプションがあります。

パッチバージョンのみ（デフォルト）
マイナーバージョンも含める
更新メニューを非表示

「デフォルトのパッチバージョンのみ」は不具合修正のバージョンのみアップデートを行います。仕様変更などは含まれませんので、安心してアップデートできます。「マイナーバージョンも含める」は、2.8 から 2.9 へのアップデートのようにマイナーバージョンアップの更新も出来るようになります。「更新メニューを非表示」は管理メニューに更新メニューを出さないようにします。お客様に引き渡す時に、あまり触ってほしくない場合などに便利です。

CMS-3916 クイックサーチ機能を追加（Ctrl+k, ⌘K）

ログインしていると以下のようなポップアップが現れ、キーワード検索で色々な情報にアクセス出来るようになりました。

クリックサーチ

アクセス出来る情報

ブログ
エントリー
カテゴリー
モジュールID
管理画面メニュー
ショットーカット（登録されているもの）
モジュール変数表
モジュールスニペット

ショートカットキー

Windows: Ctrl + k
MacOS: ⌘K

モード

フリーキーワードで検索はそのまま、キーワードを入力すればいいですが、そのほかに２つのモードが用意されています。

変数表検索モード: キーワードの最初に :（コロン） を入力することにより、変数表を検索できるようになります。
スニペット検索モードキーワードの最初に ;（セミコロン） を入力することにより、スニペットを検索できるようになります。

CMS-3795 Lite Editorを導入

テキストユニットの標準に導入されるエディターが「Lite Editor」になりました。下のように以前は「リンク挿入」などをクリックすると直接HTMLが挿入されていましたが、新しいエディターでは実際にどのように表示されるか視覚的にわかりやすくなりました。

以前のテキストユニット

新しいテキストユニット

CMS-3875 引数対応の@include 構文を追加

インクルード文を新しい書き方で書くことができるようになりました。

以前の書き方

<!-- include file="/path/to/file" -->

新しい書き方

@include("/path/to/file")

もちろん Ver. 2.8 でも以前の書き方のインクルードは動くようになっていますので、バージョンアップしても大丈夫です。

新しいインクルード文の機能

以前のインクルードはただファイルを読み込んでくるだけでしたが、新しいインクルード文には、変数を読み込み先テンプレートに渡せる機能が追加されています。

読み込み元

@include("/path/to/file", {"key": "value", "key2": "value2"})

読み込み先

<p>{{key}}</p>
<p>{{key2}}</p>

変数の渡し方は、@include()の第２引数に、JSON形式で渡します。変数の使い方は、通常の変数と違い２重の中括弧で囲むことで表示できるようになります。

CMS-3806 テンプレートの継承機能を追加

テンプレートを継承できる機能が追加されました。今までは、テンプレートをインクルードする事でテンプレートファイルを分割していましたが、この継承機能と組み合わせる事で、テーマをわかりやすく、シンプルに管理しやすくできます。

使用例

@section(header)  
  <header>...省略</header>
@endsection  

@section(main)  
   <h2>継承元のコンテンツ</h2>  
@endsection

@section 要素

ポイントは @section(セクション名) と @endsection で囲んだブロックが継承できる範囲になります。継承しそうなところを @section で囲みます。

@extend要素

@extend要素を使うことで、テンプレートを継承することが出来ます。
上記のテンプレートを継承してみます。

@extend(/layout/base.html)

@section(main)
<h2>継承したメインのコンテンツ</h2>
@endsection

表示されるHTML

<header>...省略</header>

<h2>継承したメインのコンテンツ</h2>

どうでしょうか？継承したテンプレートでは、メインのコンテンツしか記述していないのに、最終的に表示されるHTMLには継承元の情報も出力され、書き換えたいところだけ書き換えることが出来ました。

継承は、何回でも検証できますので、継承したテンプレートをさらに別テンプレートで継承するといった使い方もできます。

親テンプレートの利用

@section を使う事で、親テンプレートの要素を書き換える事ができるようになりましたが、全て置き換えてしまうので不便な場合があります。例えばJavaScriptの読み込みなどです。

全体で利用するJavaScriptは親テンプレートで読み込んでおきますが、継承したテンプレートのみでしか使わないJavaScriptを読み込みたい場合などがあります。

親テンプレート

@section(head-js)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/core.js" charset="UTF-8"></script>
@endsection

子テンプレート

@section(head-js)
@parent <!-- ここに親の@section(head-js)内が挿入される -->
<script src="/js/example.js" charset="UTF-8"></script>
@endsection

@parent 要素

上記のように @parent要素を @section内で使うことにより、親テンプレートを参照できるようになります。更に親のテンプレートを参照する場合は、@@parent のように @の数を増やすことで可能です。

テンプレートの継承機能を使ってテーマを作ると、テンプレートを複数のレイヤーに分けることができ、変更箇所のみテンプレートに書けばいいので、シンプルで分かりやすく、共通箇所も共有できるので、保守しやすテンプレートになると思います。

CMS-3775 モジュールのエスケープ機能 & モジュールに外部コンテキスト挿入機能を追加

モジュールの外部コンテキスト挿入機能

モジュールの呼び出しに新しい機能が追加されました。今までは、モジュールで表示する情報を制御するには、モジュールIDを作り管理画面で絞り込む情報を入力していたのですが、テンプレート側でも指定可能になりました。

<!-- BEGIN_MODULE Entry_List ctx="bid/1/cid/2" -->
...省略
<!-- END_MODULE Entry_List -->

上記のようにとすることで、モジュールのURLコンテキストを指定できます。指定の仕方はURLコンテキストと同じで、 bid/1/cid/2/eid/3　のように指定できます。

有効なコンテキスト

bid
cid
eid
uid
page
keyword
tag
field
order
start
end

モジュールID設定との優先度

もちろん id="" をつけてモジュールID化したものに設定することも可能です。ただモジュールIDでもURLコンテキストの設定が可能なのでバッティングしてしまいます。なので設定の優先度が存在しますのでご注意ください。

基本的にはモジュールIDの設定が優先されると考えていただければ大丈夫です。

コンテキストの優先度

URLコンテキストのチェックが入っており、該当のコンテキストが存在するページである場合のURLコンテキスト
モジュールIDの引数に設定した固定値
テンプレートで設定したctx

以上より、モジュールIDが設定されている場合は、チェックが入っていない & 固定値がないコンテキストと、チェックが入っていても、そのページのURLコンテキストがない場合に、テンプレートのコンテキストが使用されます。

モジュールのエスケープ機能

以前までは、モジュール内のブロック（など）や変数（{url}など）はバックスラッシュをつけることにより、エスケープが可能でした。

<!-- BEGIN\ entry:loop -->
\{url\}
<!-- END\ entry:loop -->

これに加え、Ver. 2.8 よりモジュール自体のエスケープも可能になりました。モジュールが入れ子の場合は通常内側から実行されますのが、モジュールのエスケープを使うことにより、外側のモジュールから実行させることができるようになります。

このモジュールのエスケープと先ほどのテンプレートからのコンテキスト指定を組み合わせることで、今まで出来なかったことができるようになります。例えば、Blog_ChildList と Entry_List を組み合わせて、ブログ毎にエントリー一覧を出力するようなことが出来ます。サイトマップなども作れると思います。

<!-- BEGIN_MODULE Blog_ChildList -->
<ul class="acms-list-group">
	<!-- BEGIN blog:loop -->
	<li>
		<a href="{url}" class="acms-list-group-item">ブログ: {name}</a>
		<!-- BEGIN_MODULE\ Entry_List ctx="bid/{id}" -->
		<div class="acms-margin-bottom-medium">
			<ul class="acms-list-group">
				<!-- BEGIN\ entry:loop -->
				<li><a href="\{url\}" class="acms-list-group-item">\{title\}</a></li>
				<!-- END\ entry:loop -->
			</ul>
		</div>
		<!-- END_MODULE\ Entry_List -->
	</li>
	<!-- END blog:loop -->
</ul>
<!-- END_MODULE Blog_ChildList -->

CMS-3801 画像のロスレス圧縮対応

画像のロスレス圧縮に対応できるようになりました。画像サイズが小さくなり、Google の PageSpeed Insights などの点数も上がりパフォーマンスがよくなります。

必要なソフト

ただ、サーバーに下記の画像圧縮ライブラリが必要になります。入っているソフトによって対応できるフォーマットが増減します。

pngquant
optipng
pngcrush
pngout
advpng,
pegtran
jpegoptim
gifsicle

確認方法

CMSでロスレス圧縮が可能かどうかは、管理画面 > チェックリストの「ロスレス圧縮対応フォーマット」で確認することができます。

CMS-3858 デフォルトのコンフィグのみのエクスポート機能を追加

Ver. 2.7 ではコンフィグのエクスポートはルール、モジュール、コンフィグの全てをブログ単位で一括エクスポート・インポートでしたが、ブログ作成時のデフォルト値を作るのに、これでは作成できませんでした。

そこで、デフォルトのコンフィグのみをエクスポート・インポート出来るようにしました。ここで書き出したyamlを private/config.system.yaml に記述すると、新規ブログ作成時に、エクスポートした設定が新しいブログの初期状態として反映されるようになります。

CMS-3943 コンフィグの部分インポート機能を追加

部分的なコンフィグのエクスポート・インポートが可能になりました。例えば、コンフィグの編集設定は設定項目も多く、インポートで対応したいが、他のテーマなどの設定も変わってしまいます。そこで、この部分インポートを使うと、他のコンフィグに影響なく、部分的にインポート出来るので便利です。

エクスポート方法

エクスポートしたい、各コンフィグのページに移動します。例えば、編集設定ページなど。移動すると右上にエクスポートボタンがあるので、ここをクリックするとyamlデータとしてエクスポートされます。

コンフィグの部分エクスポート

また、ルール適応状態のコンフィグもエクスポート・インポートできます。

インポート方法

コンフィグの部分インポートは、エクスポートと同じく、コンフィグの各ページの右上の「インポート」ボタンから移動するか、管理ページ > コンフィグ > 「コンフィグの部分インポート」から移動できます。

ここでインポートすることにより、yamlにはない情報は削除せずに、yamlにある情報だけ上書きして部分的に書き換えます。

コンフィグの部分インポート

CMS-3872 OGPモジュールの新規追加

今までは、既存モジュールを使い、複雑なテンプレート（大量のIF分岐）で OGPのタイトルや画像の出力に対応していましたが、使いづらく、また多くのモジュールを組み合わせて出力していましたので、パフォーマンスが悪かったです。

そこで、Ver. 2.8 でOGPモジュールを追加し、一つのモジュールでシンプルなテンプレートでOGPの情報を出力できるようにしました。モジュール設定で、適応するフィールド名が設定できたり、タイトルの順番やフォーマットが指定できるようになっています。

Ogpモジュール設定

CMS-3842 パスワードポリシーを導入 & 記号を使えるように改修

CMSのパスワードに記号が使えなかったのを使えるようにしました。また、機能設定にパスワードポリシー設定を設け、パスワードポリシー条件に満たないパスワードは設定できないようにしました。

設定できる条件

最小文字数
最大文字数
大文字を１つ以上含める
小文字を１つ以上含める
数値を１つ以上含める
記号を１つ以上含める
大文字、小文字、数値、記号のうち、３種類を含む
禁止ワード

パスワードポリシー設定

CMS-3907 ユーザーパスワードの強度確認機能を追加

ユーザーのパスワード設定画面で、パスワード強度を視覚的に分かりやすくする機能を追加しました。パスワードが短かったり、使われている文字の種類が少なかったり、推測されやすいパスワード（P@ssW0rdなど）を危険と判断して教えてくれます。

危険なパスワード

不安なパスワード

注意が必要なパスワード

妥当なパスワード

安全なパスワード

CMS-3446 [プロ版機能] 静的書き出し機能を追加

以前まではテンプレートを指定した部分的な静的（HTML）書き出しはあったのですが、サイト全体を書き出すことは出来ませんでした。

しかしセキュリティやパフォーマンスを気にされる方や、静的HTMLでしか運用されないお客様などから度々要望に上がっており、今回のVer. 2.8からプロフェッショナル版以上になりますが対応ができるようになりました。

静的書き出し

基本仕様

ブログ単位による書き出し
バッググラウンドでの書き出し（並列処理）
パスの書き換え（テンプレート、CSSにあるパスとドメインを設定に沿って書き換えます）

書き出し範囲

ブログトップ
カテゴリートップ
カテゴリー一覧
エントリー詳細
カテゴリー一覧の２ページ以降
カテゴリーのアーカイブ（年月）一覧

変更されるURL

ページのURLが変更されます。

CMSで表示 -> /page/2/
静的表示 -> /page2.html

ブログ単位で書き出せるので、あまり変更の無いブログは静的書き出しを行うのもいいと思います。

機能追加一覧

CMS-1877 管理画面からのシステムアップデート機能を追加
CMS-3693 管理画面からデータベースのアップデートができる仕組みを導入
CMS-3875 引数対応の@include 構文を追加
CMS-3806 テンプレートの継承機能を追加
CMS-3775 モジュールのエスケープ機能 & モジュールに外部コンテキスト挿入機能を追加
CMS-3916 クイックサーチ機能を追加（Ctrl+k, ⌘K）
CMS-3801 画像のロスレス圧縮対応（pngquant, optipng, pngcrush, pngout, advpng, jpegtran, jpegoptim, gifsicle）
CMS-3807 SmartPhotoを導入
CMS-3795 Lite Editorを導入
CMS-3858 デフォルトのコンフィグのみのエクスポート機能を追加
CMS-3872 OGPモジュールの新規追加
CMS-3842 パスワードポリシーを導入 & 記号を使えるように改修
CMS-3943 コンフィグの部分インポート機能を追加
CMS-3609 Google reCAPTCHA 拡張アプリを追加
CMS-3907 ユーザーパスワードの強度確認機能を追加

変更点一覧

php5.3.3 〜 php7.2.x 対応
管理画面の刷新
各テーマを2018仕様に変更
CMS-3668 組み込みJSのバンドル整備
CMS-3715 DBのException発行でエラーが出ていた問題を修正
CMS-3803 ナビゲーションモジュールのUIを刷新
CMS-3815 SMTP設定のオプションを増強
CMS-3821 管理画面のiPhone X 対応
CMS-3853 JSファイル読み込み時のイベントを追加
CMS-3850 ファイルアップロード時に同名ファイルがあった場合の対応を追加
CMS-3856 バージョンアップ時にconfig.system.yamlのキャッシュクリアを実行
CMS-3846 エントリーのソート順に作成日、更新日を追加
CMS-3860 バックアップファイルがない場合、リストアボタンを押せないように修正
CMS-3836 POSTデータが全て送信されたかチェックするように改良
CMS-3840 メディアで許可拡張子に画像拡張子がある時に画像がファイルとして扱われる問題を修正
CMS-3847 OpenGraphをcomposerから読むように変更
CMS-3841 メールのバックグラウンド送信するオプションを用意（send_email_asynchronous）
CMS-3866 画像ユニットでaタグ内にcaptionがある場合リンクがおかしくなる問題を修正
CMS-3787 非公開などの記事をログイン中でも見せないオプションを用意（subscriber_view_mode）
CMS-3867 Entry_Bodyの続きをよむ場所を強制するオプションを追加（Entry_Body内コンフィグ）
CMS-3869 ドロップエリア以外をドロップできないように修正
CMS-3870 htaccessのCMS管理以外のディレクトリ設定記述を調整
CMS-3776 読者ユーザーの場合は、同時ログインを有効に変更
CMS-3370 ゴミ箱で削除した順でソートできるように改良
CMS-3873 Entry_BodyのadminEntryTitleが表示されない問題を修正
CMS-3879 DEBUG_MODEのスタック表示をフルで表示するように修正
CMS-3864 Bootstrap2018テーマのBootstrapのバージョンをアップ
CMS-3878 Safariでポップアップが重い問題を解決
CMS-3882 バナーモジュールの初期ステータスを公開に変更
CMS-3887 カスタムフィールドメーカーを新しいものに刷新
CMS-3890 LiteEditorをカスタムフィールドで使えるように改良
CMS-3900 基本情報 -> 基本設定にカスタム情報をカスタム設定に変更
CMS-3902 themesとprivateのhtaccessで403から404を返すように修正
CMS-3817 カスタムフィールドソートの対象をモジュールで指定できるように改良（サマリー系モジュール）
CMS-3893 セレクトボックスのUI改善
CMS-3892 zIndex function を使った全体的なz-indexの見直し
CMS-3906 カスタムフィールドメーカーでカスタムユニットに対してチェックボックスのソースを生成できるようにする
CMS-3901 エントリ一覧でカテゴリーの親子関係で絞り込みを制御できるように変更
CMS-3921 テキストユニット追加時のfocus処理及びVoice Over読み上げ
CMS-3922 画像ユニットのファイル選択ボタンのfocus時にスタイルを付与
CMS-3910 違うBIDへのブログインポートでカスタムユニットの画像がリンク切れになる問題を修正
CMS-3931 Unit_Listでフィールドで絞り込めるように修正
CMS-3930 モジュールユニットで選択なしの場合にメッセージを追加
CMS-3929 ツールチップのリファクタリング
CMS-3926 保存時のsplashが余分な場所で表示されてしまう問題を修正
CMS-3941 WordPressインポートで不正文字があるとエラーが出る問題を修正
CMS-3945 カスタムユニットで複数のフィールドグループが使えるように修正

ランディングページテーマ（lp@site2018）の使い方

Ver.2.8.0より、あたらしくランディングページテーマ（lp@site2018）を追加しました。

ランディングページテーマの大きな特徴としては、以下の3つです。

ランディングページでよく使いそうな拡張ユニットを数多く用意していること
背景色別ユニットグループの実装
カスタムユニットのフィールドグループのサンプルを同梱

ランディングページや1カラムのテンプレートを作成する際に、カスタマイズのベースとしてご活用ください。

それでは、実際の使い方について解説します。

インストールデータをインポートする

ランディングページテーマは、CMSをインストールした際に選択できないようになっています。ですが、機能を把握するためにもデータがないと困るかと思いますので、外部URLでインストールデータを用意しております。以下、インストールデータをインポートする手順になります。

このテーマのインストールデータですが、インストーラーには用意していません。こちらのリンクより、インストールデータをダウンロードしてください。
このテーマはsite2018の子ブログとして作られることを前提にデータを作っています。 site2018をインストールしたブログに子ブログを作り、1でダウンロードしたファイルを/private/import/フォルダにzipファイルのまま設置してください。
管理画面＞ブログの順に移動し、エクスポート・インポートタブをクリックします
/private/import/フォルダに設置したファイルをセレクトメニューから選択してインポートしてください。
管理画面左のバーに設置されている「サイトを表示」ボタンからサイトを表示して、データが入っているを確認してください。

テーマについて

このテーマは、site2018テーマを継承したテーマです。lp@site2018を使用する際は、themesフォルダからsite2018を削除しないでください。

テーマの継承については詳しくは以下のドキュメントをご覧ください。

テーマの継承 | テーマ | ドキュメント | a-blog cms developer

テーマフォルダ直下のテンプレート

entry.html

詳細ページのテンプレートです。

template.yaml

lp@site2018テーマを選択したときに、テンプレートをまとめて設定できるファイルです。使用するかどうかは管理画面＞コンフィグ＞テーマ設定にて変更できます。

thanks.html

ユニットで挿入できるフォームの終了画面です。

フォルダ構成

admin

lp@site2018テーマオリジナルの管理画面のテンプレートが入ったフォルダ。 lp@site2018テーマでは主に以下のテンプレートが入っています。

カスタムフィールド（エントリー）
拡張ユニット

css

lp@site2018テーマで使っているCSSが入ったフォルダです。

form

カスタムユニット「フォーム」で使用するフォルダです。

images

lp@site2018テーマで使っている画像が入ったフォルダです

include

lp@site2018テーマ内のインクルードしているテンプレートをまとめたフォルダです。

js

lp@site2018テーマで使っているJavaScriptが入ったフォルダです。

scss

lp@site2018テーマで使っているSCSSファイルが入っているフォルダです。このscssフォルダに入っているSCSSファイルをコンパイルしてCSSを出力しています。

a-blog cmsの基本機能

カスタムフィールド

ブログ

サイトの設定（site2018からの継承）
SEOの設定（site2018からの継承）
OGPの設定（site2018からの継承）
会社情報（site2018からの継承）
SNSアカウントの情報（site2018からの継承）
scriptタグ（site2018からの継承）
アクセス解析（site2018からの継承）
Search Console（site2018からの継承）

エントリー

表示設定
色の設定

モジュール

見出しの設定（site2018からの継承）

カスタマイズについて

カスタムユニットの拡張

背景画像
メディアレイアウト
ご注文フォーム
スプリットレイアウト
アコーディオン
お客様の声
特徴
よくある質問
SNSシェアボタン

背景画像

メディアレイアウト

ご注文フォーム

スプリットレイアウト

アコーディオン

お客様の声

特徴

よくある質問

SNSシェアボタン

編集画面

ユニットグループの背景色や、見出しやリード文、本文の文字色を指定するために、カラーピッカーを使用しています。エントリーのカスタムフィールドとして用意しています。

カラーピッカーのプラグイン

jQuery MiniColorsというjQueryプラグインを使用しています。使用方法に着いてはjQuery MiniColorsの公式サイトをご覧ください。
jQuery MiniColors

編集画面専用のJS・CSSの読み込み

編集画面専用のJS・CSSの読み込みは、/include/head/edit.htmlで行なっています。

カラーピッカーの使用場所

パーツの表示設定

以下のパーツがエントリーごとに表示・非表示を設定できるようになっています。

ヘッダー
ページタイトル
トピックパス
お問い合わせ情報
フッター

チェックをつければ各パーツが表示されます。

ランディングページテーマの解説は以上となります。それでは、みなさまのカスタマイズのご参考に役立てればと思います。

a-blog cms Ver. 2.8.29 をリリース

本日2018年08月20日にフィックスバージョンのVer. 2.8.29をリリースしました。下記の修正が行われております。

Ver. 2.8.29 修正箇所一覧

CMS-4172 Ver. 1系のフォームログが壊れている場合、フォームログが確認できない問題を修正
CMS-4131 js-viewingでflex, table, gridは取り除かないように修正
CMS-4184 Unit_Listモジュールでカスタムユニット変数&拡張ユニットが使えるように修正
CMS-4186 リダイレクトの設定によってはモジュールのダイアログボタンが動作しない問題を修正
CMS-4187 iOS端末から更新するとキャッシュがクリアされない場合がある問題を修正
CMS-4188 サブドメイン間移動でログインセッションが切れやすい問題を修正（config.server.php DOMAIN_BASEを設定）
CMS-4178 ScheduleモジュールでPHPエラーが表示される場合がある問題を修正
CMS-4182 php7.2で関連記事が0件の場合Entry_Summaryでphpのエラーが出る問題を修正
CMS-4192 各テーマでdiscriptionメタタグでサマリーのtrimを長くなるように修正
CMS-4167 システム更新時に config.server.php もバックアップするように修正
CMS-4176 静的書き出しでのhttps証明書により書き出しできない場合がある問題の修正
CMS-4134 テンプレート書き出しからhtmlフォーマットチェックを除外
CMS-4140 Navigationモジュールの子要素属性（attr）変数をスニペットに追加
CMS-4199 IE11以下でvalidator.jsが動かない問題を修正
CMS-4200 CSVインポートでアップデート判定項目変更機能（プロ版以上）が動作していない問題を修正

修正箇所詳細

以下、修正内容の詳細になります。

CMS-4172 Ver. 1系のフォームログが壊れている場合、フォームログが確認できない問題を修正

Ver. 1系のa-blog cmsを2系にアップデートした時、フォームのログデータが壊れている場合、管理画面から確認できない不具合を修正しました。

CMS-4131 js-viewingでflex, table, gridは取り除かないように修正

js-viewing組み込みJSは、現在いるURLと同じリンクのa要素を外す機能です。今までは、デフォルトで display属性が「block」「inline-block」の時のみa要素を外さないようにしていましたが、下記のように対象値が増えました。

block
inline-block
flex
grid
table

CMS-4184 Unit_Listモジュールでカスタムユニット変数&拡張ユニットが使えるように修正

Ver. 2.8.28 までは、ユニットリストではカスタムユニットや拡張されたユニットは表示できませんでした。

custom
custom_hoge

これを今回の改修で表示できるようにしました。

拡張ユニットの場合は、ユニット表示のテンプレートと同じようにブロックを「」内に追記します。

<!-- BEGIN unit:loop -->
<!-- BEGIN unit#custom_hoge -->
...
<!-- END unit#custom_hoge -->
<!-- END unit:loop -->

CMS-4186 リダイレクトの設定によってはモジュールのダイアログボタンが動作しない問題を修正

「index.html」を「/」にリダイレクトしている時、モジュールのダイアログボタンが動作しない問題を修正しました。

CMS-4187 iOS端末から更新するとキャッシュがクリアされない場合がある問題を修正

iOS端末からエントリーを更新した時、大きな画像アップロードがあると、CMSのキャッシュが即時にクリアされない問題を修正しました。

CMS-4188 サブドメイン間移動でログインセッションが切れやすい問題を修正

サブドメイン拡張ライセンスで、ブログ毎にドメインを変更している場合、同時に複数タブを開くとセッションが切れやすい問題がありました。これを以下の設定をすることにより、セッションが切れにくくなるように修正しました。

config.server.php: 4行目付近

define('DOMAIN_BASE', 'example.com');

例えば、以下のようなドメインで運用している場合、基本ドメインとなる「example.com」を「DOMAIN_BASE」に設定します。

www.example.com
blog.example.com
news.example.com
jp.example.com

CMS-4176 静的書き出しでのhttps証明書により書き出しできない場合がある問題の修正

「静的書き出し機能（プロフェッショナル版以上）」で、「自己署名証明書」でのhttps表示時に書き出しが動作しない問題を修正しました。

CMS-4134 テンプレート書き出しからhtmlフォーマットチェックを除外

「テンプレート書き出し機能」で MIMEタイプが「html」と判定された場合、htmlフォーマットをチェックする機能から除外しました。これは、テンプレート書き出しでは部分的なテンプレート書き出しや、html以外の書き出しもあるためです。

CMS-4199 IE11以下でvalidator.jsが動かない問題を修正

IE11以下で、JavaScriptによるフォームのバリデート（チェック）が動作していない問題を修正しました。

CMS-4200 CSVインポートでアップデート判定項目変更機能（プロ版以上）が動作していない問題を修正

「CSVインポート機能」で、プロフェッショナル版以上で動作する、entory_id以外の項目をキーしたエントリー更新ができない状況を修正しました。

以上、Ver. 2.8.29での修正内容になります。

chart.js を活用した円グラフのカスタムユニットを作る方法

一般的にグラフをサイトに貼り付けるのであれば、上記のようにエクセルで描いたグラフをキャプチャした画像を用意して画像ユニットにアップするかと思いますが、エクセルなどを使う事なくユニットに数値などを設定するだけでグラフが描けるようなユニットの作成を目指してみようと思います。