設置

「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

Categories | ブログ(WordPress) DW Question Answer

ワードプレス Q&Aプラグイン「DW Question & Answer」を実装してみました。

設定方法の備忘録。

 

0502 01 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

■設置方法

・ワードプレス管理画面にログイン>プラグイン>新規追加

・プラグインの検索で「DW Question & Answer

・インストールして有効化

 

0502 02 400x209 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

有効化するとダッシュボードに「Questions」項目が追加され、固定ページに

2ページ生成される。それとウェジェットが4種類追加。

 

dw 01 400x252 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン「Questions」項目

 

de 02 400x242 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン固定ページ

 

 

■ 設定方法

・まずは自作した日本語化ファイルをサーバーにアップロード。

ファイル2つ「dwqa-ja.po」「dwqa-ja.mo」をFFFTPで、サーバーに直接アップロード。

アップロード先:***/wp-content/plugins/dw-question-answer/languages/

日本語化ファイルはこちらのページからダウンロードできます。

DW Question Answer 日本語化|ファイルダウンロード

 

 

・固定ページ(2ページ)の編集

【 1 】 DWQA Ask Question 質問をするページ(フォーム)

【 2 】 DWQA Questions 質問の一覧を表示するページ

 

【 2 】を、当サイト用にタイトルとスラッグをカスタマイズ。

de 05 400x66 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

【 1 】もカスタマイズ。

de 04 400x65 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

 

・【 2 】をメインページとして設定

ダッシュボード > 設定 > 表示設定 > フロントページの表示

固定ページにチェックを入れ、フロントページをプルダウンメニューから選択。

de 06 400x156 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

・固定ページ(2ページ)のプラグインの紐付け

ダッシュボード > Questions > 設定 > 一般的

de 07 400x193 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

「質問リストページ」と「質問するページ」を固定ページから選択。

※ここの設定では質問・回答のセッティングも行える。

 

 

・一般的 設定

ダッシュボード > Questions > 設定

Question Settings

・Archive Page Show At Most  1ページに表示する質問数。

・Before A Question Appears  質問を承認制にするか?

 

Other Question Settings

Allow members to post private question.    ????

Disable question status feature.  回答受付中・解決済などを非表示。

Display status icon on the left side. ユーザーのアバターが受付中・解決済のアイコンに。

 

Answer Settings
Answer Listingb 一つの質問ページについてのすべての返事を表示。

 

Captcha Settings
質問するページにキャプチャを使う項目が表示。
どう使っていいか分からないので、未設定にしておく。

 

 

 

 

・パーマーリンク設定

デフォルトでは、質問の投稿名がURLの末尾に表示される。

ドメイン/question/投稿名

これだとアドレス(URL)が長くなり過ぎるので、post_idに変更。

function.phpに下記を追記する。

 

add_filter('wp_unique_post_slug', 'change_post_slug', 10, 4);
function change_post_slug($slug, $post_ID, $post_status, $post_type){
  $postTypeArr = array(
      'dwqa-question'
  );
  if(in_array($post_type, $postTypeArr)){
    $slug = $post_ID;
  }
  return $slug;
}

 

テーマ内にfunction.phpが無ければ作って、サーバーにアップする。

ドメイン/wp-content/themes/テーマ名/function.php

 

※ DW Question & Answer は独自のパーマリンク設定を行っている為、

DB>設定>パーマリンク設定では制御できない。よって、この方法で投稿の際、

スラッグ「投稿名」を「post_ID」に差し替える。

 

 

・メール設定

ダッシュボード > Questions > 設定 > Emails

※ 投稿があると管理者に通知される機能。設定にはユーザー登録している方にも

通知する項目があるが、これは無料版だとユーザー登録機能が備わっていないので、

専用の有料拡張プラグインが必要なんだが、

Email settings

New Question Notifications

New Answer Notifications

New Comment to Question Notifications

 

BuddyPress(無料プラグイン)を導入(インストール)し、DWQAと紐付けすれば

それが可能になる。この設定方法は後に説明いたします。

「BuddyPress」を「DW Question Answer」に連携

 

 

 

 

■ 実装後

0502 03 400x301 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

デフォルトだと文字サイズやレイアウトなど、好みでないところが出てくると思う。

よって、最低でもHTML・CSSの知識がないと実装はムズイ。

 

いけてないことが判明。

投稿時に画像が挿入ができない。ってか、やりかたが分からない。

ソース?

 

0502 04 400x302 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

自作テーマだからだと思うが、質問投稿時に「スタイル」での記述ができない。

他のテーマで検証すると問題なく使えるな・・・。

 

それから、回答にベストアンサーを選んでも、その質問は閉じられない。

手動で「受付終了」をするシステム。

ベストアンサーボタンがどれだか分かりづらいし、インパクトなし。

 

