アフィリエイト広告を利用しています

ファンブログ検索フォームを設置する

投稿日 : 2018.06.26

ファンブログ検索用フォーム

下記のHTMLソースをコピペするだけで使用できます。

ファンブログの公式ページの検索フォーム に文字化け対策を施したものです。

HTML
<form action="/_tag/pages/search" method="POST" accept-charset="utf-8">
	<input type="hidden" name="key_article" value="articles">
	<input type="text" name="tag"  value="" placeholder="記事を検索">
	<input type="submit" value="検索">
</form>

文字化けへの対処

検索ワードの文字コードはUTF-8で送信する必要がありますが、ファンブログのページの文字コードはShift_JISになっています。

フォームはデフォルトで、そのページの文字コードでデータを送信します。

なので、フォームから検索ワードを送信する際に、文字コードをUTF-8に変換するよう設定する必要があります。

フォームの文字コードを指定する

フォームが送信するデータの文字コードを指定するには「accept-charset」属性を使用します。

属性値には変換したい文字コードを指定します。複数の場合は半角スペースで区切って優先順で記述します。

ファンブログの場合は「UTF-8」になります。

ファンブログ検索用のURLもある

下記URLの「検索ワード」の部分を任意のワードに置き換えて使用できます。

ファンブログ検索用URL
https://fanblogs.jp/_tag/t/articles+photos+videos+audios+blogs/検索ワード

ブログ内で何らかのタグをクリックして表示されるページにも、このような検索用のリンクが表示されています。

コメント一覧

コメントを書く

必須 :

:

必須 :

必須 : captcha 画像の中の文字を半角で入力してください。

ブログオーナーが承認したコメントのみ表示されます。

トラックバックURL

https://fanblogs.jp/tb/7826704

ブログオーナーが承認したトラックバックのみ表示されます。

トラックバック一覧

×

この広告は30日以上新しい記事の更新がないブログに表示されております。

Build a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: