Alert Notice Boxes：告知や速報などを付箋紙のように画面に表示できる

2017年6月24日2019年9月4日

投稿とは別にちょっとしたイベント告知やニュース速報的なものを表示させたい時があるかと思います。

でも、WordPress 標準で実現させようとすると、
サイドバー等にテキストウィジェットを配置してメッセージを書いて表示させますよね。
でも、それだと複数個設置すると間延びしたり、全てのページで表示することになります。
もーすこし細かく制御できると何かと便利だと思います。

そのような時に便利な WordPress 用プラグインがあります。
それは「Alert Notice Boxes」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。

Alert Notice Boxes

Alert Notice Boxes は、告知文などを色分けした付箋紙のように画面に表示できます。

サイト全体または特定のページで通知ボックスを表示する場所を選択できます。
各メッセージ毎に表示タイミングと表示時間などを設定することができます。

通知ボックスを端末のタイプに応じて表示することができます。
表示するメッセージコンテンツにショートコードを記述することもできます。
YouTube や Facebook などの埋め込みコードも記述できます。

v 2.0.0 から下記の項目をオリジナルなものを作成し適用できるようになりました。

通知ボックスをインもしくはアウトさせるアニメーション。
通知ボックスのデザインの新規作成。
通知ボックスの配置場所。

記事を作成もしくは更新時点でのバージョン：v 2.1.7
マルチサイトでの利用:可

Gutenberg エディターでの動作

Gutenberg エディターでも正常動作します。

インストール手順

下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Alert Notice Boxes – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Alert Notice Boxes」と入力します。

WordPressプラグイン「Alert Notice Boxes」のスクリーンショット

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

Alert Notice Boxes を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト（テーマ・プラグイン）用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

専用テーブル

下記のテーブルを Alert Notice Boxes 専用のテーブルとして作成し利用します。
テーブル作成時に $wpdb->prefix も使用しているので、マルチサイトにも対応。

includes/anb_db.php から CREATE TABLE 文を抜粋（記事用に一部修正）。

CREATE TABLE alert_notice_boxes (
id int(11) NOT NULL AUTO_INCREMENT,
post_ID int(11) NOT NULL,
title TEXT NULL,
display_in TEXT NULL,
location_id VARCHAR(100) NULL,
design_id VARCHAR(100) NULL,
animation_id VARCHAR(100) NULL,
animation_out_id VARCHAR(100) NULL,
delay int(11) DEFAULT '2000',
show_time int(11) DEFAULT '8000',
enabled VARCHAR(100) NULL,
user_types VARCHAR(100) NULL,
device_class VARCHAR(100) NULL,
PRIMARY KEY  (id)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8;