質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

文字コード

文字コードとは、文字や記号をコンピュータ上で使用するために用いられるバイト表現を指します。

検索

検索は、あるデータの集まりの中から 目的のデータを見つけ出すことです。

Q&A

0回答

1757閲覧

wordpressの検索フォームで検索してもヒットしない。

bigmountain

総合スコア4

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

文字コード

文字コードとは、文字や記号をコンピュータ上で使用するために用いられるバイト表現を指します。

検索

検索は、あるデータの集まりの中から 目的のデータを見つけ出すことです。

0グッド

0クリップ

投稿2019/09/19 11:38

編集2022/01/12 10:55

wordpressを始めて2ヶ月の初心者です。
PHPもよく分からず今回トラブルがあり、初めて調べました。
2つ分からないことがあり質問させていただきます。

1、Musicsongというテーマを使っていて、白枠の検索欄がホームページトップに表示されるのですが、中の検索に文字を打ち込むんでも文字が見えません。
デフォルトで白色の文字入力なのが原因かなと思うのですが、だとしたらここのみ黒色に変えるのはどうすればいいでしょうか?(文字を打つと変換予測だけでます)
また違う場合はどうすれば文字が見えるのでしょうか?

2、検索結果がHelloはヒットするのですが他の言葉は一つもヒットしませんでした。
検索結果はこのような表示が出ます。

Nothing Found
Sorry, but nothing matched your search terms. Please try again with some different keywords.

どうすればヒットするようになるのでしょうか?

seach phpのコードはこちらです。

<?php /** * Template for displaying search forms in Theme Palace * * @package Theme Palace * @subpackage Musicsong * @since Musicsong 1.0.0 */ ?> <form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>"> <label> <span class="screen-reader-text"><?php echo esc_html_x( 'Search for:', 'label', 'musicsong' ); ?></span> </label> <input type="search" class="search-field" placeholder="<?php echo esc_attr_x( 'Search &hellip;', 'placeholder', 'musicsong' ); ?>" value="<?php echo get_search_query(); ?>" name="s" /> <button type="submit" class="search-submit"><?php echo musicsong_get_svg( array( 'icon' => 'search' ) ); ?><span class="screen-reader-text"><?php echo esc_html_x( 'Search', 'submit button', 'musicsong' ); ?></span></button> </form>

グーグルで解決方法を検索し、action以下<?php echo esc_url( home_url( '/' ) ); ?>の部分を、自分のサイトのurl貼り付けたりも試したりしましたがヒットしませんでした。

追記1

「できるWordPress 〜」という本を見ながらサイトを作り「初めてのデザイン&カスタマイズ」を参考にブログを書いています。 テーマ、プラグインを追加した入手先ですが、確か全て「WordPress プラグイン追加」ページから探したと思います。 jetpack、Contact Form 7、SiteGuard WP Plugin、Akismet Anti-Spam、TypeSquare Webfonts for エックスサーバーなどがあり、コンテンツも十分あると思います。 ホームページの表示は最新の投稿ではなく、固定ページで、ホームページと投稿ページになっています。

追記2

検索フォームの html やフォーム部分に適用されている CSS

form.search-form { width: 100%; max-width: 100%; position: relative; } .main-navigation form.search-form { min-width: 320px; } input.search-field { height: 50px; border-radius: 0; padding: 0 50px 0 15px; width: 100%; outline: none; } .main-navigation svg.icon-close { display: none; } #search.hidden-small form.search-form { position: absolute; left: 0; right: 0; } svg { width: 16px; height: 16px; display: inline-block; vertical-align: middle; } .search-menu svg.icon-search { fill: #949494; } svg.icon-search, svg.icon-close { width: 15px; height: 15px; fill: #fff; } svg.icon-close { width: 20px; height: 20px; } .search-submit svg.icon-search { fill: #adadad; opacity: 1; } .main-navigation svg.icon-down { width: 12px; height: 12px; margin-left: 5px; fill: #7b7b7b; } .main-navigation .sub-menu svg { width: 12px; height: 12px; fill: #7b7b7b; position: absolute; right: 15px; top: 17px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #site-menu #search { display: none; } #search-menu { display: none; } #search-menu .icon-close, #search-menu.active .icon-search, .search-menu .icon-close, .search-menu.active .icon-search { display: none; } #search-menu.active .icon-close, .search-menu.active .icon-close { display: inline-block; } #search-menu button .icon-search, .search-menu button .icon-search, #search-menu.active button .icon-search, .search-menu.active button .icon-search { display: inline-block; } #search-menu input[type="search"] { padding-left: 40px; border-radius: 4px; min-height: 40px; height: auto; background-color: #efefef; border-color: #efefef; padding: 5px 15px 0px 40px; } #search-menu form.search-form button.search-submit { min-height: 40px; height: auto; }

よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2019/09/19 11:55

第三者が再現するのに必要な情報が足りていないと思います。WordPressインストール後のカスタマイズ内容、追加したテーマやアドオンの入手先・入手方法などもないと。検索してヒットするだけのコンテンツは投入済みなのですか?
bigmountain

2019/09/20 07:25 編集

返信ありがとうございます。 「できるWordPress 〜」という本を見ながらサイトを作り「初めてのデザイン&カスタマイズ」を参考にブログを書いています。 テーマ、プラグインを追加した入手先ですが、確か全て「WordPress プラグイン追加」ページから探したと思います。 jetpack、Contact Form 7、SiteGuard WP Plugin、Akismet Anti-Spam、TypeSquare Webfonts for エックスサーバーなどがあり、コンテンツも十分あると思います。 ホームページの表示は最新の投稿ではなく、固定ページで、ホームページと投稿ページになっています。
CHERRY

2019/09/19 22:48

検索フォームの html やフォーム部分に適用されている CSS も質問に追記していただけないでしょうか?
bigmountain

2019/09/20 04:27

返信ありがとうございます。 検索フォームのhtmlとCSSがどこにあるかネットなどで調べましたが、残念ながらわかりませんでした。 wordpressのStyle.cssの項目の中かなと思い7000行を探してみて、seachがつく箇所があったのでそちらも追記しておきますが質問の答えになっていましたでしょうか? よろしくお願いします。
bigmountain

2019/09/20 07:23

とても分かりやすい質問への追記・修正の依頼、ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問