2021年– date –

選択肢のチェックボックスにチェックを入れると、チェッす数をカウントしてくれる仕組み※JavaScriptやjQueryを読み込まない設定のテーマ等では動きません。 HTML <div class="checkbox"> <label><input class="checkbox-inp...

手順 ①toastrライブラリーをダウンロード https://codeseven.github.io/toastr/ zip file をダウンロード ②展開してフォルダ名を toastr に変更 ③FTPで子テーマの直下にアップロード ④子テーマのfunctios.phpに以下を追記 // toastr jsとCSSの読み込み fun...

ヘッダー右上に電話番号や画像を設置 functions.php /* ロゴの横に表示 */ function my_lightning_header_logo_after() { echo <<<EOM <div class="logo-after"> <img src="http://xxx.jpg"> </div> EOM; ...

見出しの装飾を解除 .subSection-title, h3 { border-bottom: 0; } .subSection-title:after, h3:after { border-bottom: 0; }

フッター Powered by を非表示 CSSで消す 以下のいずれか .site-footer-copyright p:nth-child(2) { display:none; } .copySection p:nth-child(2) { display:none; } function.php に追記して消す add_filter('lightning_footerPoweredCustom', f...

WordPressカスタマイズのCSS記述例など メニューにFont Awesomeを表示 Font Awesomeから使いたいアイコンを選ぶ メニューの「説明」にショートコード を記述 上下中央寄せ flexboxを使う方法 .container { display: flex; justify-content: center; align-...

reCAPTHA 設定 reCAPTHA キーの取得 ①以下のサイトから「サイトキー」と「シークレットキー」を取得 https://www.google.com/recaptcha/admin/create ②Contact form 7の設定 「お問い合わせ」→「インテグレーション」→「reCAPTHA」に、①のキーをコピペ 「...

Lightningのヘッダータイトル（ロゴ）やメニューを中央寄せする ヘッダーロゴとメニューを中央寄せ ※2025年確認 .site-header--layout--nav-float .site-header-container { display: block; } .site-header--layout--nav-float .site-header-logo a { mar...

デフォルトではヘッダーメニュー（グローバルメニュー）に入る下線を変更 Lightning メニュー下線の色を変えたり非表示にする 色を変える .global-nav-list>li:before { border-bottom-color:#fff; } 非表示にする .global-nav-list>li:before { bor...

ヘッダー ロゴの縦サイズを変更 以下のいずれか。 ※Lightningはなぜかクラス名をコロコロ変える。 .site-header-logo img { max-height: 120px; } .siteHeader_logo img { max-height: 120px; } スクロール時のヘッダーを固定 .gMenu_outer { margin-top: ...