FontAwesomeを見出しに適用した際の副作用

FontAwesomeを見出しに適用した際の副作用

- kenzo fukushima の投稿
返信数: 6

当方のサイトでは、各ページの内容を分かりやすくするために、見出しにFont Awesome(アイコン)を記述しています。

サイト上の見栄えは満足しているのですが、いくつか気に入らないところがあります。

  • 完了トラッキングのボックスのヒント表示ではコードがそのまま表示される。
  • 課題提出時に送付されるメールなどのタイトルにもコードがそのまま表示される。

場所によってはアイコン(コード)が表示されないところもあるので、上記もそのように表示してくれればよいのに・・・と思っています。

何かよい方法はないでしょうか?

添付 Image10.png
添付 Image9.png
kenzo fukushima への返信

Re: FontAwesomeを見出しに適用した際の副作用

- Mitsuhiro Yoshida の投稿
画像 Developers 画像 Particularly helpful Moodlers 画像 Translators

以下の内容をお教えください。

  • 現在お使いのMoodleのバージョン
  • 現在お使いのMoodleテーマ
  • 非標準フィルタ「FontAwesome icons」使用の有無

[Moodle plugins directory: FontAwesome icons]
https://moodle.org/plugins/view.php?plugin=filter_fontawesome

Mitsuhiro Yoshida への返信

Re: FontAwesomeを見出しに適用した際の副作用

- kenzo fukushima の投稿
現在お使いのMoodleのバージョン・・・・Moodle 3.5.8 (Build: 20190909)
現在お使いのMoodleテーマ・・・・Edwiser RemUI
非標準フィルタ「FontAwesome icons」使用の有無・・・本日適用してみました。結果は変わらずです。
kenzo fukushima への返信

Re: FontAwesomeを見出しに適用した際の副作用

- Mitsuhiro Yoshida の投稿
画像 Developers 画像 Particularly helpful Moodlers 画像 Translators

ありがとうございます。

「管理 > サイト管理 > アピアランス > HTML設定」ページで「すべての活動名からHTMLタグを取り除く formatstringstriptags」のチェックを外してください。

参考資料:
[Moodle in English: Re: FortAwesome does not render in headings]
https://moodle.org/mod/forum/discuss.php?d=392842#p1584989

添付 Font Awesome.png
Mitsuhiro Yoshida への返信

Re: FontAwesomeを見出しに適用した際の副作用

- kenzo fukushima の投稿
ご連絡ありがとうございます。
指示いただいた参考資料はすでに確認しており、設定も指示通りになっております。
見出しや本文にはアイコン表示は適正に行われており、
課題としては
①完了トラッキングのボックスのヒント表示ではコードがそのまま表示される。
②課題提出時に送付されるメールなどのタイトルにもコードがそのまま表示される。
です。
①に関しては、該当箇所のソースを見ると
<code><img class="icon " src="https://lms.shimaseiki.com/theme/image.php/remui/core/1590468540/i/completion-manual-y" alt="完了: <i class="fa fa-file-video-o"></i>Introduction [4.5 min] 未完了マークするには選択してください。" title="完了: <i class="fa fa-file-video-o"></i>Introduction [4.5 min] 未完了マークするには選択してください。" id="yui_3_17_2_1_1590547347358_293"></code>
アイコンコード(class)がaltやtitle属性の中に存在することになり、制御することはできないのでしょうか?
kenzo fukushima への返信

Re: FontAwesomeを見出しに適用した際の副作用

- Mitsuhiro Yoshida の投稿
画像 Developers 画像 Particularly helpful Moodlers 画像 Translators

現在のところ、HTMLのalt属性およびtitle属性に直接記述したCSSはMoodleの場合でも反映されないようです。

以下の手順でアイコンコード(class)を取り除かれてはいかがでしょうか。

  1. Moodleにサイト管理者としてログインする。
  2. 「サイト管理 > 言語設定 > 言語カスタマイゼーション」ページに移動する。
  3. 「言語カスタマイゼーション」で「日本語 (ja)」を選択する。
  4. 「編集のために言語パックを開く」ボタンをクリックする。
  5. 「ストリングを表示するコンポーネント」セレクトボックスで「completion.php」を選択する。
  6. 「次のテキストを含むストリングのみ」テキストボックスに「完了マークするには」を入力する。
  7. 「ストリングを表示する」ボタンをクリックする。
  8. 表示された標準テキストから「{$a}」を取り除いたテキストを「ローカルカスタマイゼーション」テキストエリアに入力する。
  9. 「修正を言語パックに保存する」ボタンをクリックする。
  10. 「続ける」ボタンをクリックする。

kenzo fukushima への返信

Re: FontAwesomeを見出しに適用した際の副作用

- kenzo fukushima の投稿
自己解決しました。

言語カスタマイゼーションにて、
completion-alt-manual-n
completion-alt-manual-y
submissionreceiptsmall
からコース名の変数を削除し、記述を簡略化しました。
評点平均: お役立ち度: ★★★★★★★ (2)