wordpress

Contactform7でチェックボックスにBootstrap4のボタンデザインを適用する

Contactform7でチェックボックスにBootstrap4のボタンデザインを適用する場合に2時間くらいハマったのでメモ。https://getbootstrap.com/docs/4.4/components/buttons/#checkbox-and-radio-buttonsまずは完成形。Contactform7でのフォームに入力 <div class="form-group"> <label class="col control-label">チェック</label></div>…

contactform7にbootstrap4のカスタムバリデーションスタイルを適用する方法

前提 wordpress Bootstrap4 contactform7 バリデーションを行って、boostrap4のカスタムバリデーションスタイルを適用したい。参考リンク https://getbootstrap.com/docs/4.3/components/forms/#custom-styles上記を参考にして、以下を追加して送信しても、…

チェックボックス、ラヂオボタンをcssで装飾する際に隣接セレクタが使えない場合

前提 wordpressのcontactform7で作成したフォームで、テーマのベースはBootstrap4 <div class="form-group wpcf7-form-control wpcf7-checkbox siryo1"> <div class="checkbox wpcf7-form-control wpcf7-checkbox siryo1"> <label> <input name="siryo1" value="" aria-invalid="false" type="checkbox"> 会社案内 </label> </div> </div> 以下のページを参考にデ…

Bootstrap4のpagenationをwordpressで使う場合

functionに以下を追加 function bootstrap_pagination(){ global $wp_query; $paged = $wp_query->get( 'paged' ); $posts_per_page = get_option('posts_per_page'); if ( ( ! $paged || $paged < 2 ) && $wp_query->found_posts < $posts_per_page ) retur…

get_the_archive_title()で呼び出したタイトルから”アーカイブ:”、”カテゴリー:”、”タグ:”、”作者:”を消す方法

WordpressのブランクテーマのSageではアーカイブ、タイトル等のタイトルの出力に、 get_the_archive_title();を使用している。そのため、タイトル部分の出力をする際に以下のようになってしまう。 archive.phpの場合アーカイブ:タイトル 年別アーカイブの場…

Wordpressのブランクテーマ「Sage」を使って見た

WEBサイトの制作に Wordpressのブランクテーマ「Sage」を導入してみたので流れまとめておく。 roots.io ちなみにターミナルとかなにそれレベルなので結構苦労した。これまではブランクテーマのBones+preprosで開発していた。 themble.com Prepros :: Compil…