こんにちは。目次にルビをふったのですが、プレビューでルビではなく横に文字が…

WordPress解決済み
ちこさん
ちこ

こんにちは。
目次にルビをふったのですが、プレビューでルビではなく横に文字が書かれて表示されてしまいます。記事の投稿編集画面ではちゃんとしているのですが、プレビューではおかしくなってしまします。どうしてでしょうか。ちなみに投稿編集画面のテキストを見ても問題はないです。投稿してもやはり横に書かれた状態で表示されるでしょうか。
添付の写真で左の図がプレビューで右の上下が編集画面です。
不具合で直しようがないでしょうか。

添付された画像

みんなのコメント 11件

ベストアンサー

ちこさん
ちこさん質問者

同じような仕様にしてみましたが、やはりレビューは同じで横に書かれていました。

ユーザー660さん
ユーザー660さん

そうですか。。。

実際の状況(CSS など)を確認したいのですが、事象を確認できるページの URL をお教えいただけますか?

ユーザー660さん
ユーザー660さん

ありがとうございます。

実際の事象を確認したいのですが、どこかの記事で事象を確認できますか?
もしまだ事象を確認できる記事がない場合は、テスト記事を固定ページなどで作成してください。その際、noindex 設定できるのであればしてくださいね。

ちこさん
ちこさん質問者

丁寧にありがとうございます。
公開しているページは同じような事象が起きていません。そして固定ページを作成してみたのですが、同じような事象は起きずちゃんとルビになっていました。
いま作成している記事がそのようになってしまっているのですが、noindexで公開してみては駄目でしょうか。また後で下書きに戻すと何か問題があるでしょうか。
それから固定ページを作成しようと編集画面で新規作成にすると添付した文言が出てきました。それが原因で起きているのでしょうか。

添付された画像

ユーザー660さん
ユーザー660さん

>いま作成している記事がそのようになってしまっているのですが、noindexで公開してみては駄目でしょうか。
>また後で下書きに戻すと何か問題があるでしょうか。
▶何も問題ないですよ。

>それから固定ページを作成しようと編集画面で新規作成にすると添付した文言が出てきました。それが原因で起きているのでしょうか。
▶今回固定ページで自称が確認できなかった(問題なかった)ということは、そもそもの記事作成方法に問題の原因があると予想されます。普段、どのような流れで記事を作成されているのでしょうか。Word で下書きして、それをそのままコピー & ペーストされていますか?

ちこさん
ちこさん質問者

返信遅くなり申し訳ありません。
公開してみましたので、お時間がある時一度みていただけたら幸いです。記事の題名は「韓国語 ハングルの母音を覚えよう【書き順と発音も解説】」です。
記事の編集の方はWordで作った記事をコピーペーストしているのではなく、普通にWordPressのビジュアルとテキストの両方を使いながら直接編集しています。

ユーザー660さん
ユーザー660さん

お手数おかけしました。とりあえず非公開(下書き)にして OK です。
取り急ぎ。(原因は続けて投稿しますのでお待ちください)

ユーザー660さん
ユーザー660さん

粗方わかりました。
今回のルビが正しく表示されない事象は、おそらく「h2 / h3 見出し」で発生しているかと思います。おそらく見出しではないテキスト部分などでは、正しくルビが振られますよね?(検証お願いします)
なので、プレビューでは正しくルビが振られる仕様となっていたり、固定ページでテスト記事を作成した際も正しくルビが振られたわけです。

で、なぜ「h2 / h3 見出し」でその事象が発生しているかというと、目次プラグインの「Table of Contents Plus」を利用しているためです。「Table of Contents Plus」を利用すると見出し挿入時に「Table of Contents Plus」用のコードが見出しに自動適用されます。おそらく、その自動挿入されるコードが根本的な原因です。
なので、「Table of Contents Plus」の使用を停止すれば、正しくルビが振られるはずです。

別の目次プラグインを利用するか、そもそも目次プラグインの使用を辞めるか、自身で CSS をいじって「Table of Contents Plus」利用時でも正しくルビが振られるようにするか、「Table of Contents Plus」製作者に直接連絡して改修を依頼するか、「Table of Contents Plus」利用時に見出しに正しくルビが振られるようにするカスタマイズを外部に依頼するか、どれかかと。

とりあえず、一時的に「Table of Contents Plus」を無効化して、見出しに正しくルビが振られるかどうかを確認してみてください。

ちこさん
ちこさん質問者

見出しでこの事象が起きているのは確かなようです。見出しでないテキスト部分では起きませんでした。ありがとうございます。
なのですが、実はプラグインを確認してみたのですが「Table of Contents Plus」は使っていません。違うプラグインのせいなのかもしれませんね。プラグインを一つずつ無効化し確認してみます。

質問者からのお礼コメント

ちこさん
ちこさん質問者

とても丁寧に何度も対応していただき、本当にありがとうございました。
とても勉強になりました。
ブログを運営していく中で、学ばなければいけないことがたくさんあることを実感しました。

あなたの経験や知識を共有しませんか?

ほかのユーザーの相談に、コメントで参加してみましょう。

ログインしてコメントするはじめての方は無料登録