基本的には、匿名の質疑応答には使えるが、登録制であればこのプラグイン単体では

利用できない。

しまい

Comment(0) | Trackback(3)

TAGS: / / / / / / / / / | 2016年5月2日 |

LightboxとIE9の相性 Lightbox2の設置法

Categories | ホームページ

当方IE9はあまり使うことがなく

殆どは「Firefox」か「Chrome」。

で、たまたまIE9で自分が作ったホームページ見てみたら、

あら? Lightbox が無効になってるし。

ひょっとしてと、旧IEバージョンで確認してみたが問題なし。

どうやらIE9だと相性悪いみたいですね。

で、今年春にLightboxがv2.51にバージョンアップしてるってことで

投与してみました。

ダウンロード先はこちら

http://lokeshdhakar.com/projects/lightbox2/

2012 0913 LightboxとIE9の相性 Lightbox2の設置法解凍後、

いらない物は捨てまして、必要なものだけを「lightbox」フォルダにスッキリ格納。

中身はこんな感じ。

2012 0913 2 300x206 LightboxとIE9の相性 Lightbox2の設置法

必要ファイルは7つだけです。

ファイル内を数箇所書き換えます。

lightbox.css の 114行目と119行目

2012 0913 3 400x96 LightboxとIE9の相性 Lightbox2の設置法

絶対パスで記述しておくと確かです。

lightbox.js の 51行目 52行目 

2012 0913 4 400x74 LightboxとIE9の相性 Lightbox2の設置法

こちらも絶対パスで記述しておくと確かです。

<head> ココ </head>  に こう記述する

<script type=”text/javascript” src=”設置したディレクトリ/lightbox/jquery-1.7.2.min.js“></script>

<script type=”text/javascript” src=”設置したディレクトリ/lightbox/lightbox.js“></script>

<link rel=”stylesheet” href=”設置したディレクトリlightbox/lightbox.css” type=”text/css” />

赤文字は格納されている場所(ディレクトリ)をご理解の上、それそうの変更をする。

最後にrel=”lightbox[roadtrip]” を記述する。

<a href=” ” rel=”lightbox[roadtrip]” title=” ”><img src=” ” ></a>

以上

Comment(0) | Trackback(1)

TAGS: / / / / / / | 2012年9月13日 |

WordPressをXREA(サーバー)にインストール

Categories | ブログ(WordPress)

久しぶりにサーバーの管理画面見たら

変わってるし・・・(汗

何血迷ったか、ワードプレスのインストールを練習してみた (爆

以前の管理画面からのインストールは、WPが古いバージョンだったので

ややこしいことしながらのサーバー設置だったが、

今回はめちゃ楽にインストールできました。

でぇ、ここに詳細を残す。

1. サーバーの管理パネルでデーターベースを作る。

2012 0607 0011 400x205 WordPressをXREA(サーバー)にインストール

・MySQL 選択にチェックを入れ

・パスワードはFTPパスワードの前8文字。

・文字コードは「UNICODE」を選択。

2.作成ボタンをポチっ2012 0607 002 400x205 WordPressをXREA(サーバー)にインストール

ホント1~3分で反映されます。

3.WordPress3.2.1 (ブログ)をインストール2012 0607 0031 400x205 WordPressをXREA(サーバー)にインストール

注)インストールする前に、サーバー内に設置場所(ディレクトリ)を作る。

自動で生成されないので、自分で作ってくさい。

デフォルトは「wordpress」だが、私は「blog」に変更。

因みにインストール後に設置場所「blog」ディレクトリ作っても問題なかった。

4.インストールボタンをポチッ

2012 0607 004 400x205 WordPressをXREA(サーバー)にインストール・あっちゅーまにインストールされ2・3分で反映。

ここから先はどうするん?

とりあえずブログにアクセスしてみる。

http://www.××××.×××/blog/

すると・・・

2012 0607 005 400x101 WordPressをXREA(サーバー)にインストールなんちゃらファイルが見つからない。

ってことで「設定ファイルを作成する」をポチっと。

2012 0607 006 400x246 WordPressをXREA(サーバー)にインストール「次に進みましょう」をポチッと

5.必要情報を3箇所入力

2012 0607 0071 392x400 WordPressをXREA(サーバー)にインストール

必要情報は後で変更できる。

入力後「WPをインストール」ポチっと

2012 0607 008 400x108 WordPressをXREA(サーバー)にインストール

「インストール実行」ポチっ

2012 0607 009 400x198 WordPressをXREA(サーバー)にインストール

 成功しました!

ですって ^ ^V

サクサクやれば10分 も掛からない作業です。

追記

これだけでは投稿の際、画像をアップロード出来ません。

こちら↓の記事読んでくさい。

WordPress(ブログ)で画像がアップロードできない!?

しまい

Comment(0) | Trackback(0)

TAGS: / / / / / / | 2012年6月7日 |