systemフォルダの中にある、/ajax/emoji-edit.html をカスタマイズします。カスタマイズする際は、オリジナルのテーマの中にテンプレートをコピーしてください。

a-blog cms のバージョンをアップデートしたときに、systemフォルダ上書きしないために、管理画面のテンプレートをカスタマイズする際はオリジナルテーマにテンプレートを持ってきましょう

テンプレートの中身は以下のようになっています。

<span class="js-tag_insertion">
<!--<p> -->
  <a href="#" class="emoji-trigger-tag" rel="a" title="リンク先のURLを入力してください">リンク挿入</a>
  <!--<a href="#" class="emoji-trigger-tag" rel="strong">強調</a>-->
  <a href="#" class="emoji-trigger-tag" rel="em">強調1</a>
  <a href="#" class="emoji-trigger-tag" rel="strong">強調2</a>
  <!--<a href="#" class="emoji-trigger-tag" rel="u">下線</a>-->
<!--
  文字色
  <a href="#" class="emoji-trigger-text" rel="color-red"><span class="color-red">赤</span></a>
  <a href="#" class="emoji-trigger-text" rel="color-blue"><span class="color-blue">青</span></a>
  <a href="#" class="emoji-trigger-text" rel="color-yellow"><span class="color-yellow">黄</span></a>
  <br />
-->
<!--</p> -->
</span>

<a href="#" class="emoji-trigger-tag" rel="small">細則</a>

<span class="js-tag_insertion">
<!--<p> -->
  <a href="#" class="emoji-trigger-tag" rel="a" title="リンク先のURLを入力してください">リンク挿入</a>
  <!--<a href="#" class="emoji-trigger-tag" rel="strong">強調</a>-->
  <a href="#" class="emoji-trigger-tag" rel="em">強調1</a>
  <a href="#" class="emoji-trigger-tag" rel="strong">強調2</a>
  <!--<a href="#" class="emoji-trigger-tag" rel="u">下線</a>-->
  <a href="#" class="emoji-trigger-tag" rel="small">細則</a>
<!--
  文字色
  <a href="#" class="emoji-trigger-text" rel="color-red"><span class="color-red">赤</span></a>
  <a href="#" class="emoji-trigger-text" rel="color-blue"><span class="color-blue">青</span></a>
  <a href="#" class="emoji-trigger-text" rel="color-yellow"><span class="color-yellow">黄</span></a>
  <br />
-->
<!--</p> -->
</span>

emoji-edit.htmlをカスタマイズすると、htmlでの挿入ができるようになるのですが、マークダウンでは対応しておりません。対応するには、/js/dispatch/edit/_emojiedit.js をカスマイズします。（※バージョンアップの際は上書きしないようにご注意ください）

圧縮されていますので、解凍します。Ver.2.5.1.2 では19行目から31行目に記述があります（他のバージョンでは行数が変わっている可能性がありますので、付近を探してください）ので、参考にして記述してください。

たとえば、以下のように追記します。

case "small":
  $(acms_textarea).selection("<small>" + txt + "</small>");
  break;

case "em":
  $(acms_textarea).selection("*" + txt + "*");
  break;

この記事では、2021年3月3日にリリースした Ver.2.11.29 の改善・修正内容について紹介いたします。

現在お困りの問題に該当する項目がありましたら、お早めにバージョンアップのご検討をお願いいたします。

セキュリティ対策のためjQueryをバージョンアップしました。

「そのまま」の設定になっている画像ユニットが、画面幅を狭くした時にはみ出てしまう問題を解消しました。

jsonをクライアントキャッシュするサーバー設定になっている場合に発生していた問題です。カテゴリー情報を変更した直後、エントリーの編集画面でカテゴリー選択肢を表示させるとカテゴリー情報の変更内容が反映されないことがありましたので修正しました。

この度はご迷惑をおかけしてしまい申し訳ございませんでした。該当する問題がありましたら、お早めにバージョンアップのご検討をお願いいたします。 また、迅速にご報告いただいたユーザーの皆さま、誠にありがとうございました。

今後もご報告いただいた内容に対して真摯に受け止め修正と改善を行ってまいりますので、引き続き気づいた点がありましたらフィードバックいただけると幸いです。

標準の設定では、画像は画像ユニットを利用し、見出しはテキストユニットを利用します。ここでは、画像を見出しとして設定する「画像見出し」ユニットを用意する方法を説明します。

