logo

WordPressのプラグイン「JETPACK」を使わずにコメント欄をシンプルにカスタムしてみた

WordPressのプラグイン「JETPACK」を使わずにコメント欄をシンプルにカスタムしてみた

2018/08/16 9:05

 はい、俺です。

相変わらず頭の中はBass、でも手で書いてるのはSass。

これバサー&WEBデザイナージョークね。

 

 

WPコメント欄のカスタム

 

そうそう、こないだブログのコメント欄をいじってみたんですよ。

今後作るサイトでコメント欄をカスタムした形のものを採用したいなと思いまして。

 

 

何かWPのコメント欄って、デフォでゴチャゴチャしてて

ユーザーがコメントしにくい仕様になってますよね。

メアド欄とかURL入力欄とかって敷居が高いというか。

いくら公開されないとはいえ、メールアドレス入力するのも何か抵抗ありますからね。

 

 

で、もっとシンプルに誰もが気軽に足跡残せるような感じにカスタマイズしてみたくて。

 

ほんで調べてみたらWPの公式プラグインっぽい「JETPACK」ってのがよさげやったんですが…

 

これがまた重い!

 

導入してみた瞬間、ページ開くのが10倍くらい遅くなった…

 

という訳で即行で「JETPACK」アンスコしまして…

 

ただただシンプルなコメント欄を目指してコードをいじってみる事に。

いろいろと紹介されてる記事を参考にしながら現在のコメント欄の仕様に変更してみました。

 

いじった箇所は「functions.php」のファイルと「comments.php」のファイル。

※テンプレじゃなくて自作のテーマの方はcomments.phpのファイルも自作しないといけないと思います。

 

 

functions.phpはミスるとすぐサイト真っ白になるので注意しましょうw

 

 

functions.php

 

上記は送信ボタンを「SUBMIT」に変更した例です。

 

 

functions.php

 

で、上記がコメント一式の中からメアドとURLの入力欄を削除した例です。

 

 

 

 

 

comments.php内の例

 

で、これが実際のコメント欄一式のコードですね。

名前入力欄はデフォで「名無し」さんにして、見出しの文言なんかもこの中でいじってる感じです。

後はスタイルとかは自分の好きに当てていけばよいかと。

 

 

はい、今回はWordpressのコメント欄カスタムのお話でした。

たまにはこんな感じでWEBの話も入れていこうかと思います。

 

 

ではまた近いうち!

 

アディオス!

 

 

お気軽にコメントどうぞ!
Feel free to leave me a comment!

新規投稿のプッシュ通知を受け取れます(個人情報入力不要&無料)
※解除する時は再度上記ボタンから解除を選択してください。
  • Category