tips!

Tumblrでは設定から『質問する』にチェックを入れただけだと、回答を同一ページ内に置くといったことが出来ません。
そこでページ作成機能を使ってask機能と回答を同一ページ内に表示する、Q&Aページを作ってみます。

     

• demo：http://qanda-chips.tumblr.com/

ここでは基本的な設置方法だけをメモ。

【目次】

1. Q&Aページを作成する
2. ブログからQ&Aページにリンクをつなげる

1．Q&Aページを作成する

カスタマイズページ⇒ページ管理⇒ページを作成から、ページの新規作成を行います。
作成するページはテーマ準拠デザインに設定。
ページURL、タイトルはお好みで。
『ページヘのリンクを表示する』にはチェックを入れないでおきます。

     

本文部分がQ&Aを記述、追加していくスペースになります。
なので既に『よくある質問』などを用意してある場合は、ここで本文にQ&Aの内容を記述しておくと良いかと思います。
形式なんかはお好みで。

     


続いてHTMLソースエディタを開き、以下のソースコードをコピペします。
「YOURURLHERE.tumblr.com」は自分のTumblrのURL（●●●.tumblr.com）に置き換えてください。

     

<p><iframe frameborder="0" width="100%" height="149" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com"></iframe></p>

これがaskフォームです。
出来ればフォームのサイズは使用テーマに合わせて調整しておくと良いかも。
「ページを作成」「保存」でひとまずQ&Aページは完成です。

2．ブログからQ&Aページにリンクをつなげる

テーマ＜Minimal＞を例に進めていきます。

まずダッシュボード⇒設定から「質問する」にチェックを入れ、「『質問募集ページ』のタイトル」を設定、保存。
タイトルは項目１で設定したものと同じで問題ありません。

次にカスタマイズ⇒HTML編集を開き、テーマHTMLの中から「href=“/ask”」という部分を探します。
＜Minimal＞では464行目。

     

この部分を、項目１、ページURLで設定したものに差し替え。

{block:AskEnabled}<li class="ask"><a href="/ask" class="page">{AskLabel}</a></li>{/block:AskEnabled}

↑これを  こう↓

{block:AskEnabled}<li class="ask"><a href="/qanda" class="page">{AskLabel}</a></li>{/block:AskEnabled}

プレビューを更新、保存するとブログ内にQ&Aページへのリンクがつながります。

    


余談ですが、環境設定で言語を日本語にしていると「Ask（質問する）」ボタンがうまく収まらないみたいです。
海外で見かけるやり方でまとめてみたので、こういう方法があるのか、ということで。
Q&Aページを作成してみる話でした。