ナレッジ
Myページ

ナレッジ・ベース

通知設定
通知
guest
0 コメント
古い順
新着順
Inline Feedbacks
View all comments
リクエスト
編集中
修正依頼
有効
精査中
無効
HowTo, Note
H5PコンテンツにCSSを反映させる方法
2022-03-08
UITS_尾藤

H5Pコンテンツはインラインフレームで機能するためテーマのCSSにコードを追記しても反映しません。そのため工夫を要します。

下記の方法は、これによる他への影響などのリスクについて、私自身が理解しないままトライしております。それを踏まえた上で、ご自身の責任でお試しください。

出典
Custom CSS in 2020 | WordPress.org

環境準備

プラグインインストール

iccさんが上げているプラグインをGithubからダウンロードします。

GitHub - h5p/h5pmods-wordpress-plugin

続いてダウンロードしたプラグインをインストールします。

CSSの編集方法

インストール後、【wp-content>plugins>h5pmods-wordpress-plugin-master>styles/general.css】にコードを追記することでCSSを編集できます。

尚、プラグイン内にある「h5pmods.php」ファイルのCSS参照先を「general.css」からテーマの「style.css」に書き換えても機能しません(H5Pコンテンツはインラインフレームで機能するため)。









使

植田屋ITソリューション - 急募
修正依頼
修正依頼はありません

当記事に誤りや不足がございましたでしょうか。
ご指摘いただけますと幸いです。よろしくお願いいたします。

タイトル *
内容 *
修正が必要な箇所やその理由などをお伝えください
  • 修正依頼のタイトル及び内容は公開されます。
  • タイトル及び内容は編集させていただく場合がございます。
  • 送信の内容に関しご連絡させていただく場合がございます。
  • 修正依頼への対応が意にそぐわない場合もございますこと予めご承知おきください。
0
Would love your thoughts, please comment.x