管理ページ ＞ コンフィグ ＞ ユニット設定 にアクセスし、「画像見出しを追加」というボタンが増えているのを確認できます。また、一番下に「画像見出し」というユニットが追加されていますので、そこに「画像見出し」ボタンをクリックして1つ画像見出しユニットを追加してください。

ユニットのカスタマイズには /themes/system/include/unit.html をカスタマイズすると、テキストユニットや画像ユニットをカスタマイズできます。（※ CMSのバージョンアップデート時に上書きしてしまう可能性があるため、このファイル自身を修正するのではなく、現在制作しているテーマの include/unit.html にコピーして修正ください）

そこで、今回は画像ユニットを改良して、画像見出しユニットを作ります。アイデア次第では、同じような考え方でオリジナルのテキストユニットを作ることが可能です。

<!-- BEGIN unit#image -->

<!-- 画像 -->
<div class="column-image-{align}{display_size_class}"{display_size}[raw]><!-- BEGIN link#front -->
	<a href="{url}"{viewer}[raw]><!-- END link#front -->
		<img class="columnImage" src="%{HTTP_ROOT}{path}" alt="{alt}" width="{x}" height="{y}"><!-- BEGIN link#rear -->
	</a><!-- END link#rear --><!-- BEGIN_IF [{caption}/nem] -->
	<p class="caption">{caption}</p><!-- END_IF -->
</div><!-- END unit#image -->

<!-- BEGIN unit#image_h2 -->
<!-- 画像見出し -->
<h2><img src="%{HTTP_ROOT}{path}" alt="{alt}" width="{x}" height="{y}"></h2>
<!-- END unit#image_h2 -->

今回のカスタマイズのポイントは、ユニット追加ボタンのモードの設定で、標準のモード＋アンダーバー＋任意の文字 でモードを記述し、標準のモードを継承したユニットを作ることです。

下記に、デフォルトのモードを一覧にした表を用意いたしました。参考にしてください。

この記事では、2021年3月12日にリリースした Ver.2.11.30 とVer.2.11.31 の改善・修正内容について紹介いたします。 現在お困りの問題に該当する項目がありましたら、お早めにバージョンアップのご検討をお願いいたします。

Ver.2.11.30のリリースノート

• CMS-5561 管理画面・テーマのフォントのヒラギノを Pro から ProN に変更
• CMS-5566 ナビゲーションモジュールで、ダブルクウォートが最後に入るデータがあると、編集画面が表示されなくなってしまう問題を修正
• CMS-5567 カテゴリ管理ページで、２ページ以降のまま子カテゴリへ移動すると、エラーが発生する問題を修正
• CMS-5477 gif画像がpngに変換されて保存される問題を修正
• CMS-5559 js-datepicker2 で手動入力・コピペができるように修正
• CMS-5560 バックアップ時にzip作成で、一時領域が少ないと処理が止まってしまうので、一時領域変更方法の文言を追加
• CMS-5506 関連エントリで、エントリタイトルにタブが入っているとJSONが壊れて、正常に動作しない問題を修正

Ver.2.11.31のリリースノート

• CMS-5599 ナビゲーションモジュールでデータ元のJSONが壊れ、表示されなくなる場合がある問題を修正

主なリリースノートの詳細な内容

CMS-5566 ナビゲーションモジュールで、ダブルクウォートが最後に入るデータがあると、編集画面が表示されなくなってしまう問題を修正

ナビゲーションモジュールで、ダブルクオートがデータの末尾に入っていると編集画面が下図のようになり、編集できなくなってしまう問題がありました。 この問題に対応するためVer.2.11.30のリリースを行いましたが、別途問題が発覚したためVer.2.11.31をリリースしました。

一連のナビゲーションモジュールに関する問題は Ver.2.11.31 で解決しております。 Ver.2.11.30をお使いの場合は、Ver.2.11.31へアップデートをお願いいたします。

CMS-5559 js-datepicker2 で手動入力・コピペができるように修正

エントリー記事作成などの際に使用されている組み込みJS flatpickrを使用の際に手動入力とコピペができるように改善を行いました。

CMS-5560 バックアップ時にzip作成で、一時領域が少ないと処理が止まってしまうので、一時領域変更方法の文言を追加

特定の共有サーバーを使用時に、一時領域に書き込める容量が少ないとバックアップに失敗する可能性があります。それを解決する方法を管理画面に追記しました。同じ問題が起こった場合は下記の方法をお試しください。

