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 …', '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; }
よろしくお願いいたします。
あなたの回答
tips
プレビュー