WordPress

WordPress★コメント入力フォームをカスタマイズする

投稿日:

Wordpress

 

WordPressのバージョンは4.7.3

コメント入力フォームをカスタマイズする方法です。
変更内容は

1)コメントの入力フォームで不要な部分を非表示にする

2)入力フォームの文言を自由に変更する

 3)コメント表示方法をカスタマイズする←これは次回に。。。

 

1)管理画面から「ディスカッション設定」をする

今回は、匿名でだれでもが気軽にコメントを送れるように設定してみました。

テキストエリアにコメントを入力して送信ボタンを押だけでコメントが反映されるようにします。
そのため、送信制限がかかりそうな部分のチェックをすべて外してあります。

コメントが荒れるようなら適宜送信制限を高くしていく予定。 

ディスカッション設定

 

 

2)コメントの入力フォームで不要な部分を非表示にする

コメント入力フォームの不要部分を非表示にします。

ここでは、「名前」「メールアドレス」「ウエブサイト」を消します。
非表示にするにはCSSを編集するかfunctions.phpにコードを書くかどちらでも可能ですが、今回は他の設定も合わせて行うのでfunctions.phpで非表示にする方法にしました。 

スクリーンショット 2017 03 21 10 58 48

functions.phpに下記のコードをコピペします。

 

add_filter('comment_form_default_fields', 'remove_comment_url_fields');

function remove_comment_url_fields($fields) {
unset($fields['author']);
unset($fields['email']);
unset($fields['url']);
return $fields;
}

これで、「名前」「メールアドレス」「ウエブサイト」が見えなくなりました。

 非表示編集後

 

3)入力フォームの文言を自由に変更する

コメント入力フォームの文言を変更します。

「コメントを残す」「メールアドレスが公開されることはありません」
この2つはfunctions.phpで変更します。
コードはこちら↓

add_filter('comment_form_defaults', 'custom_comment_form');

function custom_comment_form($args) {
$args['title_reply'] = ‘「コメントを残す」のかわりに好きな文章を入力'; $args['comment_notes_before'] = '<p class="comment-notes">「メールアドレスが公開されることはありません」の代わりに好きな文章を入力します。</p>'; $args['comment_notes_after'] = '<p class="form-allowed-tags">テキストエリアと送信ボタンの間に文章を追加したい場合はここに入力します。</p>'; $args['label_submit'] = ‘「コメントを送信」ボタンのラベルを変更する場合はここに入力'; return $args; }

  

「ここに入力してください」はpoファイルを編集するための専用ソフト「Poedit」を使います。
ダウンロードはこちら→https://poedit.net/download 

POファイルというのは、翻訳用に用意されたファイルで日本語の場合は「ja.po」というファイル名です。
実際には「ja.mo」というファイルをWordPressが読み込んで翻訳部分を表示します。
「ja.po」ファイルは「ja.mo」の編集用ファイルになります。
ja.poファイルを保存するとja.moファイルが更新されます。

ワードプレスのPOファイルはここ↓

Languages

「Poedit」でja.poファイルを開くと下のようになります
目的の訳語はかなりしたの方に「Comment [noun]」というソーステキストになっています。
「翻訳」というところに変更したい文章を入力してファイルを保存します。 

Ja po WordPress 4 7 x と languages と Coda

 

本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。

-WordPress

執筆者:

関連記事

Two Way Road Direction Junction  - fietzfotos / Pixabay

WordPress★ACFのカスタムフィールドが空の時は表示させないようにするには

Advanced Custom Fields(ACF)プラグインを使っていれば、簡単なコードで実装可能! Advanced Custom Fields(ACF)プラグインを使っている場合、カスタムフィ …

WordPress★Contact Form 7 で隠しフィールドを設定する

Contact Form 7 と Flamingo のセットで使用中。 Flamingo側の受信メッセージの一覧表示で使うために、送信元となるContact Form 7 に隠しフィールドを設定するこ …

no image

WordPressでメルマガ発行するときのプラグイン

WordPressでメルマガを発行したいとのリクエストを受たのでプラグインをいろいろと探してみました。 以前に書いた「Mail Poet」はすごく使い勝手がよくて良さそうだったのですが、Gmail経由 …

WP★Twenty Seventeenをカスタマイズ02 コピーライト表記

フッター最下部にある「Proudly powered by WordPress」の表記をカスタマイズする方法です。 この部分は下のファイルに記載されているので、「Twenty Seventeen」テー …

WordPress★アイキャッチ画像を自動で設定してくれるプラグイン

  WordPressで記事の投稿時に、自動でアイキャッチ画像の設定をしてくれるプラグインといえば「Auto Post Thumbnail」が有名ですが、最近はなぜかうまく動作してくれず使用 …

サイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。
たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。
プログラム関係のことはもっぱらコピペ派。
自分でゴリゴリ書くことはできません。。。プログラムが分かる人がうらやましいです。
そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。
有志のみなさまに日々感謝しつつ制作させていただいています。