日: 2020年5月11日

管理画面　タイトル　disp に　文字カウントを足す

WordPress：入力文字数の制限や補足文の追加など、管理画面の抜粋入力欄周りをカスタマイズする方法

参考

// SEO 文字カウント
function excerpt_count() {
?>
<script>
  (function($) {
    var count = 130;
    $('.acf-field-5c64e5255254a label').after('<span style=\"color:#888; font-size:12px;\">現在の文字数： <span id=\"excerpt-count\"></span> / '+ count +'</span>');
    $('#excerpt-count').text($('#acf-field_5c64e5255254a').val().length);
    $('#acf-field_5c64e5255254a').keyup(function() {
      $('#excerpt-count').text($('#acf-field_5c64e5255254a').val().length);
      if ( $(this).val().length > count ) {
        $('#excerpt-count, #acf-field_5c64e5255254a').css('color', '#f00');
      } else {
        $('#excerpt-count,  #acf-field_5c64e5255254a').css('color', '#000');
      }
    });
//    $('#postexcerpt .inside p').html('※ここに入力した内容は一覧画面で <strong>"'+ count +'文字"</strong> までは表示されますが、それ以降は省略表示されます。').css('color', '#888');
  }(jQuery));
</script>


<script>
  (function($) {
    var count = 35;
    $('.acf-field-5c64e6d95254c label').after('<span style=\"color:#888; font-size:12px;\">現在の文字数： <span id=\"excerpt-count2\"></span> / '+ count +'</span>');
    $('#excerpt-count2').text($('#acf-field_5c64e6d95254c').val().length);
    $('#acf-field_5c64e6d95254c').keyup(function() {
      $('#excerpt-count2').text($('#acf-field_5c64e6d95254c').val().length);
      if ( $(this).val().length > count ) {
        $('#excerpt-count2, #acf-field_5c64e6d95254c').css('color', '#f00');
      } else {
        $('#excerpt-count2,  #acf-field_5c64e6d95254c').css('color', '#000');
      }
    });
//    $('#postexcerpt .inside p').html('※ここに入力した内容は一覧画面で <strong>"'+ count +'文字"</strong> までは表示されますが、それ以降は省略表示されます。').css('color', '#888');
  }(jQuery));
</script>


<?php
}
add_action( 'admin_footer-post-new.php', 'excerpt_count' );
add_action( 'admin_footer-post.php', 'excerpt_count' );

add_action( 'admin_footer-edit-tags.php', 'excerpt_count' );
add_action( 'admin_footer-term.php', 'excerpt_count' );

 

 

モバイルメニュー　修正　２回タップ　iso

iOS Safariで、リンクメニュー項目が2タップしないとリンク動作しないトラブル対応

という項目が色々あったが

現状では ios で　fixed したメニューでそうなっていた

スクロール中は止まるという動作となるので、それも勘違い項目

解決法

念の為

base.lessに

////////iso  fixed タッチ用iso  fixed タッチ用iso  fixed タッチ用iso  fixed タッチ用
@media screen and (min-width: 737px){
    a:hover  {
	color: @link_hover_color;
	text-decoration: underline;
}

////////////////////////////////イメージホバー透明////////////////////////////////

a img:hover{
	opacity:0.7;
filter: alpha(opacity=70);        //ie lt 8
-ms-filter: "alpha(opacity=70)";  //ie 8
-moz-opacity:0.7;                 //FF lt 1.5, Netscape
-khtml-opacity: 0.7;              //Safari 1.x 
}


a:hover img{

	
	opacity:0.7;
filter: alpha(opacity=70);        // ie lt 8 
-ms-filter: "alpha(opacity=70)";  // ie 8 
-moz-opacity:0.7;                 // FF lt 1.5, Netscape 
-khtml-opacity: 0.7;              // Safari 1.x 
}


//透明化させない
a:hover img.no_dhover,#img_box2 img{
opacity:1;
filter: alpha(opacity=100);        // ie lt 8 
-ms-filter: "alpha(opacity=100)";  // ie 8 
-moz-opacity:1;                 // FF lt 1.5, Netscape 
-khtml-opacity: 1;              // Safari 1.x
	}


//透明化少し
a:hover img.no_hover2 {
opacity:0.9;
filter: alpha(opacity=90);        // ie lt 8 
-ms-filter: "alpha(opacity=90)";  // ie 8 
-moz-opacity:0.9;                 // FF lt 1.5, Netscape 
-khtml-opacity: 0.9;              // Safari 1.x 
	}


    }//@media screen 737px 以上はこれ  

////////iso  fixed タッチ用iso  fixed タッチ用iso  fixed タッチ用iso  fixed タッチ用

とし、スマホのホバーをデフォルトを解除

 

モバイルメニューはこれで治らず、

JSを更新したら治った

 

変更点

jsファイル更新

jquery.sidr.min.js

jquery.sidr.dark.css

一応jquery.sidr.light.css　jquery.sidr.bare.css

d_mob_menu_css.css　は 300pxに変更

 

変更すればいけたが、追加でJSで最初見えないようにした　ででてきたから

https://www.j-cool.co.jp/blog/?p=646

.mob_menu{ display:none}
$(document).ready(function() {
      $('#sidr').fadeIn(1000);
  $('.simple-menu').sidr({side: 'right'});
});

参考にならなかった参考下記

https://www.plusdesign.co.jp/blog/?p=1710#spMenu

sidr.jsの使い方(横からスライドするメニュー)

本家　https://www.berriart.com/sidr/