STINGER7STINGER7:コメント欄をカスタマイズする方法【シンプル掲示板風】WordPress2016.10.03読者様からリクエストがあったので、STINGER7のコメント欄をカスタマイズしたいと思います。今回はシンプルで気軽に書き込める「掲示板風」にするカスタマイズです。こんな感じになります↓WordPressはバージョン4.4からコメントの入力欄の仕様が少し変わっていて、名前やメールアドレスを入力するところと、本文を入力するところの位置が入れ替わっていますね。それを元に戻す方法もご紹介します。今回のカスタマイズはSTINGER7以外の方でも応用できますので、参考にしてみてください。承認制の解除functions.phpをカスタマイズcomments.phpをカスタマイズstyle.cssを編集まとめ子テーマの使用方法テーマファイルをカスタマイズする時は子テーマを使うことが推奨されています。子テーマを使用すると、テーマ本体をアップデートしてもカスタマイズ内容が消えないというメリットがあります。STINGER7の場合は「header.php」を編集する際には注意が必要です。ディスカッション」を開き、コメントに関する設定を変更します。次の設定はお好みですが、承認しなくてもコメントが反映されるようにします。ディスカッションの「コメント表示条件」の項目の「コメントの手動承認を必須にする」と「すでに承認された〜」のところを両方ともチェックを外しておきます↓なぜ承認制にしないのか?WordPressの仕様上、メールアドレスの入力がない場合は承認待ちのメッセージが出ません。承認制にしている場合、普通はコメントをした人が送信ボタンを押すと「あなたのコメントは承認待ちです」と表示されコメントがちゃんと送信できていることが分かります。メールアドレスの入力がない場合は「〜承認待ちです」のメッセージが表示されなくなるため、送信ボタンを押しても何も変化がなく、管理者が承認するまでは確認することができません。送信ボタンを押して何も反応がないと「失敗」したと思って何度も送信しちゃう人もいるかもしれないですよね。いうことでメールアドレスの入力欄を非表示にする場合は「承認制の解除」もオススメします。誰でもコメントできるようになるので、炎上には注意しましょう(笑)スパムコメントは「Akismet」のプラグインを入れておけば大体は防いでくれると思うのでそんなに心配しなくても大丈夫だと思います。functions.phpをカスタマイズ次に「function.php」に下記コードを追加します。そのままコピペでオッケーです。);簡単に説明すると、デフォルトの設定から「アバター」や「返信」の項目をなくしたり、日付の表示方法を少し変えたりしています。{」以下のコードが、WordPress4.4から変更になったコメント欄の入力位置を元に戻すためのコードです。本文」という順番に戻ります。メールアドレス」のような順序のままで良いという方は、21行目以下は削除してください。comments.phpをカスタマイズ次は「comments.php」です。STINGER7をお使いの方は親テーマの「comments.php」をコピーしてから子テーマ内にアップ、その後中身を全て削除して下記コードに書き換えてください。STINGER7以外のテーマの場合は、お使いのテーマの「comments.php」で応用してください。日本語でもオッケーです。‘Message‘,」は赤字のところがコメント入力欄の見出しです↓こちらも日本語などお好きな文に変更できます。”,」はデフォルトの「メールアドレスが公開されることはありません」という文字を非表示にしています。メールアドレスの入力は復活させたい、という人はこの行は削除してください。”,」でメールアドレスの項目を非表示にしています。ディスカッション」の設定も見直しましょう。),」は送信ボタンのコードです。赤字の部分を変更するとボタンの文字を変えることができます。最後にスタイルシートで見た目を整えましょう。以下のコードを子テーマの「style.css」に追記してください。STINGER7以外のテーマの場合はIDやclass名など違うかもしれないので適宜変更してください。block;}}それぞれスタイルを指定している箇所をコメントで記載しているので、カラーや文字の大きさなどお好みで変えてみてください。サイトに合わせて色を変えるだけでも雰囲気が変わりますよね〜(^^)まとめということでコメント欄のカスタマイズ、今回は「シンプル掲示板風」でした。当ブログではメールアドレスはとりあえず復活させることにしました。返信機能も付けたい方は以下の記事を参考にしてください↓STINGER7:コメント欄をカスタマイズする方法【その2】...web-ashibi.net2016.06.24STINGER7のカスタマイズ記事をまとめました↓STINGER7:カスタマイズまとめこのブログでも使用させて頂いているWordPressテーマ「STINGER7」のカスタマイズ記事をまとめました。AMまさかこんなに早くリクエストに応えてくださるとは思いませんでした。本当にありがとうございます。説明が分かりやすいので私のような素人でも簡単に作成することが出来、また編集しやすいようにコメントアウトでルビを振ってくださりと至れり尽くせりな記事で感激しました!次の記事も楽しみに待っています!!厚かましいお願いかと思いますが1つだけお聞きしたいことがあります。コメント欄の名前の横に返信しやすいように番号を付けたいのですが、それは可能なんでしょか?また可能であればぜひやり方を教えて頂きたいです。」の「ul」を「ol」に変えてください。cssに以下を追記すると番号が出ると思います。PMお返事ありがとうございます。DICEさんの仰るようにしたところ無事、番号を付けることが出来ました。おかげさまで思い描いていたものの諦めていたコメント欄を作ることができ、本当に感謝しております。PMいつもお世話になってます。こちらの記事内容を参考にして掲示板風のサイトを作ってみようと思っています。そこで記事一覧(現在投稿日時順)をコメントがついた順に並び替え表示できたらなと思っています。stingerと言うよりwordpressについての質問で申し訳ありません。AM掲示板サイトを作る場合は「bbPress」というプラグインが有名で使いやすいと思います。PMこんにちは、なかなかいいコメント欄のカスタマイズが見つからず困っていましたが、初心者でもできる簡単かつデザインがいいコメント欄のカスタマイズができる、この記事に出会えました。ありがとうございます。PM返信機能を付ける方法は「STINGER7:コメント欄をカスタマイズする方法【その2】」の記事で書きましたので見てみてください。この記事の最後の方にリンクも追加しました。PMありがとうございました。