//Perfecty Push Notificationsのチェックを、投稿更新時は外す
function hide_metabox_on_new_post() {
  global $pagenow;
  if ( $pagenow == ‘post-new.php’ ) {
    remove_meta_box( ‘PPN-unchecked’, ‘post’, ‘normal’ );
  }
}
function show_metabox_on_edit_post() {
  global $pagenow;
  if ( $pagenow == ‘post.php’ ) {
    add_meta_box( ‘PPN-unchecked’, ‘PPN-unchecked’, ‘PPN_unchecked_inner’, ‘post’, ‘normal’, ‘low’ );
  }
}
function PPN_unchecked_inner() {
  echo <<< EOM
<script>
window.addEventListener(“load”,function() {
  let checkbox = document.getElementById(‘perfecty_push_send_on_publish’);
  if (checkbox.checked) {
    checkbox.checked = false;
  }
})
</script>
EOM;
}
add_action( ‘add_meta_boxes’, ‘show_metabox_on_edit_post’ );
add_action( ‘admin_head’, ‘hide_metabox_on_new_post’ );

/* webプッシュ通知のダイアログ */
.perfecty-push-dialog-box {
width: 330px;//メッセージウィンドウの横幅
background: white;//メッセージウィンドウの背景色
}
@media only screen and (max-width: 370px) { //小さいスマホでの外観
.perfecty-push-dialog-box {
width: 210px;//メッセージウィンドウの横幅
}
}
@media only screen and (min-width: 370px) and (max-width: 425px) { //大きいスマホでの外観
.perfecty-push-dialog-box {
width: 250px;//メッセージウィンドウの横幅
}
}
.perfecty-push-dialog-box .perfecty-push-dialog-icon {
width: 70px;//アイコンの大きさ
padding-right:10px;//アイコン右側の隙間
}
.perfecty-push-dialog-container .perfecty-push-dialog-form .perfecty-push-dialog-title {
margin: 10px 0px;//メッセージの上下・左右の余白
font-size:0.8em;//メッセージの文字サイズ
}
.perfecty-push-dialog-container .perfecty-push-dialog-form button{
font-size: 0.6em;//ボタンの文字サイズ
}
.perfecty-push-dialog-container .perfecty-push-dialog-form #perfecty-push-dialog-cancel {
background-color: #ffffff;//キャンセルボタンの背景色
color: #f77924;//キャンセルボタンの文字色
}
.perfecty-push-dialog-container .perfecty-push-dialog-form #perfecty-push-dialog-subscribe {
background-color: #f77924;//登録ボタンの背景色
color: #ffffff;//登録ボタンの文字色
}
/* 画面左下のベル */
.perfecty-push-settings-container #perfecty-push-settings-open svg {
background-color: #f77924;//ベルの背景色
fill: #fff;//ベルの色
}

