WordPress投稿後の「投稿を更新しました。」などの枠を10秒後自動で非表示にする

harada 25views 更新:2016年4月1日

JavaScriptを管理画面に追加

<script type="text/javascript">
    jQuery(document).ready(function ($) {
      $("#message").fadeIn().queue(function() {
        setTimeout(function(){$("#message").dequeue();
        }, 10000);
      });
      $("#message").fadeOut();
    });
</script>

CSSでスタイルを変更

上付きになるようにして、×ボタンは非表示にしています。

#message {
  height: 0;
  left: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1002;
  border:none;
  background: none;
}
#message p {
    border-radius: 0 0 3px 3px;
    display: inline-block;
    font-size: 12px;
    margin: 0;
    padding: 8px 18px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
#message .notice-dismiss {
    display: none;
}

参考:時間が経つと非表示になるボックスを作る

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません