vcre8

ホームページ制作の仕事を10年以上やっています。その経験とスキルの一部をシェアします。

vcre8

ホームページ制作の仕事を10年以上やっています。その経験とスキルの一部をシェアします。

  • WordPress設定メモ

    WordPressの設定や便利ツールのメモ

【WordPress】「ギャラリー」ブロックで最終行を拡大させない

「ギャラリー」ブロックは、掲載する写真の数が半端だと下記のように最下段が拡大されてしまう。 CSSで、下記のように写真の大きさを揃えられます。

300
vcre8

    • 【WordPress】記事のタイトルをContact Form7 の項目に自動入力

      ①Contact Form7で以下を設定 [text post_title] ②functions.phpに以下を追記 function set_post_title_to_cf7_tag( $tag ){ if ( ! is_array( $tag ) ){ return $tag; } $name = $tag['name']; if( $name == 'post_title' ){ $res_get_

      vcre8

      • 【WordPress】Lightning：ヘッダー右上に電話番号や画像を設置

        ①まず「functions.php」に下記を追記 /* ヘッダー右上に表示 */function my_lightning_header_logo_after() {echo <<<EOM<div class="logo-after"><img src="http://xxx.jpg"></div>EOM;}add_action('lightning_header_logo_after', 'my_lightning_header_logo_after'); ②次にCSS

        vcre8

        • 【WordPress】Lightning：投稿ページの日付や投稿者名を非表示

          投稿（ブログ）ページに表示される更新日や投稿者名などを非表示にするCSS 更新日を非表示 .entry-meta-item-updated { display:none;} 投稿者名を非表示 .entry-meta-item-author { display:none;} 日付を非表示 .entry-meta-item-date { display:none;}

          vcre8

        【WordPress】「ギャラリー」ブロックで最終行を拡大させ…

        vcre8

        • 【WordPress】記事のタイトルをContact Form7 の項目に自動入力

          vcre8

        • 【WordPress】Lightning：ヘッダー右上に電話番号や画像を設置

          vcre8

        • 【WordPress】Lightning：投稿ページの日付や投稿者名を非表示

          vcre8

        マガジン

        • WordPress設定メモ
          8本

        記事

          【WordPress】Lightning：グローバルメニューのカスタマイズ

          フォントを太字からノーマルに変更したいとき テーマLightningで、ヘッダーのフォントを太字からノーマルに変更するCSS .gMenu>li .gMenu_name { font-weight:normal;} 上記でうまくいかない場合は以下で。 .global-nav-list>li .global-nav-name { font-weight:normal !important;} メニューの下線を変えたいとき グローバルメニューに入る下線を変更するCSS

          vcre8

          【WordPress】Lightning：グローバルメニューのカスタマイズ

          vcre8

          WordPressの優良プラグイン

          ほとんど毎回入れているプラグイン All-in-One WP Migration （作者: ServMask） サイトをデータベースごと移設できる バックアップとしても利用 SEO SIMPLE PACK （作者: LOOS,Inc. ） 簡単にSEO対策できる Yoast Duplicate Post （作者: Enrico Battocchi & Team Yoast） 投稿・固定ページを複製できる WP Revisions Control （作者: Erick

          vcre8

          WordPressの優良プラグイン

          vcre8

          【WordPress】Contact form 7：必須項目をデザインする

          Contact form7で「必須」の文字をかっこよくデザインする方法です。 フォーム内の記述Contact form7内で、項目の中で以下を記述 <span class="required">必須</span> CSSの記述「外観」＞「カスタマイズ」＞「追加CSS」などに、上記で設定したclassにCSSでデザインを設定します。 以下にコピペできるコード、設定場所の詳細などを記載します。 例①：文字と線を赤、背景を白、角に少し丸みをつける こんなイメージになります

          300
          vcre8

          【WordPress】Contact form 7：必須項目をデザインする

          vcre8

          【WordPress】Contact form7でreCAPTHAを設定

          ① reCAPTHA キーの取得サイトキーとシークレットキー 以下のサイトから「サイトキー」と「シークレットキー」を取得 【ラベル】任意。（ドメインなど） 【reCAPTCHAタイプ】v3にチェック 【ドメイン】「＋」で対象ドメインを追加 ② インテグレーションContact form 7から以下を設定 「お問い合わせ」＞「インテグレーション」＞「reCAPTHA」で、①で生成したキーをコピペ

          vcre8

          【WordPress】Contact form7でreCAPTHAを設定

          vcre8