a-blog cms の公式テーマである UTSUWA をアップデートいたしました。UTSUWA の最新バージョンは GitHub からダウンロード可能です。GitHub の UTSUWA 最新バージョンは現在の CMS に同梱されている UTSUWA とはバージョンが異なります。近々リリースされる CMS 3.1系には最新の UTSUWA が同梱されます。

Ver. 2.0.8

変更点

ビルド環境を整備
css を minifyしないように変更
jsをバンドルしないように変更

Ver. 2.0.7

変更点

組み込みJSをログインしていなくても読み込ませるように変更
index.js から組み込みJSの制御に関する記述を削除
libディレクトリの削除
index.jsからpolyfillに関する記述を削除

修正点

max-width用のbreakpointを修正

主なリリースノート内容

ビルド環境を整備

CSS を直接編集したい
使い慣れたツールで Sass をコンパイルしたい
Webpack などのビルドツールを使って JavaScript と Sass をビルドしたい

といった様々なレベルの実装者が使いやすいようにビルド環境を整備しました。

組み込みJSをログインしていなくても読み込ませるように変更

パフォーマンス向上のために投稿者以上の権限でログイン状態のときのみに読み込んでいた組み込みJSを必ず読み込むように変更しました。これによって、表示画面側の組み込みJSの調整とビルドが不要になりました。

最後に

UTSUWAをはじめ、各公式テーマをより使いやすいものにするため、今後もアップデートを重ねてまいります。公式テーマに関するご意見ご要望もお待ちしております。

地図（Open Street Map）ユニット

Ver. 2.9より、地図（Open Street Map）ユニットが使用できるようになりました。地図（Open Street Map）ユニットは、下の図のように緯度と経度または住所を入力すると該当の箇所の地図をOpen Street Mapを用いて表示するユニットです。 Ver. 2.8 までは地図（Google Map）を表示する場合、API Key が必要になります。Google Mapsは制限が厳しくなりクレジットカードを登録しないと表示できない場合も出てきました。こういったAPI的な制限を回避したい場合は地図（Open Street Map）ユニットを使うことをおすすめします。下の図のように、地図（Google Map）ユニットと同じようなインターフェースとなっています。

表側のページでの表示は、以下のようになります。地図（Google Map）ユニットとは違い、静止画ではないため、表示にはJavaScriptが動作することが前提となります。

ユニットを使うには

編集設定

地図ユニットを利用するには管理画面 > 編集画面 > 編集設定から設定をしてください（新規インストール時には、すでに地図ユニットの設定はあるはずです）。図の下に位置している追加ボタンをクリックし、モードから「標準マップ」を選択し、それに対するラベルの名前を決めてください。保存をすれば設定したラベル名のついたボタンがエントリーの編集画面で使えるようになります。

編集設定後はエントリー編集画面より、追加されたユニットのボタンをクリックすることで使用できます。

地図（Google Map）ユニットから地図（Open Street Map）ユニットに一括置換する

Ver.2.9では、APIの使用回数の制限から、地図（Google Map）ユニットがこれ以上使えなくなった場合の対策として、すでに登録済みのユニットを地図（Open Street Map）ユニットに一括で変換する機能を用意しています。変換したい場合は、下の図のように編集画面より、データ修正 > マップユニットのタイプ修正と進んでください。