Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › コメントの「返信」ボタンを右に寄せたい
- このトピックには7件の返信、2人の参加者があり、最後に
Laにより9年、 3ヶ月前に更新されました。
-
投稿者投稿
-
-
2017年6月12日 5:36 PM #53070
La
ゲストSimplicity2.5.5を導入しカスタマイズをしようとしています。
ただ、PHPなどの知識がまったくなく手探り状態で、どうにも思ったように組めません。
助言をいただけるとうれしいです。すでに書かれているコメントに対して「返信」ボタンが出ると思いますが、これを右端に表示したいです。
自分でもいろいろ試してみて変身ボタンの作成やらは出来たのですが、右に寄せるやり方がよくわかりません。現物はこのサイトです。
http://14tz.net/1
まだほとんどいじっていませんが、自分用にメモしていた変更点メモ等に本文からリンクを張っておきます。よろしくお願いします。
-
2017年6月12日 7:34 PM #53087
わいひらキーマスターstyle.cssに以下のように追記すれば多分いけるのではないかと思います。
.comment-edit { display: block; text-align: right; } -
2017年6月12日 8:23 PM #53099
La
ゲストできました!
ありがとうございます。ただ、これでなぜできるのかがよくわかりません…。
comment-editの外に出したつもりでいたreplyがeditの中にはいってしまっているのもよくわからないのですが、CSSの解説サイトを調べてみるとどこも「text-alignはインライン要素に使うモノだ」と書かれています。
display: block;はインライン要素をブロックとして扱うための指示であるはずなのに、なぜブロック化するとtext-alignが働くようになるのでしょうか。おまけにブラウザ(Firefox)でページのソースを表示してみたら、コメント部分の</div>が数はあっているようにみえるのに1個ずつ余計で開始タグが見つからないとか文句言われるし…。
元ソースの<div>は触っていないはずなのですが。 -
2017年6月13日 5:01 PM #53114
わいひらキーマスターdisplay: block;はインライン要素をブロックとして扱うための指示であるはずなのに、なぜブロック化するとtext-alignが働くようになるのでしょうか。
ブロック要素とすることで、中にあるものに対してtext-alignが働くようになるというか。
これに関しては、僕が説明するより、Googleなどで検索してちゃんとした説明をしっかりと読んだ方が分かりやすいかと思います。おまけにブラウザ(Firefox)でページのソースを表示してみたら、コメント部分のが数はあっているようにみえるのに1個ずつ余計で開始タグが見つからないとか文句言われるし…。
元ソースのは触っていないはずなのですが。手元の最新版のソースコードを見た限りでは、そのようにはなっていませんでした。Wordpressは、プラグインやなんやかんやが干渉して不具合を起こすことがあるので、手元のファイルに問題がない上、僕も原因はわからないです。
-
2017年6月16日 8:36 AM #53193
La
ゲストブロック要素とすることで、中にあるものに対してtext-alignが働くようになる
なるほど…?
軽く検索してもそれらしい情報が見つかりませんでしたが、もうちょっと自分で探してみようと思います。手元の最新版のソースコードを見た限りでは、そのようにはなっていませんでした。
私の方でも、コメントの返信ボタンを書き加えなければdivのエラー表示は出ないのでプラグインなどではないと思うんですよね…。
よくわかりませんがとりあえず表示はできてるので後回しにします。 -
2017年6月16日 5:47 PM #53202
わいひらキーマスターコメントの返信ボタンを書き加えなければdivのエラー表示は出ないので
PHPでカスタマイズして返信を書き加えているのですか?
-
2017年6月26日 8:24 PM #53486
La
ゲスト当初、返信機能がコメントアウトされているだけだということを見落としていて、新しく書き加えていました。
現在は元ソースのコメントアウト部分をそのまま使っていますが、やはりエラー表示は出ます。
ただ、まぁ実害はないので別にいいかなと思ってそのままほうってあります。 -
2017年6月27日 12:52 AM #53493
La
ゲスト申し訳ありません。
よくよく見直してみたところ、spanが本来「始,終,始,終」となるべきで、そうなっていると思っていた場所が、”/”を入れ忘れて「始,”始”,始,終」になっていました。
私がいじって試していたときに誤って消してそのままになっていたようです。なぜdivの方にエラーが出ていたのかよくわかりませんが、これを直したらdivの赤字もなくなりました
-
-
投稿者投稿
- トピック「コメントの「返信」ボタンを右に寄せたい」には新しい返信をつけることはできません。