『WordPressのコメントエリアのサイズを変える』

今日の話題は少しコアな話題です。
　

私はメインのブラウザーをChromeにしています。

ChromeでWordPressで作ったサイトを見る時、テーマによって、コメントエリア(textareaタグを使用)がリサイズされていることがあります。

　
リサイズされる時に利用されるcssは、サイト製作者が用意しているものではなく、

”user agent stylesheet”

と呼ばれるもので、これは、ブラウザーにあらかじめ備わっている機能です。

これにより、ブラウザーごとにコメントエリアの見え方が異なってきます。

　
ある意味便利ではありますが、余計なお世話となることもあります。
　

例えば、見た目が変になってしまう(Chromeで見るとコメントエリアの横幅のサイズがサイトの横幅より大きくなりはみ出す、IEだとはみださないとか)ことがあります。

　
どうしたら、修正できるかと調べたら、方法がわかりました。

　
textarea {
　　resize: none;
}

　
をスタイルシートに追加し、リサイズをやめればいいのです。

　
さらに、幅を固定したいなら

　
textarea {
　　resize: none;
　　width:500px;
}

　
widthを追加し幅を設定すればいいだけです(ちなみにこれは、WordPressに限りませんけどね)。

　
わかればなんてことはないのですが、わかるまではどうすればいいのなと思っていました。

　　
下記のサイトを参考にさせてもらいました。感謝！

正統派アフィリエイト「幸せな成功者を目指す」