コメント入力スペースを改善いたしました!

こんにちは!
管理人のでぃすこです!

本日の記事はブログの更新についてです。
実は先日ブログデザインをいつの間にやら少し変更したところなのですが、
それに加え今回は読者様からいただいた修正点に取り掛かりました。

いただいたご要望がこちらの2件

「PCでのコメント入力欄も倍くらい広くなると使いやすいかと思います。」
「スマホで見たときコメント欄の幅がおかしい。」

ということで、早速この問題に取り組ませていただきました。
ワードプレスのコメントシステムの仕様は結構めんどくさく、
自分が不要だと思っているものも多く表示されてしまていることが多いです。

そのため、まずは不要な項目の削除、そして入力スペースの拡張を行いました。
スペースの拡張に関しては以下の画像の部分

いじったプログラム部分

狭かったりはみ出したりしているコメントの入力フォームは
.comment-form-comment textarea
で指定をすることができるので、
この中に
width:80%;
を書き加えました。

これによってどの端末で見ても均一に、
指定エリア内の80%の横幅でコメント入力フォームが設定できたかと思います。

結果としては以下の画像になりました。

PCでのコメント欄の見え方
スマートフォンでのコメント欄の見え方

デザインセンスがあるかと言うと全くないような感じですが、
まあとりあえずバグなく動くようにはなりました。


と言うことで、こんな感じのバグがありましたらまたご報告くださいませ〜

カテゴリ一覧

その他
PCパーツ
ガジェット類
雑記帳
レビュー
ニュース
高コスパPCシリーズ
ブログ進捗
便利ソフト紹介
自作ソフト
電子工作
自作ブラウザゲーム
すべての記事
筆者
でぃすこ

動画投稿開始:2019年2月 趣味:秋葉原探索

編集環境:Aviutl+YMM3