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

執筆者:

関連記事

WordPress|twenty seventeen カスタマイズ準備|子テーマをつくる

デフォルトのテーマ「twenty seventeen」をカスタマイズする前の準備 テーマをカスタマイズするには、元になるテーマの子テーマを作り、その子テーマを改造していきます。元のテーマは変更しないよ …

WordPress★オリジナルテーマにサムネイル画像を設定する

  オリジナルテーマを作ったときに、 「外観」>「テーマ」の一覧表示でサムネイル画像が出るようにする方法。 今回のWordPressのバージョンは4.7.3です。 何も設定してなければ、 サ …

WordPress★固定ページに特定の記事を表示させる

やりたかったこと あるカテゴリのトップページとして用意した固定ページに、そのカテゴリの最新の投稿記事を1つだけ表示させる。 動きとしては、 1.投稿記事から該当するカテゴリの記事を絞り込む 2.日付順 …

no image

WordPress★カスタムフィールドを使って関連リンクを手動で埋め込む方法

SEOの「内部対策」のひとつ、 内部リンクの調整で大切なこと SEOには「内部対策」と「外部対策」の二つがあります。 内部対策は、Googleからクロール&インデックスされやすいようにHTMLソースを …

WordPress★「リンクを新しいタブで開く」をデフォルト設定にするプラグイン

ワードプレスで記事をいているときによく使うリンク設定。 大抵は外部リンクなので新しいウインドウで開いて欲しい。 そんなときは、いちいち歯車ボタンをおして、 設定ウインドウを出して、チェックをいれる。 …

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