【WordPress】固定ページのカスタムテンプレートでパスワード保護が効くようにするメモ

ふつうにダッシュボードで記載したものはの「公開」部分を「パスワード保護」にするだけでパスワード保護されるけど、phpにゴリゴリ書いたカスタムテンプレートの場合はポチッとするだけじゃパスワード保護が効かない。

効くようにするコードをメモしとく。

<?php if( !post_password_required( $post->ID ) ) :?>
  
<!-- ここにパスワード保護したいのを入れる -->

<?php else: ?>

<?php echo get_the_password_form(); ?>

<?php endif; ?>

ついでにパスワードのボタンとかイジイジするときのメモ。

<?php if( !post_password_required( $post->ID ) ) :?>
  
<!-- ここにパスワード保護したいのを入れる -->

<?php else: ?>

<div class="pass-wrap">
<?php echo get_the_password_form(); ?>
</div>
<?php endif; ?>

pass-wrapで囲ってデフォルトのデザインから少し変更。

.pass-wrap{
  form{
    input[type="submit"]{
      color: var(--c-white);
      background-color: #000;
      border: 1px solid #000;
      border-radius: 5px;
      padding: .1em .5em .2em;
      cursor: pointer;
    }
  }
}

ちょっとだけボタン変えてみた。

参考にさせてもらったサイト

WordPressでのカスタムテンプレートにおけるパスワード制限の有効化

WordPressで記事をパスワード保護したときの表示をカスタマイズする方法

とてもわかりやすかったです。ありがとうございます!

ABOUT US
yukipan
Web制作会社で働いてます。パンダとかリラックマとか、まあるいものが好き。好奇心旺盛で、何にでも興味をもってしまう。とりあえずやってみてから取捨選択するのがモットー。今はグリーンカレーとチャイと株式投資がブーム。