WordPressでキーワード検索を作成する方法

本日、当サイトのサイドバーに検索ボックスを作成したので、その方法をまとめていきます。 本日作成した検索機能 キーワードを入力して、Enterキーまたは検索ボタンをクリックすると、そのキーワードが本文中やタイトルに含まれる記事が表示されます。 例えば、「vue」というキーワードで検索すると、「vue」が含まれる記事が検索結果に表示されます。 検索中 ...

本日、当サイトのサイドバーに検索ボックスを作成したので、その方法をまとめていきます。 本日作成した検索機能 キーワードを...

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

先ほど、クラウドワークスでこのような案件がありました。 https://crowdworks.jp/public/jobs/8422575 https://crowdworks.jp/public/jobs/8422575 WordPressのテーマを移行する際の手順と注意点について、調べたことも踏まえて書いていきます。 手順 いつでも戻せるように既存テーマ...

先ほど、クラウドワークスでこのような案件がありました。 https://crowdworks.jp/public/jobs/84225...

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

日付一覧ページのテンプレートファイル「date.php」で、投稿した年を指定する方法について書いていきます。 記事の取得は、get_postsで行っています(WP_Queryを使うやり方もあります)。 URLに含まれる投稿年の数字を取得する まずは、get_query_varでURLに含まれる投稿年の数字を取得します。

日付一覧ページのテンプレートファイル「date.php」で、投稿した年を指定する方法について書いていきます。 記事の取得は、get_p...

【サンプルサイトあり】wp show postsを使ってみた

先ほどクラウドワークスでこのようなお仕事がありました。 私は「wpshowposts」というプラグインを使ったことがなかったので、使ってみたいと思います。 wpshowpostsはどんなプラグイン? 記事一覧を作成できるプラグインです(プラグインのページはこちら)。 プラグインを有効化してみた wpshowpostsを有効化したら、サイドバー...

先ほどクラウドワークスでこのようなお仕事がありました。 私は「wpshowposts」というプラグインを使ったことがなかったの...

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

先ほど当サイトにページネーションを付けたいと思い、WordPressのプラグイン「WP-PageNavi」をインストールして、ページネーションを表示させたい場所に以下の記述を追加しましたが、表示されませんでした。 しかし、あることを行ったら無事に以下のようなページネーションが表示されました。 行ったこと 「WP-Page...

先ほど当サイトにページネーションを付けたいと思い、WordPressのプラグイン「WP-PageNavi」をインストールして、ページネーションを表示...

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

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

先日、フリーランス仲間のデザイナーさんから「WordPressの親テーマに書いてある内容を子テーマに移行して欲しい」というご依頼を受けました。 ...

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

@media(min-width:768px){ ol{ padding-left:65px; } } WPの出力記事を絞り込む方法は、WP_Queryとget_posts()があります。 この記事ではget_posts()で絞り込む方法を紹介します。 全体の流れ 指定したいカテゴリーのIDを調べるカテゴリースラッグを取得する引数にカテゴリースラッグを指定する...

@media(min-width:768px){ ol{ padding-left:65px; } } WPの出力記事を絞り込む方...

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

先日地元のWEB制作会社の担当者の方から迷惑メール対策のために既存のフォームをmwformで作り替えて、reCAPTCHAV3を設定して欲しいというご依頼を受けました。 MWWPFormとは MWWPFormはWordPressのお問い合わせフォームを作成できるプラグインです。 MWWPFormの公式サイト reCAPCTHAとは reCAPTCHAV3を設定すると...

先日地元のWEB制作会社の担当者の方から迷惑メール対策のために既存のフォームをmwformで作り替えて、reCAPTCHAV3を設定して欲しいという...

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

先日、contact-form7の申し込みフォームで、表の中にチェックボックスを追加したいがやり方が分からないから困っているというご相談を受けました。 実際にWordPressにログインして1時間弱調べたのですが、やり方が分からず、納期が迫っている仕事もあったので結局対応をお断りすることになってしまいました。 後日実現できたので、方法を書いていきます。 今回実現できなか...

先日、contact-form7の申し込みフォームで、表の中にチェックボックスを追加したいがやり方が分からないから困っているというご相談を受...

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

先日、カスタム投稿タイプのURL構造を変更するのに苦戦しました。 なんとか当初の問題は解決しましたが、やりたかったことは、カスタムタクソノミー名をカスタム投稿タイプのURLに追加するということです。 カスタム投稿タイプは、WordPressプラグイン「CPTUI」を使用していました。 こちらのプラグインには、色々な設定項目があるため、調べたことをまとめていけば、それぞれの設定が...

先日、カスタム投稿タイプのURL構造を変更するのに苦戦しました。 なんとか当初の問題は解決しましたが、やりたかったことは、カスタムタクソノミー...

【スパム対策】フォームで日本語以外の入力制限を行う

使用しているフォームはWordPressのContactform7です。 以下2点に関して書いていきます。 functions.phpに記述する内容 例外 functions.phpに記述する内容 これで、都道府県の欄に日本語以外を入力した場合に「日本語で入力してください」というエラーメッセージが表示されます。 functionwpcf7_validate...

使用しているフォームはWordPressのContactform7です。 以下2点に関して書いていきます。 functions.php...

Easy Table of Contentsでスクロールの高さを調整するには?

先ほど、ブログページの目次をクリックした時に、ヘッダーの高さを考慮してスクロールの高さを調整しました。 どうやって調整したのかについて書いていきます。 目次には、WordPressのプラグイン「EasyTableofContents」を使用しました。 手順1:設定画面に移動する まずは、設定>目次をクリックして、プラグイン設定画面に移動します。 設定>目次 W...

先ほど、ブログページの目次をクリックした時に、ヘッダーの高さを考慮してスクロールの高さを調整しました。 どうやって調整したのかについて書いてい...

記事内リンクを別タブで開くようにする方法

以前クラウドワークスで、記事内のリンクを別タブに開くようにして欲しいというご依頼があり、応募したところ、ありがたいことに仕事を任せていただきました。 本記事では、今回実装した内容について書いていきます。 functions.phpに記述する内容 結論のソースコードです。 add_filter('the_content','add_external_cont...

以前クラウドワークスで、記事内のリンクを別タブに開くようにして欲しいというご依頼があり、応募したところ、ありがたいことに仕事を任せていただきました。...

カスタムフィールドの出力方法

カスタムフィールドを使用すれば、投稿時に決まったフォーマットで入力ができます。また、出力の見た目が柔軟に調整できます。 本記事では、WordPressのプラグイン「SmartCustomFields」で作成した繰り返し処理を出力する方法について、書いていきます。 コード

カスタムフィールドを使用すれば、投稿時に決まったフォーマットで入力ができます。また、出力の見た目が柔軟に調整できます。 本記事では、WordP...

WordPressで出力する記事を指定する方法

ブログシステムのWordPressでは、出力する記事を指定することができます。 今回は、customというカスタム投稿タイプの記事を、記事数の指定無しで、投稿日の降順に出力させる場合のPHPの記述方法について書いていきます。 コード 'custom', 'posts_per_pa...

ブログシステムのWordPressでは、出力する記事を指定することができます。 今回は、customというカスタム投稿タイプの記事を、記事数の...

ページ
最上部へ

目次へ