前提・実現したいこと
以前の質問させていただいた、
「WordPressにシンタックスハイライターの「Prism.js」が反映されない」
で新しいシンタックスハイライターが反映されている事がわかりました。
しかし、
LION MEDIA Childというテーマに元々ある、
コードブロックを表示する機能が残ってしまっている為、
シンタックスハイライターが反映されていないようです。
該当のソースコード
■元のスタイルを無効にする
「【LION MEDIA】highlight.jsを使ってソースコードを綺麗に表示する方法」を参考に、
外観 > カスタマイズ > 追加 CSS に以下のコードを追加
css
1/* Syntax highlight */ 2.content .wp-block-code{ 3 padding:0px; 4 border-left: none; 5 font-size:1.8rem; 6} 7 8@media only screen and (max-width: 767px){ 9 .content .wp-block-code{ 10 padding:0px; 11 font-size:1.4rem; 12 } 13}
このコードはあってもなくても変わらないので、
無効にできていなみたいです…
■functions.phpの編集
functions.php
1/* *** js/cssの読込み *** */ 2function load_extra_files() { 3 // Prism.jsのcssとjsの呼び出し 4 wp_enqueue_style('prism-style', get_stylesheet_directory_uri() . '/css/prism.css'); 5 wp_enqueue_script('prism-script', get_stylesheet_directory_uri() . '/js/prism.js', array('jquery'), false, false); 6} 7add_action('wp_enqueue_scripts', 'load_extra_files');
このコードがないとテーマのコードブロックの表示のままなので、
反映されていると判断しています。
あなたの回答
tips
プレビュー