管理画面へ追加した内容

一時領域に書き込める容量が少ないとバックアップに失敗する可能性があります。その時は、config.server.php に下記のようなコードを書き、一時領域を変更ください。

putenv('TMPDIR=/path/to/tmp'); // ドキュメントルートより上の階層を設定ください

最後に

この度はご迷惑をおかけしてしまい申し訳ございませんでした。該当する問題がありましたら、お早めにバージョンアップのご検討をお願いいたします。 また、迅速にご報告いただいたユーザーの皆さま、誠にありがとうございました。

今後もご報告いただいた内容に対して真摯に受け止め修正と改善を行ってまいりますので、引き続き気づいた点がありましたらフィードバックいただけると幸いです。

通常画面は表示されるのにセットアップ、メンテナンス画面が表示されない

セットアップ、メンテナンス画面の時だけioncube loaderが動いていない可能性があります。ドキュメントルートにphp.iniを置くようなレンタルサーバーに多いです。この場合、php.iniをsetupディレクトリにコピーしてお試しください。

PHPのバージョンアップをしたら、表示されなくなった

ioncube loaderがうまく動いていない可能性があります。PHPのバージョンにあったioncube loaderをご利用ください。また、ioncube loader自体のバージョンが古い可能性もあります。動作条件にあったバージョンをご利用ください。それでも改善しない場合は、license.phpが古い可能性もあります。マイページより再ダウンロード（再生成されます）してお試しください。

ログインできない

config.server.php の DOMAIN があっていない可能性があります。

画像がアップロードできない

archives, arcihves_dir, media ディレクトリ（内部ディレクトリ含め）のパーミッションをWebサーバが書き込めるようにご確認ください。それでもダメな場合は、画像エンジンを切り替えてみます。画像エンジンは GD と ImageMagick があり、ImageMagick が使える場合は、デフォルトでImageMagickになります。以下のコードを private/config.system.yaml に追記することにより、GDを使うようになります。

image_magick : off

キャッシュ設置をONにしたのにキャッシュが効かない

config.server.php の DEBUG_MODE が ON（1）になっている可能性があります。OFF（0）に設定してお試しください。

アップロードできないファイルがある

セキュリティ対策で、アップロードできるファイルを制限しています。アップロードしたいファイルの拡張子を追加するには、管理ページ > コンフィグ > 編集設定 の アップロード許可ファイル拡張子 に追加ください。

ユニット数が多いと画像やユニット自体が表示されないものがでてくる

サーバーの設定で制限されている可能性があります。以下の項目をチェックしてみてください。また現在の設定は、管理ページ > チェックリスト でも確認することができます。

制限

アクセスレベル

設定方法

他の制限で引っかかっている場合もありますので、詳しくは http://php.net/manual/ja/ini.core.php をご覧ください。

Google Map が表示されない

Google Map APIのAPI Keyを設定する必要があります。未設定の場合は、地図（Google Map）ユニットのページを確認し対応を行ってください。 複数のAPIを有効にする必要があります、設定忘れがないか再度確認をしてください。

編集時のGoogle Map検索など一部機能が動作しない

Google検索APIなど他のサービスを同時に利用している場合が考えられます。編集時はGoogle検索APIが動かないようにしたり、次のようにACMS.Readyで囲み、実行のタイミングをずらしてください。 ` `

XSERVER で http表示時にリンクがhttpsに変わってしまう。

Ver. 2.7.15以下のバージョンにおいて、XSERVERの新しい環境で http表示時にリンクがhttpsに変わってしまう問題が確認されています。現象が再現する場合、以下の対応をお願いします。

1. index.php のリネーム

index.php を acms.php にリネームします。

2. index.php の作成

新たにindex.php を作成以下のコードを記述します。

<?php
    
$_SERVER['HTTPS'] = null;
require 'acms.php';

カテゴリーを保存しようとしたら「送信データが不完全です。」というエラーが出た

なんらかの原因で、form要素の閉じタグが消えてしまっている可能性が高いです。 IFブロックやタッチブロック、HTMLタグの閉じ忘れなどをご確認ください。

ロリポップレンタルサーバーでエラーが出て画像が保存できない

画像エンジンのImagickがうまく動作していない可能性があります。GDに変更してお試しください。

変更方法

private/config.system.yaml に追加

image_magick : off