やわらかしかっけい

なんでもすぐに忘れてしまう自分のために

2020版 WordPressダッシュボードカスタマイズ

ダッシュボードトップの項目を減らす
<?php
function remove_dashboard_widget() {
  remove_action( 'welcome_panel','wp_welcome_panel' ); // ようこそ
  remove_meta_box( 'dashboard_activity', 'dashboard', 'normal' ); // アクティビティ
  remove_meta_box( 'dashboard_quick_press', 'dashboard', 'side' ); // クイックドラフト
  remove_meta_box( 'dashboard_primary', 'dashboard', 'side' ); // WordPress イベントとニュース
} 
add_action('wp_dashboard_setup', 'remove_dashboard_widget' );
?>
サイドバーから「コメント」を削除
<?php
function remove_menus(){
    remove_menu_page( 'edit-comments.php' ); 
}
add_action( 'admin_menu', 'remove_menus' );
?>
投稿編集画面

Gutenbergにも対応

<?php
function remove_post_support() {
  remove_post_type_support('post','trackbacks');      // トラックバック
  remove_post_type_support('post','custom-fields');   // カスタムフィールド
  remove_post_type_support('post','tag');        // コメント
  remove_post_type_support('post','comments');        // コメント
  remove_post_type_support('post','revisions');       // リビジョン
  remove_post_type_support('post','page-attributes'); // 表示順
  remove_post_type_support('post','post-formats');    // 投稿フォーマット
  unregister_taxonomy_for_object_type( 'post_tag', 'post' ); // タグ
}
add_action('init','remove_post_support');
?>

参考
twotone.me

CSSで背景うっすら斜め変則ドット

黒のベタ塗りだとカッコつかないな…という時、

うっすら斜めドットにすると良い感じである。

background: #3d3d3d;
background-image: radial-gradient(#333 20%, transparent 20%), radial-gradient(#333 35%, transparent 35%);
background-repeat: repeat;
background-size: 5px 5px;
background-position: 0 0, 2px 2px;


background-sizeとbackground-positionの値をいじることで
ドットの大きさを変えられる。


こういう感じになる。

見た目のサンプル

参考

www.esz.co.jp

コンタクトフォーム7 + reCAPTCHA v3

WordPressのお問い合わせフォームにGoogle reCAPTCHA

reCAPTCHA v3はバックグラウンドで動くので、
ユーザーに絵合わせ(?)させたり、チェックを入れさせたりしなくて良いらしい。

reCAPTHCA登録

Sign in - Google Accounts

Googleログイン状態で、ここからドメインを登録する。

ContactForm7と連携

お問い合わせ > インテグレーション から、
サイトキーとシークレットキーを入力する。

おわり。
contactform7.com

お問い合わせページ以外で読み込まないようにする

このままでは全てのページの右下に、reCAPTHCAバッジが固定で表示されてしまう。
reCAPTCHAにお問い合わせページのURLだけを登録できればよいのだが、それは不可。

なので、お問い合わせページ以外ではreCAPTHCAを読み込まないように
functions.phpにこれを書く。

<?php
function load_recaptcha_js() {
 if ( ! is_page( 'contact' ) ) {
  wp_deregister_script( 'google-recaptcha' );
 }
}
add_action( 'wp_enqueue_scripts', 'load_recaptcha_js' );
?>

参考
mirai-creators.com

Google推奨の、別の方法がある

reCAPTCHAバッジを全てのページで非表示にして、
下記を載せればOKらしい。

This site is protected by reCAPTCHA and the Google
    <a href="https://policies.google.com/privacy">Privacy Policy</a> and
    <a href="https://policies.google.com/terms">Terms of Service</a> apply.

↑を載せた上で、CSSでバッジを非表示にする。

.grecaptcha-badge { visibility: hidden; }

ここに載ってる:Google公式のQ&A

参考
【Google推奨】reCAPTCHAのロゴを非表示にする方法【画像で解説】 | JIKORICH