「集客」に使うことを徹底的に考えて作ったWordPressテーマ

Q&Aの作り方(deerのショートコードを使う方法)

  
\ この記事を共有 /
Q&Aの作り方(deerのショートコードを使う方法)

WordPressテーマ「deer」のバージョンアップ1.2.1で、Q&Aが作れるショートコードを追加しました。

このショートコードを使うと、以下のようなQ&Aコンテンツが作れます。

(Qの質問をクリックorタップすると答えが開きます)↓↓

どうすればdeerでQ&Aコンテンツが作れますか?

以下のように記述をしてみて下さい。

[q]ここに質問を書く1[/q]
[a]ここに答えを書く1[/a]
[q]ここに質問を書く2[/q]
[a]ここに答えを書く2[/a]
[q]ここに質問を書く3[/q]
[a]ここに答えを書く3[/a]
[q]ここに質問を書く4[/q]
[a]ここに答えを書く4[/a]
ここに質問を書く
ここに答えを書く
ここに質問を書く
ここに答えを書く
ここに質問を書く
ここに答えを書く

Q&Aの作り方

まずは、外観⇒テーマで、deerの親テーマのバージョンが1.2.1以上になっていることを確認してください。まだなっていなければ更新通知が来ていると思いますので、更新をして下さい。

以下のように記述をしてみてください。

[q]ここに質問を書く1[/q]
[a]ここに答えを書く1[/a]
[q]ここに質問を書く2[/q]
[a]ここに答えを書く2[/a]
[q]ここに質問を書く3[/q]
[a]ここに答えを書く3[/a]
[q]ここに質問を書く4[/q]
[a]ここに答えを書く4[/a]

質問部分は[q][/q]で挟む。

回答部分は[a][/a]で挟む。

これを繰り返していくだけです。

ちなみに以下のようにしていただければ、文字だけでなく画像なども入れることができます。

[q]
ここに質問を書く1
[/q]
[a]
ここに答えを書く1
(画像をここに入れる)
[/a]
[q]
ここに質問を書く2
[/q]
[a]
ここに答えを書く2
(動画をココに入れる)
[/a]

↓↓

ここに質問を書く1

ここに答えを書く1

deer

ここに質問を書く2

ここに答えを書く2

長文の質問もあり 長文の質問もあり 長文の質問もあり 長文の質問もあり 長文の質問もあり 長文の質問もあり 長文の質問もあり 長文の質問もあり 長文の質問もあり 長文の質問もあり 長文の質問もあり 長文の質問もあり 長文の質問もあり 長文の質問もあり

画像も入れられます。

ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2

ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2 ここに答えを書く2

  • リスト表示
  • リスト表示
  • リスト表示

Q&Aが動かない場合

キャッシュが残っている可能性がありますので、以下の2点をお試し下さい。

  1. 不具合や画面が崩れているページを強制再読み込みをする
    Windowsの場合:CtrlF5
    Macの場合: + Shift + r(Safariブラウザでは + option + r
  2. シークレットモードや別のブラウザで確認する
    例えば、Google Chromeであればシークレットモードで同じページを確認してみる。
    または、Google Chromeとは別のFirefoxやEdgeなどのブラウザで同じページを確認してみる。

Q&Aの色を変えるには?

今回実装したQ&Aですが、Q(質問)の部分の色を変えることができます。

「外観」⇒「カスタマイズ」⇒「サイトカラー(色)」の中の

  • 23.ポイントカラー背景色
  • 24.ポイントカラー文字色

こちらの色が対応しています。

Aの部分の色はCSSなどを使わないと変更できません。

Q&Aを実装するときの注意点

今回のショートコードは、WordPressテーマdeerでのみ使えるものです。他のテーマに移行すると使えなくなりますので御理解の上、実装していただけたらと思います。

テーマ変更をしても使えるQ&Aを実装する方法はないの?

基本的にはプラグインを使って頂く必要があります。

方法としては、

  1. ショートコード系のプラグインを使う
  2. オリジナルブロック系のプラグインを使う

の2つがあります。

方法1.Q&Aが作れるショートコード系のおすすめプラグイン

Shortcodes Ultimateというプラグインを使うと「アコーディオン」や「スポイラー」というショートコードを使うと、クリックすると開くQ&Aのようなものを作ることができます。

方法2.Q&Aが作れるオリジナルブロック系のおすすめプラグイン

WordPressバージョン5.8以上をお使いの方には、オリジナルブロック系のプラグインを使うという手もあります。

以下、Q&Aが作れそうなプラグインとブロック名をまとめています。

プラグイン名ブロック名
Ultimate BlocksContent Toggle
CoBlocksアコーディオン or FAQ
Arkhe Blocksアコーディオン
Snow Monkey Blocksアコーディオン or FAQ

※注意:ただし、オリジナルブロック系のプラグインを入れると、サイトスピードのスコアが少し下がる傾向にありますのでご注意下さい。

まとめ

今回は、WordPressテーマdeerに新しく実装したショートコード「Q&A」の紹介でした。

結果を出すために、派手さはいらない

「集客」に使うことだけを徹底的に考えて作ったWordPressテーマ

deerのロゴ(白)文字入り

決して多機能ではありませんが、使う機能を必要最低限に限定してシンプルにしているからこそ使いやすい、初心者さんに優しいテーマです。

コメント

メールアドレスが公開されることはありません。

Copyright©WordPressテーマ『deer』,2022All Rights Reserved.