サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2020年7月19日 16:51
いつもお世話になっております。
プラグイン mathjax で数式を使っていて、アドバイス頂きたく思い、書き込ませて頂きました。
という記事を拝見しておりまして、今回は、latex をもし機能化するにしても、どっちみち私みたいな初心者対応が必要だと思われる点としても、相談させてください。
PCだとそれほど気にならないのですが、モバイルにすると、幅が足りずに latex で記述した数式が途中で途切れてしまいます。
まあ、みなさん、同じことで悩んでいるだろうと、必死にググりまして、css で、横スクロールを出す解決策でみなさん対応されていることが分かりました。
https://nei4sty.com/wordpress-tex/
ですので、私も ベタに、<div class="horizontal-scroll">で括って、自動スクロールさせてみました。
<p class="has-medium-font-size"><div class="horizontal-scroll">●[mathjax] \( \displaystyle \bf インタレスト・カバレッジ・レシオ=\frac{EBIT}{支払利息} \)</div></p>
該当ページは下記のとおりです。
https://management-accounting.biz/interest-coverage-ratio/
そうでない、ページは完全に数式が見切れております。
例えば、下記ページのようにです。
https://management-accounting.biz/degree-of-total-leverage/
横スクロール以外の上手いやり方がもしございましたら、ご教授頂けないでしょうか。
横スクロールで機能的には十分なのですが、ちょっと見栄えが悪いと考えております。後は、フォントをレスポンシブに小さくしようかなという手段ぐらいしか思いつきません。
よろしくお願いいたします。
＜追申＞
ここからは、冒頭の質問から少々逸れて、単なるつぶやきです。Latex は、Cocoonの場合、内部ブログカードでは、きちんと読み込んでいただけるのですが、新着記事リストのショートコードで、スニペットを表示させると、変換されない仕様になっているようです。
＞内部ブログカードでうまく latex が表示されているページサンプル（数式が見切れているサンプルページと同じ）
https://management-accounting.biz/degree-of-total-leverage/
＞スニペットが文字列のままで表示されているページサンプル（実は、トップページにそれが存在しています）
https://management-accounting.biz/
数式は、画像ファイルで置き換えるか、ベタにテキストで表現するか、ブログの作成方針を悩み中です。
2020年7月19日 19:08
申し訳ないですが、プラグインの動作問題に関しては、基本的にはサポートの対象外とさせていただいています。
プラグインの問題は、プラグインの作者に頼むしかないのかもしれません。
僕はそのプラグインをあまり使ったことがないので、詳しいことはわからないのですが、ちょっと見た感じでは、その問題を何とかするには、横スクロールを使うしかないのかもしれません。
見た目的にもう少しということであれば、CSSのメディアクエリを使ってスマホ端末とかでは、文字サイズを小さくし調整するというのも一つの手かもしれません。
以下の添付画像は、font-size: 10px;にした状態です。
BizH reacted
トピックスターター 2020年7月19日 20:02
わいひら様
お忙しい中、ご返答頂きありがとうございます。
そうですよね、よそのプラグインの問題でした。大変失礼しました。
技術的に、横スクロールかフォント小さめを使うで回避できる、という点、ご確認頂きありがとうございました。
対処法へのコメントありがとうございました。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。