ki-hi-ro.com

DAILY JOURNAL

WordPress

36記事の記録。

2022年11月

  1. WordPressテーマを移行する際の手順と注意点

    先ほど、クラウドワークスでこのような案件がありました。 https://crowdworks.jp/public/jobs/8422575 https://crowdworks.jp/public/jobs/8422575 WordPressのテーマを移行する際の手順と注意点について、調べたことも踏まえて書いていきます。 手順 いつでも戻せるように既存テーマのバックアップを取っておく新規テーマをアップロードするライブプレビューで表示確認する崩れなどがある場合は修正する新規テーマを有効化する いつでも戻せるように既存テーマのバックアップを取っておく 現在、有効化されている「移行前のテーマ」のバックアップを取っておきます。 「All-in-One WP M…

  2. 【WordPress】日付一覧ページで年を指定する方法

    日付一覧ページのテンプレートファイル「date.php」で、投稿した年を指定する方法について書いていきます。 記事の取得は、get_postsで行っています（WP_Queryを使うやり方もあります）。 URLに含まれる投稿年の数字を取得する まずは、get_query_varでURLに含まれる投稿年の数字を取得します。 <?php $year = get_query_var('year'); ?> 例えば、2020年3月の場合2020が取得されます。 引数に年を設定する 次に、get_posts();に渡す$argsに、先ほど取得した$yearを指定します。 <?php $year = get_query_var('year'); $…

  3. wp show posts

    先ほどクラウドワークスでこのようなお仕事がありました。 私は「wp show posts」というプラグインを使ったことがなかったので、使ってみたいと思います。 wp show postsはどんなプラグイン？ 記事一覧を作成できるプラグインです（プラグインのページはこちら）。 プラグインを有効化してみた wp show postsを有効化したら、サイドバーに表示されました。 WP管理画面 サイドバー 記事一覧を作成するための流れ wp show postsで記事一覧を作成する大まかな流れはこちらです。 どんな記事を表示させるのかを設定する どのページに表示させるのかを設定する 記事一覧の見た目を調整する STEP1: どんな記事を表示させるのかを設定する…

2022年10月

  1. WP-PageNaviのページネーションが表示されない原因と解決方法について書きます

    先ほど当サイトにページネーションを付けたいと思い、WordPressのプラグイン「WP-PageNavi」をインストールして、ページネーションを表示させたい場所に以下の記述を追加しましたが、表示されませんでした。 <?php wp_pagenavi(); ?> しかし、あることを行ったら無事に以下のようなページネーションが表示されました。 行ったこと 「WP-PageNaviのページネーションが、<?php wp_pagenavi(); ?>を記載した場所に表示されない！」という問題は、管理画面の表示設定を、'posts_per_page' => 9,に合わせることで解決しました。 1ページに表示する最大投稿数 1ページに…

  2. 親テーマの内容を子テーマに移行した

    先日、フリーランス仲間のデザイナーさんから「WordPressの親テーマに書いてある内容を子テーマに移行して欲しい」というご依頼を受けました。 予算は、6,600円（税込）でその日のうちに対応させていただきました。 素敵な美容室のサイトでした。 使用していたテーマ https://lqd.jp/wp/ リキッドデザイン株式会社 が提供する「LIQUID PRESS」というテーマを使用していました。 ご依頼内容 テーマ（親テーマ）に直接コードを書いていたため、テーマをアップデートすると、その内容が上書きされてしまうという問題がありました。 そこで、子テーマに親テーマの内容を移行して欲しいとのことでした。 対応した内容 LIQUID PRESSの Word…

  3. WordPressの関数get_posts() で指定したカテゴリーの記事情報を出力する方法

    WPの出力記事を絞り込む方法は、WP_Queryとget_posts()があります。 この記事ではget_posts()で絞り込む方法を紹介します。 全体の流れ 指定したいカテゴリーのIDを調べるカテゴリースラッグを取得する引数にカテゴリースラッグを指定する関数get_posts()を使用するタイトルやサムネ画像などの出力したい記事情報を表示させる 指定したいカテゴリーのIDを調べる WP管理画面の「カテゴリーを編集」に「tag_ID=98」とあります。ここに書かれている数字がカテゴリーIDです。 カテゴリースラッグを取得する 関数get_categoriesでカテゴリー情報を取得する まずは、関数get_categoriesの引数にカテゴリーIDを渡…

2022年9月

  1. reCAPTCHA V3をMW WP Formに導入しました

    先日地元のWEB制作会社の担当者の方から迷惑メール対策のために既存のフォームをmw formで作り替えて、reCAPTCHA V3を設定して欲しいというご依頼を受けました。 MW WP Formとは MW WP FormはWordPressのお問い合わせフォームを作成できるプラグインです。 MW WP Formの公式サイト reCAPCTHAとは reCAPTCHA V3を設定すると以下のようなマークが右下に表示され、ボットからフォームを守ることができます。 対応内容 大まかに以下の2点を対応しました。 既存のPHPで作成されたフォームをMW WP Formで置き換え reCAPTCHA V3の導入 既存のPHPで作成されたフォームをMW WP For…

  2. トップページのフォーム部分にエラーメッセージが表示されている問題を解決した

    いつもお世話になっている地元名古屋のWEB制作会社の担当者の方から、WordPressのサイトのトップページのフォームにエラーメッセージが出ているので解決してほしいというご依頼を、chatworkで受けました。 発生していたエラーメッセージ 以下のエラーメッセージがフォームの部分に表示されてしまっていました。 Deprecated: Function create_function() is deprecated in ・・・・・ ・・・以降はエラー箇所が入っているので省略します。 日本語にすると エラーメッセージを日本語にすると、「非推奨: 関数 create_function() は非推奨です」となります。 エラーの原因 原因は、contact-f…

2022年8月

  1. contact-form7の申し込みフォームで表にチェックボックスを追加する方法

    先日、contact-form7の申し込みフォームで、表の中にチェックボックスを追加したいがやり方が分からないから困っているというご相談を受けました。 実際にWordPressにログインして1時間弱調べたのですが、やり方が分からず、納期が迫っている仕事もあったので結局対応をお断りすることになってしまいました。 後日実現できたので、方法を書いていきます。 今回実現できなかったご要望 表があり、その下にそれぞれのチェックボックスにチェックを入れるという状態で、表の中にチェックボックスを持ってきたいというご要望でした。 ご相談時の状態 講座内容の表に書いてある講座の中から自分が受けたい講座を探して、お申し込み講座（必須）のチェックボックスにチェックを入れて、…

2022年7月

  1. CPT UIのカスタム投稿タイプの設定項目

    先日、カスタム投稿タイプのURL構造を変更するのに苦戦しました。 なんとか当初の問題は解決しましたが、やりたかったことは、カスタムタクソノミー名をカスタム投稿タイプのURLに追加するということです。 カスタム投稿タイプは、WordPressプラグイン「CPT UI」を使用していました。 こちらのプラグインには、色々な設定項目があるため、調べたことをまとめていけば、それぞれの設定がどんな意味を持っているのかが理解でき、やりたいことが実現できるのではないかと思ったので、学習ブログを書いていきます。 設定項目 以下の設定項目について調べた内容をまとめていきます。 投稿タイプ アーカイブあり 階層 リライト フロントでのリライト 投稿タイプ アーカイブあり 真…