ナレッジ
Myページ

ナレッジ・ベース

通知設定
通知
guest
0 コメント
古い順
新着順
リクエスト
編集中
修正依頼
有効
精査中
無効
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