更新コーディングこのブログでも使用している検索機能(右上)恥ずかしながらこのサイトを作る時に初めて使うことになったので、今後使うときのためにメモしておきます。ワードプレスには便利な関数などもあるので、そこまで実装に時間はかからないと思います。検索フォームはこれをコピペでOK検索フォームを実装するにあたり色々調べたのですが、ここではこのサイトで使っている検索フォームのコードをメモしておきたいと思います。基本的にはコピペで使えると思いますが、お好みでCSSなどを書き換えてスタイルを変更してみてください。【searchform.php】というファイルを作るまずはじめにテーマ内に【searchform.php】という新しいファイルを作成します。これを作ると検索フォームの関数がこちらのファイルを参照してくれるようになります。要はこのファイルで検索フォームのスタイルや仕様などを修正出来るようになるわけですね。searchform.phpの中身はこんな感じです。type=”text”>タグ内にplaceholder=””を追加するとデフォルトテキストを入れられます。type=”submit”>タグ内ではvalue=”□”にしてボタンにFontAwesomeのアイコンに変更しています。(CSS参照)検索フォームのスタイルを書いていくスタイルは通常通りCSSに記述していきます。searchform.php作成時に各<input>タグにstyleをあてているので下記のように記述しています。.6;}これに関してはあくまでこのサイトでの仕様なので、お好みで書き換えても問題ないと思います。.searchsubmitのfont-familyでFontAwesomeを指定しています。あとはお好みの場所に設置searchform.phpを呼び出すにはワードプレスの関数を使います。シンプルで下記を設置したい場所に書くだけです。?>検索結果を表示するページを作成する【search.php】これで検索フォームを作成/設置出来るようになりましたが、検索結果が表示されるページを作る必要があります。これもsearchform.phpと同じように【search.php】というファイルを作ると、自動的に検索結果はこちらのページを読み込んでくれます。これを作成しないとindex.phpが読み込まれますので注意してください。このページは検索結果の表示方法をデザインに合わせて作成すれば良いと思いますが、1点だけ【ユーザーの検索ワード】を呼び出す関数だけ普段あまり使わないのでメモしておきます。『〇〇の検索結果』とよく表示される〇〇の部分ですね。上記で問題なく検索機能として使えるのですが、このままだと検索フォームが空欄のままでも検索をすることが出来てしまいます。UIを考えると空欄の場合は検索が出来ない方が良いですので、jsに魔法の言葉を記入して終わります。}});少々長くなってしまいましたがこれでこのブログと同じような検索フォームを作成することが出来ます。使うときのためにメモしておきます。マレーシアの日系IT企業で働く30代のウェブエンジニアの備忘録ブログです。基本は過去わからなくて悩んだコーディングや諸々の設定方法などをメモ代わりに書き留めています。ウェブコーディングやワードプレスの勉強中の方や同じ問題で悩んでいる方のお力になれたら嬉しいです。横からメニューがスライドで出てくる【ドロワーメニュー】をプラグインを使わずに実装する方法2019.06.12現在ではレスポンシブデザインが言うまでもなく当たり前ですが、スマホサイズ時のナビゲーションでよく使われているハンバーガーメニュー(三本線をタップするとメニューが出てくるやつ)の実装方法をご紹介。7のスタイルをリセットする方法をご紹介します。Redirect】2019.07.09時間指定でリダイレクトさせるプラグインをご紹介します。iPhoneやSafariで数列が勝手に電話番号になってしまうのを無効にする方法2019.07.09大きなお世話の代表例...iPhoneやSafariで数列が勝手に電話番号になってしまうのを無効にする方法をご紹介します。文字を透過させずに背景画像(background-image)を透過させる方法2019.07.09文字を透過させずに背景画像を透過させる方法をご紹介します。マレーシア国内の日系企業様へウェブサイトの制作依頼をマレーシアのローカル企業にご依頼されて大変な思いをしたことはございませんか?安価が魅力のマレーシア企業ですが、お国柄どうしても...「期日を守らない」「連絡がおろそか」「上手くコミュニケーションが取れない」などのお悩みをかかえることがあると思います。言って日系の企業はマレーシアの企業よりも値が張るため予算的に合わない。私もマレーシアで働くからこそ、その大変さを理解した上でご提案があります。マレーシアの日系IT企業で働く30代のウェブエンジニアの備忘録コーディングワードプレスプラグインウェブ関係のあれこれ初心者のための。