月: 2024年7月

Google reCAPTCHA V3 を問い合わせフォームのページのみに表示する方法

Google reCAPTCHA V3で取得したサイトキーとシークレットキーを入力　コンタクトフォーム7

 

function.phpにコードを追加

// お問い合わせページを除き、「reCAPTCHA」を読み込ませない
 
function load_recaptcha_js() {
    if ( ! is_page( array('お問い合わせ','select_by_area')) 
    // and !is_tax( array('event_big_fes','event_area','event_area'))
    // and !is_post_type_archive( 'event_info' )
    // and !is_singular('event_info')


    ) {
     wp_deregister_script( 'google-recaptcha' );
    }
   }
   add_action( 'wp_enqueue_scripts', 'load_recaptcha_js',100 );

css

.grecaptcha-badge { visibility: hidden; }

フォームに

<tr>
<th class="mob_none">　</th>
<td>[submit class:event_sub_bt "SUBMIT"]</td>
</tr>

<tr>
<th class="mob_none">　</th>
<td style="font-size: 0.8rem;">Google reCAPTCHA で保護されています
<a href="https://policies.google.com/privacy" rel="noopener noreferrer" target="_blank" >プライバシー</a>・<a href="https://policies.google.com/terms" rel="noopener noreferrer" target="_blank" >利用規約</a></td>
</tr>

https://developers.google.com/recaptcha/docs/faq?hl=ja

https://study.graceeight.com/recaptcha-badge

 

https://www.google.com/recaptcha/admin/site/683796841

https://www.google.com/recaptcha/admin/create

 

reCAPTCHA (v3)

 

reCAPTCHA Lite

月1万件の評価

https://zenn.dev/chameleonmeme/articles/0e325a8ea585c8

TOPスライダー作成

アニメーションlessに、色々追加

（SLに使ったものはSLのlessにかいてあたり　被らないように）

斜めのlessをコンテンツに　ただ、マルセの方がいい

新しいヘッダー　ヘッダーメニュー　（ページ内スクロールに対応してないっぽい

子に#go1と入れても　外部ページからリンクできていない

（検証結果 なぜか

if(strpos($ko_url,'#') !== 0): //#がついていないなら

//$oya_url = '';

else: 


php endif;

としても、

elseの方まで$oya_url = ”;になってしまうから

 if(strpos($ko_url,'#') !== 0): //#がついていないなら
     //$oya_url = '';//からっぽにする　←これにすると　おかしくなるから　直がきする
 ?>
<li class="dropdown__list"><a href="<?php echo $ko_url; //普通のリンク ?>"><?php echo $child_ko['mega_menu_text']; //リンクテキスト?></a></li>
 <?php else: 
     //$oya_url = 'test';
     ?>
   
   <li class="dropdown__list"><a href="<?php echo $oya_url .$ko_url; //#実現 ?>"><?php echo $child_ko['mega_menu_text']; //リンクテキスト?></a></li>
     <?php endif; ?>

こうした。

 

飛んだ先の#go go_margnが効いていないようだった。

新しいフッターメニュー

新しいCTA

pop up

会社概要のレイアウト　動き

地図をはみ出させる

沿革の横に英字

 

固定ページに page make

カテゴリに page make

製品ページ一覧にて、W100繰り返しレイアウトのベースcss等

ページナビにやっぱカスタム投稿タイプいる　カテゴリも　タグも

コンタクトフォームに西暦とか　そのcssも　書く方も

残

SL

pop up 設定

の方にまでまで

この場合、イラレの　書き出し 　書き出し形式で

で小数点以下なんちゃらを5にした。

.seihin_box_wrap_all{
padding: 56px 0;

@media screen and (max-width: 736px){
padding: 24px 0px;
}//@media screen 736px

}

.seihin_box_wrap{

    &:nth-child(even){ background: #fbf7f8}
    

    .seihin_box_wrap_in{

  
    
.flex_box;
padding: 36px 0;

//コンテンツサイズ
width: 1084px; 
@media screen and (max-width: 736px){
    width: 100%; 
    }//@media screen 736px

    @media screen and (min-width: 1200px){

        width: 1200px;  

    }//@media screen and (min-width: 1200px)


margin-inline: auto;


.img_box{ width: 20%; padding-right: 4%;
    .img_box_in{ img{max-width: 100%;}}
}


.disp_box{
    width: 76%;

    .title{ font-size: 24px; font-weight: bold;

        .sub_title{ font-size: 16px; font-family: 'Roboto Condensed', sans-serif; color: @site_color; padding-left: 1em; display: inline-block;}

        border-bottom: solid #e4b4c2 4px ;
        margin-bottom: 24px;
    }

    .disp{}
}
}
}

<div class="seihin_box_wrap_all">

<!--  -->
<div class="seihin_box_wrap">
<div class="seihin_box_wrap_in">
<div class="img_box">
<div class="img_box_in">
<img src="<?php echo get_stylesheet_directory_uri(); ?>/img/contents01.jpg" alt="マイクロカテーテル">

</div>

</div>
<div class="disp_box">
<h4 class="title">マイクロカテーテル <span class="sub_title">Micro catheter</span></h4>

<div class="disp">
Ｘ線観察のため患部に造影剤注入、あるいは患部に薬剤注入などの処置を施す目的で使用する<br>
直径1.0mm程度のカテーテルです。サイズや硬度バランス等、様々なラインアップを揃えております。
</div>

<div class="tsuzuki_box"><a class="d_button utm d_button2" href="/事業内容/">製品一覧 <i class=" icon-right-open"></i></a></div>


</div>

</div>
</div>

<!--  -->

<!--  -->
<div class="seihin_box_wrap">
<div class="seihin_box_wrap_in">
<div class="img_box">
<div class="img_box_in">

<img src="<?php echo get_stylesheet_directory_uri(); ?>/img/contents02.jpg" alt="オクリュージョンバルーンカテーテル">

</div>

</div>
<div class="disp_box">
<h4 class="title">オクリュージョンバルーンカテーテル <span class="sub_title">Occlusion balloon catheter</span></h4>

<div class="disp">
動脈や静脈の塞栓術、動注化学療法等を実施する際に、血流を遮断し、<br>
治療を施す目的で使用するバルーン付きカテーテルです。
</div>

<div class="tsuzuki_box"><a class="d_button utm d_button2" href="/事業内容/">製品一覧 <i class=" icon-right-open"></i></a></div>


</div>

</div>
</div>

<!--  -->




<!--  -->
<div class="seihin_box_wrap">
<div class="seihin_box_wrap_in">
<div class="img_box">
<div class="img_box_in">
<img src="<?php echo get_stylesheet_directory_uri(); ?>/img/contents03.jpg" alt="カテーテルガイドワイヤー">

</div>

</div>
<div class="disp_box">
<h4 class="title">カテーテルガイドワイヤー <span class="sub_title">Catheter guide wire</span></h4>

<div class="disp">
Ｘ線観察のため患部に造影剤や薬剤を注入したり、患部に拡張や生検などの処置を施す目的で使用するカテーテルを目的部位まで誘導するためのガイドワイヤーです。
</div>

<div class="tsuzuki_box"><a class="d_button utm d_button2" href="/事業内容/">製品一覧 <i class=" icon-right-open"></i></a></div>


</div>

</div>
</div>

<!--  -->






</div><!-- /.seihin_box_wrap_all -->

 

Contact Form 7 をアップデートしたらドロップダウンのレイアウトがくずれた