ブログ名の設定は、まだ。 ネット社会の一粒の"地の塩"でありたいと思っています。

Question2Answerをモバイルフレンドリー対応にしてみた。

2015年05月11日 · カテゴリ:仕事ネタ

1つ前の記事「Q2Aをロリポに試しで入れてみたら、WPブログがぶっ壊れて焦りました。」の延長線のネタです。

モバイルフレンドリー対応って、大げさに書きましたが、Googleさんが使ってるからマネしてみただけで、要はQuestion2Answerにスマホのテーマを入れて、ちょっとカスタマイズしてみたという話です。

PCでアクセスする場合、スマホにエージェント偽装しないとPC用のテーマが表示されてしまいますが、デモサイトは下記。

参考:今のところ、自問自答のQ&A

ベースとなったテーマはNoahYさんという方の「q2a-mobile-theme」。

ただ、そのまま入れると文字がデカすぎたり、画面からはみ出たりとしっくりこなかったので、qa-styles.cssを触りました。

なにを触ったかというと、だいたいがフォントサイズを小さくしたり、マージンやパディングを狭めたり、検索窓を消したりといったところです。

で、表示はこんな感じ。

dame3212-net-qa

しっかりadsenseも入れてあります(笑
なお、エージェント偽装したPCで撮ったキャプチャーなので、若干正確ではありません。

Question2Answerはver.17(現在の最新版)なのですが、なにしろ上記テーマが「authored on 11 Oct 2011」とあって4年前のシロモノだったため使えるのかちょっと不安でしたが、今のところ問題ないようです。

あと、QAタイトルをクリックすると、このテーマのqa-theme.phpに書かれているリンクが「../」となってルート直下に飛んでいたので、私の場合「/qa/」に変更しました。

なお、このテーマは下記に紹介されていたものですが、、
http://question2answer.org/addons.php#themes
それ以外にも、有料・無料のテーマが下記にありました。
http://store.q2amarket.com/

Q2Aの初心者ではありますが、いろいろ探っていく予定です。

« 1つ古い記事:

1つ新しい記事: »

Leave a Reply

Trackback URL

記事テーマと関係ないとか、リンクがない場合(一方的TB)、あとアダルトサイトは申し訳ないですが承認しませんので予めご了解ください。またrel="nofollow"つけてるので、SEOのリンクジュースが目的のコメント、TBは残念ながら効果が無いと思います。予めご承知おきください。