ファンブログ検索フォームを設置する
投稿日:2018.06.26
ファンブログ検索用フォーム
下記の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の「検索ワード」の部分を任意のワードに置き換えて使用できます。
https://fanblogs.jp/_tag/t/articles+photos+videos+audios+blogs/検索ワード
ブログ内で何らかのタグをクリックして表示されるページにも、このような検索用のリンクが表示されています。