<style type=”text/css”>
<!–
.bubble_off{
display: none;
}
#footerFloatingMenu {
display: none;
width: 100%;
position: fixed;
left: 0px;
bottom: 15px;
z-index: 9999;
padding: 0 auto;
}
#footerFloatingMenu img {
max-width: 99%;
}
#bubble{
position: relative;
width: 214px;
margin: 0px auto;
border: 2px solid #999;
padding: 20px;
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.701961) 0px 0px 8px;
background-size: 100% 8px;
background-color: #fff;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-stretch: normal;
font-size: 13px;
line-height: 17px;
font-family: sans-serif;
}
#bubble_under{
background: #fff;
border-top: none;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
border-left: none;
border-image: initial;
width: 15px;
height: 15px;
bottom: -10px;
position: absolute;
left: 115px;
transform: rotate(45deg);
}
#bubble_close{
position: absolute;
display: block;
top: -3px;
right: -3px;
width: auto;
height: 25px;
border: 3px solid #666;
background: #fff;
font-size:16px;
border-radius:8px;
}
#bubble_text{
color:#666;
}
–></style>
<script>
jQuery.noConflict();
jQuery(document).ready(function(jQuery){
function getiOSVersion(){
return parseFloat(
(” + (/CPU.*OS ([0-9_]{1,5})|(CPU like).*AppleWebKit.*Mobile/i.exec(navigator.userAgent) || [0,”])[1])
.replace(‘undefined’, ‘3_2’).replace(‘_’, ‘.’).replace(‘_’, ”)
) || false;
}
window.onload = function() {
if(getiOSVersion() && ((window.matchMedia(‘(display-mode: standalone)’).matches) == false)){
/* クッキーの取得 */
function getCookie(name){
var cookie_array = String(document.cookie).replace(/\s/g,””).split(“;”);
for(var i=0; i<cookie_array.length; i++){
var cookie = cookie_array[i].split(“=”);
if(cookie[0] === name){
return decodeURIComponent(cookie[1]);
}
} return false;
}
var bannerclose = getCookie(“bannerclose”);
if (bannerclose != “1”) {
jQuery(function() {
var bottomBtn = jQuery(‘#footerFloatingMenu’);
bottomBtn.hide();
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() > 100) {
bottomBtn.fadeIn();
} else {
bottomBtn.fadeOut();
}
});
jQuery(“#bubble_close”).click(function(){
document.cookie = “bannerclose=1; path=/”;
location.reload(true);
function keep_scroll_reload() {
var re = /&page_x=(\d+)&page_y=(\d+)/;
var page_x = document.documentElement ? document.documentElement.scrollLeft : document.body.scrollLeft;
var page_y = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;
var position = ‘&page_x=’ + page_x + ‘&page_y=’ + page_y;
location.href = url + position;
}
function restore_scroll() {
var re = /&page_x=(\d+)&page_y=(\d+)/;
if(window.location.href.match(re)) {
var position = window.location.href.match(re)
window.scrollTo(position[1],position[2]);
}
}
(window.onload = function() {
restore_scroll();
})();
});
});
}</p>
<p> jQuery(“#bubble_text”).html(`
当HPの通知に登録した方にノウハウ無料進呈！
まず画面下の<b>[↑]</b>をタップして<b>メニューの「ホーム画面に追加」</b>をタップ。
そして、<b>ホーム画面に追加されたアイコンをタップ</b>してください
`);
jQuery(“#bubble_close”).on(‘click’, function() {
jQuery(‘#footerFloatingMenu’).hide();</p>
<p> })
}
}
});
</script><!– ブクマバブルここから –>
<div id=”footerFloatingMenu”>
<div id=”bubble”>
<div id=”bubble_text”></div>
<div id=”bubble_under”></div>
<button id=”bubble_close”>×</button>
</div>
</div>
<!– /ブクマバブルここまで –>

<script>
// target
const target = document.body;// MO instance
const mutationObserver = new MutationObserver(callback);
// callback
function callback(mutations){
console.log(mutations);
mutations.forEach( mutation => {
// console.log(mutation);
mutation.addedNodes.forEach( node => {
if(node.id===’perfecty-push-dialog-container’) {
let element = document.querySelector(‘.perfecty-push-dialog-box’);
let element_b = document.querySelector(‘.perfecty-push-dialog-icon’);
let img_element = document.createElement(‘img’);
img_element.id = ‘perfecty-push-dialog-img’;

//下記の4項目それぞれ、●を消してから必要事項を書き込んでください。
img_element.src = ‘●’; // 画像のURL
img_element.alt = ‘●’; // 画像に書いてある文言
img_element.width = ●; // 横サイズ（px）
img_element.height = ●; // 縦サイズ（px）

element.insertBefore(img_element, element_b);
}
});
});
}

// options
const option = {
childList: true,
subtree: true
};
// MO target & options
mutationObserver.observe(target, option);
</script>
<style>
.perfecty-push-dialog-box {
display:block !important;
}
#perfecty-push-dialog-img {
float:none;
width:auto;
height:auto;
max-width:100%;
max-height:33vh;
}
.perfecty-push-dialog-icon {
width:1px !important;
height:1px !important;
padding-right:0 !important;
}
</style>