WordPressカスタマイズ・基礎知識TwitterFacebookB!HatenaLINELINECopyWordPressでは標準機能で「ディスカッション」という名前のコメント欄が使えます。「コメントを残す」などのテキストを変更したかったり...色々と自分のサイトに合わせてカスタマイズしたいこともありますよね。目次から目的のカスタマイズをクリックして方法を確認してください。ここではコメント送信フォームの部分のカスタマイズです。コメント欄全体のカスタマイズはコチラみんながやりたい部分は既に解説記事が沢山あるのですが、ここまで出来るか!とビックリするほどカスタマイズする方法をすべてご紹介します。プログラミングやPHPがわからない方でも、手順に従えば出来るようにご説明するのでプラグインも知識も必要ありません!死ぬほど丁寧に説明しているつもりなので、基本はなんとなくわかるんだけど、型通り以上に自分でカスタマイズしたい!という場合にも、仕組みがわかって思い通りにカスタマイズしやすくなると思います。「メールアドレスが公開されることはありません。「コメントを投稿するにはログインしてください」の設定&ログインURLの変更コメントフォームの入力欄を削除・編集するデフォルトのコメントフォームには、入力欄が用意されています。後から投稿したコメントを編集できるようにしたり、サイト所有者からコメントした人に連絡できるようにしたりと色々と役に立つことはありますが、とにかく気軽にコメントを残してもらいたい場合には邪魔になってしまいます。見ただけでもごちゃごちゃしますし、入力必須でなくても入力しなきゃいけない感じで面倒くさそうですよね。一般的なブログでは、名前とコメント欄、またはせいぜいメールアドレスだけで十分な場合が多いでしょう。チェックボックス:次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。テキストエリア(コメントのテキストフィールド)これらの項目をコメントフォーム内から削除するには、comment_form_default_fieldsというフィルターフックを使います。メールアドレス・URLの入力欄を削除する特に需要の多い、メールアドレスとURLの入力欄を削除するコードです。子テーマのfunctions.phpに追加するだけでただただ消えます。//出力内容を空にする消したくないフィールド名の行は削除して利用してください。名前やコメント入力欄自体を削除したいことはあまりないかと思いますが、こういう仕組みなので上記の部分を追加すればすべて削除することも出来ます。WordPressのデフォルト機能で設定できる部分なので、大前提として管理画面からディスカッション設定を調整しておきましょう。管理画面の設定からディスカッションを開きます。コメントの投稿者の名前とメールアドレスの入力を必須にするのチェックを外します。ここを外していないと、名前とメールアドレスの入力欄を削除したのに入力しないと送信できない状態になります。Cookieの保存のためのチェックボックスを表示しないCookiesの項目は、次回同じサイトに訪れたときに、わざわざ入力しなくても良いという機能で便利といえば便利ですが、上記の方法などでメールアドレスやURLを表示しないようにしている場合は不要です。こちらはPHPコードは不要で、ディスカッション設定で無効にできます。オプトイン用チェックボックスを表示しますのチェックを外せば、コメント欄にある次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。名前・メール・サイトなどのラベルやHTMLを書き換えるサンプルサイトで名前とメールのラベルを書き換え、サイトを削除しています。'my_comment_form_customize');名前→名前(ニックネーム)に、メール→メール(ご連絡先)に書き換え、URLは削除しています。※上の方で説明している削除用のコードとこのコードは同じものなので、例と同じように書き換える項目と削除する項目を一緒に書いてください。解説)各フィールドで出力されるHTMLは大体共通なので、名前の項目の中身を例に説明します。/></p>'★のところが「名前」と出力させてる部分です。PHPで翻訳しています。for="author">名前</label>と連結して好きなラベル名に変えちゃいましょう。☆の部分は、WordPressの設定で必須(required)になっていたら、必須マークを表示するという部分です。id="author"...って繋げちゃっても良いです。◆部分はデフォルトのvalueを設定するところなので、cookieで名前を保存したりする場合に使われます。◇部分は、WordPressの設定で必須(required)になっていたらrequiredを出力してバリデーション(入力しないとコメントを送信しない)ようにさせるための部分です。以上を踏まえて、表示するテキストを変えたりHTML要素を加えちゃったりできます。フォーム項目の名前などが同じなら、まるっと自分でHTMLを書いて置き換えてもOKです。'</p>';こんな感じで連結されているコード。先に書いたコードを他の場所に表示するための変数です。;これで締めくくるという形になっています。連結しているイメージなので覚えておきましょう。コメントフォームのコメント欄と名前などの順番を並び替えるWordPress4.4からコメント入力のテキストフィールドが一番上に、名前やメールなどが下に表示されるように変わったらしいです。日本人からするとなんとも違和感のある並び...。コメントと名前のみにしているフォームなら、名前はおまけみたいなものなのでそのままでもいいかも?ただ複数入力項目のあるフォームでは、流れが悪いので順番を変えましょう。functions.phpに追加します。);メールは必須項目ではないので、メールはコメントの下にくるようにしてみました。$comment_field;★部分をフィールドの名前で書き換えて、このセットを並べたい順番に記述していくだけです。「フィールドを一旦削除してから、一番後ろに追加」ということをしているコードなので、後ろに移動したいものだけ順番に追加してください。コメントフォームのタイトル・ラベル・テキスト・文言を変更するここから、すべてcomment_form_defaultsというWordPressのフィルターフックを使ってカスタマイズします。functionから始まるコードの中身で、WordPressの標準機能を変えるためのものです。同じfunctionは一度しか記述してはいけないので、いろんなカスタマイズをする場合でも中身だけを加えたり書き換えたりしてください。'custom_comment_form');ここから編集~ここまでの間の行だけ編集します。xxxxx;の行です。最後の;を忘れないように注意しましょう。下記のカスタマイズ方法では、functionの部分から丸ごと書いていたり、中身の編集部分のみ説明したりするので、この構造を忘れずに自分のカスタマイズしたい部分を編集してご利用ください。フォームタイトル・説明文・項目名などのテキストを変更コメントではなく「質問」にしたい場合や、色々とわかりにくい文章がある場合、消したい文がある場合は、フィールド名に対して設定していきます。'custom_comment_form');「メールアドレスが公開されることはありません。」を削除comment_notes_beforeは、最後のcomment_notes_afterのように、中身を空にすれば非表示になります。'custom_comment_form');それ以外のタイトルや、送信ボタンや、返信ボタンなどはデフォルトで要素ごと非表示にはできずテキストだけ消える形になってしまうので、CSSで非表示にするしかありません。形式にするのチェックを外すと返信自体ができなくなるので消えます。無効しない場合、何段階までにするかで、何回まで返信ができるかどうかが設定できます。コメント欄の高さを変更したいという方が多いと思いますが、コメント欄のラベルの変更、CSSクラスの追加やアイコン追加まで、何でもできます。Awesomeのアイコンを付け、さらにコメント欄を半分ほどの高さにしました。Awesomeのアイコンを追加しました。for="comment">なまえ</label>と連結しちゃいましょう。textareaのrowsで高さを設定しています。