忍者ブログ
20 May

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

23 February

自動ジャンプリンク付きドロップダウンカテゴリー

https://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/wp_dropdown_categories#JavaScript_.E3.82.92.E7.94.A8.E3.81.84.E3.81.9F.E9.80.81.E4.BF.A1.E3.83.9C.E3.82.BF.E3.83.B3.E3.81.AA.E3.81.97.E3.83.89.E3.83.AD.E3.83.83.E3.83.97.E3.83.80.E3.82.A6.E3.83.B3.E3.83.A1.E3.83.8B.E3.83.A5.E3.83.BC_.282.29

<form id="category-select" class="category-select" action="<?php echo esc_url( home_url( '/' ) ); ?>" method="get">
<?php
$args = array(
'show_option_none' => __( 'Select category' ),
'show_count'       => 1,
'orderby'          => 'name',
'echo'             => 0,
);
?>
<?php $select  = wp_dropdown_categories( $args ); ?>
<?php $replace = "<select$1 onchange='return this.form.submit()'>"; ?>
<?php $select  = preg_replace( '#<select([^>]*)>#', $replace, $select ); ?>
<?php echo $select; ?>
<noscript>
<input type="submit" value="View" />
</noscript>
</form>
PR
23 February

WP　タグをドロップダウンで表示する（件数もあり）

https://rakuishi.com/archives/5375/

<?php $tags = get_tags(); if ( $tags ) : ?>
  <select onchange="document.location.href=this.options[this.selectedIndex].value;">
    <option value="" selected="selected">タグを選択</option>
    <?php foreach ( $tags as $tag ): ?>
      <option value="<?php echo clean_url( get_tag_link( $tag->term_id ) ); ?>"><?php echo wp_specialchars( $tag->name ); ?> (<?php echo $tag->count; ?>)</option>
    <?php endforeach; ?>
  </select>
<?php endif; ?>
23 February

snsのシェアのための現在のURLを取得する

http://accelboon.com/tn/?p=281

ループ外で使用

<?php echo $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]; ?>



↓ではsingle.php　以外の　archives.php　などのときにURLが正常に取得できなかった

<?php echo get_the_permalink(); ?>

22 February

PCスマホで画像保存を禁止する

<!--画像のみ右クリ禁止-->
<script type="text/javascript">
jQuery(function(){
  jQuery("img").on("contextmenu",function(){
  return false;
  });
});
</script>
/*　　　長押しアクションを禁止　*/
img{   
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
  
  
}
/*    マウスイベントの制御　*/
.single .entry-content img{
pointer-events: none;
}

マウスイベントを制御する　pointer-events: none;　を全部のimgにかけると、

・画像リンク無効
・なぜか右クリ禁止が解ける

となった。
そのため、PCでは全面的に使えない、スマホではsingleページのcontent部分のみに対応することにした。
長押しアクション禁止cssでAndroidが効かないのがすべて悪い
あーくそめんどくせえ　
効くようにしてくれや

これでも何かダメだったら「dwImageProtector Plugin」のjqueryプラグインを使用する
透明gifを画像の上にのっけて、通常の画像保存すると透明gifが保存されてしまう仕組み