2009/6/21

Tumblrに検索窓を追加する

僕の使っているTumblrのテーマに検索窓がなかったので追加しました。マニュアルを見ると、下記コードが例示されています。

<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Search"/>
</form>

ただ、これだと、検索枠が付記されるだけなので、実際には検索結果を表示するコードも必要です。

{block:SearchPage}
&lt;h1&gt;Search Results &amp;quot; {SearchQuery} &amp;quot; : {SearchResultCount} post&lt;/h1&gt;
{/block:SearchPage}<
{block:NoSearchResults}
&lt;p&gt;Please try to make a new search.&lt;/p&gt;
{/block:NoSearchResults}

これでhu・mi・dorでも検索が使えるようになりました。こちらの記事を参考にしました。

caramel*vanilla » Tumblrに検索機能がついた!

加藤 康祐 / 企画・設計

プランナー、デザイナー。加藤康祐企画設計代表。Webデザインを入り口に、2005年よりフリーランスとしてのキャリアスタート。主な仕事としてベンチャー企業でのサービスのUXデザイン、独法との防災メディアの運営、社会的養護の子どもたちの自立を支援するNPOのサポート。ラグビーと料理、最近イラスト。

加藤康祐企画設計

是非、フォローしてください!
Twitter / Instagram

(2012-10-5)
売り上げランキング: 14,705
100円