プラグイン

Jetpackのコメント欄の下に不要な余白ができる

  

0
(0)

Jetpackにはいつも大変お世話になっています。

Jetpack

 

Jetpack by WordPress.com
The ideal plugin for stats, related posts, search engine optimization, social sharing, protection, backups, security, and more.
Jetpack by WordPress.com

しかし、コメント欄に以下のような気になるスペースができるんですよね。機能には影響ないんですが。

Jetpackコメント欄ー前なのでこのスペースを削除してみましょう。と言ってもプラグインを直接修正してしまうとアップデートの度に修正箇所が消えてしまう可能性があります。

CSSで調整する方法

今回は違うやり方を試してみましょう。Chromeで検証してみると、comment-formで高さが410pxに指定されています。

Chrome検証画面

 

今回はStyleシートで高さ指定を上書きしてしまいたいと思います。

$wordpress/wp-content/themes/affinger5-child/style.cssを編集します。

/* JetPack コメント欄対策用 http://webmateria.co.jp/jetpack-comment/ */
form.comment-form iframe {
 height:115px !important;
}

form#commentform iframe {
 height:115px !important;
}

/*media Queries スマートフォンとタブレットサイズ(959px以下)で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/

これで直るはずです。

Jetpackコメント欄ー後

以下のサイトを参考にさせて頂きました。

WordPress案件に特化した制作会社ウェブマテリア-全国対応可! Web Materia INC.
全国からCMS案件(WordPress)を含めたウェブ制作業務全般を承ります。緊急案件にも随時対応可能!まずはお気軽に無料お見積もりを
Array

ありがとうございました!

文言自体を消す方法

そして、もう一つご紹介する方法はもっと簡単です。設定メニューのJetpack→Akismet Anti-Spamから設定画面に入り、Wordpressせって画面

コメントフォームの下にプライバシーに関する通知を表示する、のチェックを外しましょう。具体的にはプライバシーに関する通知を表示しない、にチェックを入れます。Akismet設定画面

これでそもそもスペースを生み出していた原因の、このサイトはスパムを低減するためにAkismetを使っています。コメントデータの処理方法の詳細についてはこちらを御覧ください。という文言自体が消えることになります。

WING(Affinger5)について

このサイトはWINGで構築しています。パーツが豊富で非常に使いやすいのでむしろ初心者にお薦めです。このテーマを使えばコンテンツの作成に集中できると思います。

詳しくはコチラ

記事は以上!

この記事は役に立ちましたか? | Is this article useful for you?

評価をお願いします | Please leave your rating.

平均 | Av.: 0 / 5. 投票数 | Votes: 0

最初の評価を下さい | Please vote for the first rating.

-プラグイン
-, , , , ,

© 1999 - 2020 蒲田ネット