ワードプレステーマのSANGOだけど、スマホ対応を確認してみました

スポンサーリンク

有料テーマのSANGOのスマホ表示を確認する

ワードプレスのテーマはカスタマイズしなくていいように、有料テーマのSANGOを使っています。

だから、ほとんどカスタマイズしていません。

子テーマのfunctions.phpに追記していること

 

  • Twitterカードを「summary」を設定して画像を小さくしています。
  • reCAPTCHA v3のロゴを非表示にしています。

 

Twitterカードは、画像を大きくするために「summary」を「summary_large_image」にカスタマイズした人が多いと思います。

「summary_large_image」を「summary」に変更して画像を小さくする人は少ないと思います。

 

大きい画像のほうがクリックされる

Twitterカードは、大きい画像のほうがクリックされそうだけど、そんなに変わらないみたいです。

大きい画像のほうがクリックされることはされるんです。

問い合せフォームは、プラグインのContact Form 7を使っています。

それは、reCAPTCHA v3に対応しているからなんです。

 

reCAPTCHA v3のロゴが邪魔

だけど、スマホで確認してみたら、画面の右下にreCAPTCHA v3のロゴが表示されて

reCAPTCHA v3のロゴと「トップに戻る」ボタンが重なるんです。

reCAPTCHA v3のロゴが邪魔なんです。

 

reCAPTCHA v3のロゴを非表示にする方法

reCAPTCHA v3のロゴを非表示にする方法を検索したら、いくつかあったんです。

その中で、子テーマのfunctions.phpに追記して、reCAPTCHA v3のロゴを非表示にするのが一番簡単だったんです。

 

下記を子テーマのfunctions.phpにコピペするだけです。

だけど、失敗すると画面が真っ白になってどうにもならなくなるので、必ずFTPでバックアップしておいて、万が一にときは、速攻で上書きすれば大丈夫です。

慣れると、バックアップしませんけどね。

reCAPTCHA v3のロゴを非表示にする

下記を子テーマのfunctions.phpにコピペしましょう!

 

//問い合わせページのみreCAPTCHA表示するコード
add_action( 'wp_enqueue_scripts’, function() {
if(is_page('contact’)) return;
wp_deregister_script( 'google-recaptcha’ );
});

 

このブログでは、公認子テーマのPORIPUを使っているので、PORIPUのfunctions.phpにコピペしています

SANGOの子テーマも併存するので、SANGOの子テーマのfunctions.phpにコピペしてもいいんだと思いますが、SANGOの子テーマは削除しちゃったので確認できていません。

 

ワードプレスのテーマSANGOでTwitterカードを「summary」変更する

ワードプレスのテーマのSANGOでTwitterカードを「summary」変更して画像を小さくするカスタマイズは、下記を子テーマのfunctions.phpにコピペしましょう!

 

/*********************
OGPタグを編集
*********************/
function my_meta_ogp() {
$insert = ";
if (sng_set_meta_description()) {
$insert = '<meta name="description" content="' . esc_attr(sng_set_meta_description()) . '" />’;
}
$ogp_descr = sng_set_ogp_description();
$ogp_img = sng_set_ogp_image();
$ogp_title = sng_set_ogp_title_tag();
$ogp_url = sng_set_ogp_url();
$ogp_type = ( is_front_page() || is_home() ) ? 'website’ : 'article’;

// 出力するOGPタグをまとめる
$insert .= '<meta property="og:title" content="' . esc_attr($ogp_title) . '" />’ . “\n";
$insert .= '<meta property="og:description" content="' . esc_attr($ogp_descr) . '" />’ . “\n";
$insert .= '<meta property="og:type" content="' . $ogp_type . '" />’ . “\n";
$insert .= '<meta property="og:url" content="' . esc_url($ogp_url) . '" />’ . “\n";
$insert .= '<meta property="og:image" content="' . esc_url($ogp_img) . '" />’ . “\n";
$insert .= '<meta name="thumbnail" content="' . esc_url($ogp_img) . '" />’ . “\n";
$insert .= '<meta property="og:site_name" content="' . esc_attr(get_bloginfo('name’)) . '" />’ . “\n";
$insert .= '<meta name="twitter:card" content="summary" />’ . “\n";

// facebookのappdid
if (get_option('fb_app_id’)) {
$insert .= '<meta property="fb:app_id" content="' . get_option('fb_app_id’) . '">’;
}

// 出力
if ( is_front_page() || is_home() || is_singular() || is_category() || is_author() || is_tag() ) {
echo $insert;
}

} //END my_meta_ogp

function remove_sng_meta_ogp(){
remove_action('wp_head’, 'sng_meta_ogp’,10);
}
add_action('after_setup_theme’,’remove_sng_meta_ogp’);
add_action('wp_head’, 'my_meta_ogp’);

 

2020年10月31日ワードプレスSANGO

Posted by tktrblog