てくてくあるく

WordPress の テーマ とか プラグイン に ついて 勉強しています

今回の内容は かなり薄いのですが…

注意文を 出す Flash を カスタマイズ します


Flashのカスタマイズ


せっかく Bootstrap 4 を 入れているので Alerts を 使います

Flash は ファイルを置くだけで 反映されるので コードだけ 置いておきます


plugins/Admin/src/Template/Element/Flash/default.ctp


<?php
$class = 'alert alert-danger alert-dismissible fade show';
if( ! empty( $params['class'] ) ) {
    $class .= ' ' . $params['class'];
}
if( ! isset( $params['escape'] ) || $params['escape'] !== false ) {
    $message = h( $message );
}
?>
<div class="<?= h($class) ?>" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    <?= $message ?>
</div>

plugins/Admin/src/Template/Element/Flash/success.ctp


<?php
if( ! isset( $params['escape'] ) || $params['escape'] !== false ) {
    $message = h( $message );
}
?>
<div class="alert alert-success alert-dismissible fade show" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    <?= $message ?>
</div>

plugins/Admin/src/Template/Element/Flash/error.ctp


<?php
if( ! isset( $params['escape'] ) || $params['escape'] !== false ) {
    $message = h( $message );
}
?>
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    <?= $message ?>
</div>

これだけで Flash は カスタマイズできます

これで とりあえず 管理画面 一通り 揃ったかなと思います

Related Article

React で 複数のスタイル を 指定する方法

詳細へ »

2017/01/06 に Bootstrap 4 Alpha 6 が 来ていました

詳細へ »