書きたい記事を書きたいように書くFreeブログ

かきてぃーのプロフィールはこちらをクリック!

wordpressテーマ『Seal』自分の返信コメント位置を修正する

 
 
スポンサーリンク
スポンサーリンク
この記事を書いている人 - WRITER -
かきてぃー
21歳に社会へ出て荒波に揉まれ逃げること数回。 2013年にネットビジネスに出会い色んなことに挑戦。無料ブログ系・物販アフィリエイト・ブログアフィリエイト。が、2度挫折し3度目再始動中。 現在の管理サイトはメイン4つのサブ20で合計24サイト運営しています。 主な稼ぎはWEBコンサルやHP制作、FXで月数十万の稼ぎです。 IT業界で学んだスキルを活かしたツールの紹介やテーマ・プラグインのカスタマイズ、実体験を元にした体験記事をメインに書いています。
詳しいプロフィールはこちら

Sealのテーマに変更して色々バグを修正しています。

今回の記事はコメント欄に関するバグです。

こちらをご覧ください。

よーく見ると、自分の名前「かきてぃー」が日付に丸被りしていることが分かります。

今回はこちらを修正していきます。

まずはデベロッパーツールで調査

「F12」を押下していつものように、ソースを確認します。

で、自分の名前のエリアを確認すると…

なんか、いろいろ微妙です。

float:leftはちょっと意味が分かりませんが、恐らくimgと同じ階層でソースが作られているため、imgと横並びにしたかったと推測します

現在の構成はこんな感じ

やっぱり微妙…

とにかく、コメント画像と名前を横並びにしたいのに、同じ<div>で囲い<img><cite>をそのまま置いているのが違和感あります。

<dl>とか<ul>で囲い、display:blockとかで同じエリアとすれば綺麗になるような気がしますけど…。

理想的なのはこんな感じかな?

これで、cssを調整してカスタマイズすれば綺麗になりそうなイメージです。

とはいっても面倒なので、今回は簡単に修正できる方法を載せておきます。

スポンサーリンク

ひとまずコメント主の名前をキレイに表示する

とりあえず、綺麗に表示すればイイ!

という方も多いのではと思われますので、ひとまず綺麗に表示する方法を載せておきます。

を子テーマの「style.css」に追加するだけです!

これだけでキレイに表示されます!

 

かきてぃー
今回は、暫定対応ということで、ここまでにしておきます。まずはバグの全体像を把握して全て終わった段階でソースも綺麗にしていこうかと。
かきてぃー
では、本日もお疲れ様でした!

 

テーマを変更しました

人気が高いテーマ「Seal」です!
使い勝手はもちろん、高機能 + SEOに強いテーマとなっているので大満足のかきてぃーです。
気になる方はデモ画面でもみてチェックしてみて下さい!
この記事を書いている人 - WRITER -
かきてぃー
21歳に社会へ出て荒波に揉まれ逃げること数回。 2013年にネットビジネスに出会い色んなことに挑戦。無料ブログ系・物販アフィリエイト・ブログアフィリエイト。が、2度挫折し3度目再始動中。 現在の管理サイトはメイン4つのサブ20で合計24サイト運営しています。 主な稼ぎはWEBコンサルやHP制作、FXで月数十万の稼ぎです。 IT業界で学んだスキルを活かしたツールの紹介やテーマ・プラグインのカスタマイズ、実体験を元にした体験記事をメインに書いています。
詳しいプロフィールはこちら
スポンサーリンク











コメントはこちらです

Copyright© 書きタレ , 2013 ~ 2018 All Rights Reserved.