Welcartでは、カート内や会員登録フォームにお客様情報の入力欄が表示されます。 お客様情報の「郵便番号」「市区郡町村」「番地」「ビル名」「電話番号」「FAX番号」には入力例が表示されますが、この入力例を変更する方法を…
Welcartでカートや会員登録フォームのお客様情報に表示される入力例を変更する方法
WordPressでbody_class()に独自のクラスを追加する方法
WordPressテーマの中身を見ると、以下のようにbody要素にbody_class()というテンプレートタグが入っていることが多いと思います。 出力されるHTMLでは、以下のように様々なクラスが付与されています。 ※…
カスタムタクソノミーのURLを調整してカスタム投稿の下の階層で表示させる方法
カスタム投稿とカスタムタクソノミーを追加した場合、デフォルトの状態ではURLは別階層に分かれた状態で表示されます。 例えば、「news」というカスタム投稿を追加し、「news_cat」というカスタムタクソノミーを追加した…
WordPressで投稿内の最初の画像を取得/出力する方法
WordPressで投稿一覧などにサムネイルを表示する際は、アイキャッチ画像を利用することが多いです。しかし、アイキャッチ画像ではなく、投稿内の1枚目の画像をサムネイルとして使いたいというケースもあると思います。 Aut…
子カテゴリーのアーカイブページで親カテゴリーと共通のテンプレートを適用する方法
特定のカテゴリーアーカイブ用のテンプレートを作成する場合、category-news.phpのようなテンプレートを追加します。category-news.phpを追加すると、newsというカテゴリーのアーカイブでは、ar…
wp_enqueue_scriptsで読み込まれるscriptタグにasync属性を追加する方法
WordPressサイトにて、wp_enqueue_scriptsで読み込んでいるscriptファイルに対して、async属性を追加する方法をご紹介いたします。 通常、wp_enqueue_scriptsで読み込まれたs…
WordPressのユーザーページや投稿詳細ページでユーザー情報を取得・表示する方法
ユーザーページ(author.php)や投稿詳細ページ(single.php)などで、ユーザーのプロフィール情報を取得・表示させる方法をご紹介いたします。 以前紹介したthe_author_meta関数を使ってプロフィー…
Gutenberg(ブロックエディタ)の編集画面に独自のスタイル(CSS)を適用する方法
WordPress5.0から導入された新しいエディタ「Gutenberg(ブロックエディタ)」ですが、慣れると非常に便利で使い勝手が良いです。一度慣れてしまうと旧エディタには戻れないですね。 Gutenbergで記事を書…
管理画面上で子テーマを作成できるWordPressプラグイン「Child Theme Configurator」
Child Theme Configuratorは、WordPressの管理画面上から子テーマを作成できるプラグインです。 以前子テーマの作成方法を記事にしましたが、こちらは自身でファイルを作成してサーバーに設置する方法…
AMPプラグインでAMP対応したサイトにGoogleアドセンスのAMP自動広告を設置する方法
WordPressサイトでは、AMPプラグインを使えば簡単にAMP対応することが可能です。ただ、AMPプラグインでAMP対応した場合、AMP対応ページは非常にシンプルな構造になるため、Googleアドセンスの広告は出力さ…