WordPress

検索ボックスのphpをショートコードにして投稿や固定ページに入れる

投稿日:2017年4月9日 更新日:

lap WordPressでの検索ボックスの表示はphpコード、<?php get_search_form(); ?>です。phpコードを投稿ページや固定ページに書き込んでも表示されませんね。そこでショートコードに登録してページに[search]と書き込むだけで、表示可能にする方法がこちらです。さらにショートコードを中央寄り/センタリングします。

functions.phpに下記のコードを入力する

//検索ボックスのショートコード
function wcs_search_form_shortcode( ) {
get_search_form( );
}
add_shortcode( ‘search’, ‘wcs_search_form_shortcode’ );

投稿ページ、または固定ページに[search]を入力

-[search]と普通のテキストとして入力すれば検索ボックスが表示されます。

簡単ですね!

検索ボックスのショートコードをセンタリングする

悩みに悩みましたが、分かりました。cssでmargin: auto;にすれば良いのです。ついでに検索ボックスの最大幅を700pxにしました。あんまり長〜いと変ですから。単に幅を350pxならwidth:350px;とかにします。お好みでどうぞ。

#search {
max-width: 700px;
margin: auto;
}

スポンサーリンク

-WordPress

関連記事

blog

テーマStingerで外観を変更する

アフィリエイターに人気のあるテーマを「Stinger8」に再変更する方法です。 Stinger8はコチラのリンクページからダウンロードします。http://wp-fun.com/dl/ stinger …

blog

WordPressのテーマで選択でトラブル

WordPressで作り替えたい古いサイトがあったので、Stinger8以外でやってみることにしました。 基本は現サイトからあまりイメージを変えずに、レシポンシブサイト(スマホ対応)にすることでした。 …

blog

コメント欄をごっそり消す方法

WordPress管理者ログインするとメニューに「プラグイン」がありますね。クリックします。 右上の検索でキーワードを選択して「disable comment」と入力。コメント欄をカスタマイズできるプ …

blog

ブログを始める

自分のブログ=サイトを始める 後々にアフィリエイトで収入を得たい人は特に自分が運営する独自のウェブサイトを作成たいですよね。 アメブロ等の無料ブログは便利ですが、アフィリエイトに関しての規正があります …

blog

サーバーのセキュリティーをパーミッションで強化

WordPressのセキュリティーについてはこちらで書きましたが、サーバーのセキュリティーも重要です。初期設定ではクラッカー&ハッカーに狙われますので、コントロールパネルでパーミションを変更しましょう …

Author Profile
こつこつインフォの筆者こつ子です。
いつも兀々やってます。
出版関係のグラフィックデザイナー。
趣味はWebsiteを作ること、ヨガ、犬と山歩き、フルーツ酒作り。
読んでくれてありがとう〜!
**ご意見はこちらへ**