シンタックスハイライター機能について



  • お世話になります。
    本日、テーマを購入し適用しました。
    そこで質問ですが、記事内で使えるシンタックスハイライター機能を使用したところ、添付のように左側に数字が出ておりません。

    0_1560699228568_Screenshot_2019-06-17 Hello world.png

    以下のページでは、コードの左に数字が表示されています。
    https://jin-theme.com/manual/syntaxhighlighter/

    こちらはどのようすれば数字を表示できますか?

    よろしくお願いいたします。


    マニュアル確認済み
    キャッシュクリア済み
    WordPressのバージョン : WordPress 5.2
    ご利用のサーバー名 : エックスサーバー
    PHPのバージョン : PHP7.2.17
    OS : Windows7
    ご利用のブラウザ : Chrome、Firefox
    該当サイトのURL :


  • administrators

    @poke さん

    こんにちは!JIN運営チームのりょうたです。

    シンタックスハイライターの件ですが、プラグインは何か使われておりますでしょうか?
    キャッシュ系のプラグインやサーバーのキャッシュ機能を使っていると正常に表示されないことがございます。

    ですのでまずはプラグインを全て停止していただき問題が解決するかご確認いただけますでしょうか?
    お手数お掛け致しますが、宜しくお願い致します。



  • りょうたさん

    ご返信ありがとうございます。

    プラグインをすべて止め、念の為、エックスサーバーのアクセラレータもOFFにしましたが、解消されませんでした・・
    ちなみにキャッシュ系のプラグインは使用しておりません。

    りょうたさんのほうでは、シンタックスハイライターが数字付きで問題なく表示されておりますでしょうか?

    よろしくお願いいたします。


  • administrators

    @poke さん

    こんにちは!
    お早いお返事ありがとうございます。
    また、ご確認いただきありがとうございます。

    りょうたさんのほうでは、シンタックスハイライターが数字付きで問題なく表示されておりますでしょうか?

    はい!僕の方では正常に表示されております。
    (SCSSで書いておりますが「CSS」設定でも正常に動いております。。)

    0_1560839269837_スクリーンショット 2019-06-18 15.27.38.png

    シンタックスを使うときおそらくビジュアルエディターから設定するかと思いますが、
    何かしら他のタグが入っている可能性はないでしょうか?

    シンタックスハイライターを設定後テキストで見たときどのようになっているかご共有いただけますと幸いです。
    お手数お掛け致しますが、宜しくお願い致します。



  • りょうたさん

    こんにちは。
    早速のご返信ありがとうございます。

    テキストで見ると以下のようになっています。
    一応、添付と文字、両方で掲載します。

    お手数ですが、ご確認よろしくお願いいたします。

    --
    <pre class="language-css"><code>b{
    font-weight: bold;
    }</code></pre>

    0_1560841021567_Screenshot_2019-06-18 投稿の編集.png


  • administrators

    @poke さん

    こんにちは!
    うーん、いただいたコードをそのままコピペしたんですが、やはり僕の方では反映されていますね。。
    0_1560918265612_スクリーンショット 2019-06-19 13.24.16.png

    見た感じ部分的に読み込まれている可能性があるので一度JINテーマをインストールし直していただくことは可能でしょうか?
    サーバーの速度や通信速度が遅かった場合、テーマが正常に読み込まれないことが稀に起こります。

    ▼ダウンロードページ
    https://jin-theme.com/jin-download-pages/

    ▼手動インストールの方法
    https://jin-theme.com/manual/manual-update/

    上記でも直らない場合、実際のURLをご共有していただきますと幸いです。
    お手数お掛け致しますが宜しくお願い致します。



  • りょうたさん

    ご返信ありがとうございます。
    一度JINテーマを再インストールしてみます。

    念の為、ご確認ですが、現在子テーマを使用しています。(Version: 1.00)
    こちらは有効のままでよろしいでしょうか?

    よろしくお願いいたします。


  • administrators

    @poke さん

    こんにちは!
    子テーマを有効の場合でも、一旦別テーマ(Twenty seventeen等)に切り替えてから再度インストールし直すと良いかと思います!

    お手数お掛け致しますが、宜しくお願い致します。



  • りょうたさん

    ご返信ありがとうございます。
    テーマを削除し、再インストールしてみました(2回)
    ですが、表示されておらず困り果てています…

    URLを記載するので、お手数ですがご確認よろしくお願いいたします。

    https://


  • administrators

    @poke さん

    こんにちは!りょうたです。
    お手数お掛けし申し訳ございません。
    URLの共有もありがとうございます。

    サイトの方を拝見いたしましたところ、「prism.js」「prism.css」を導入されておりますでしょうか?
    おそらくシンタックスハイライターを使うために導入されたかと思いますが、そちらが干渉している可能性がございます。

    一度そちらを削除していただき問題が解決するかご確認願えますでしょうか?
    お手数お掛け致しますが、宜しくお願い致します。



  • りょうたさん

    ご返信頂きましてありがとうございます。

    サイトの方を拝見いたしましたところ、「prism.js」「prism.css」を導入されておりますでしょうか?
    おそらくシンタックスハイライターを使うために導入されたかと思いますが、そちらが干渉している可能性がございます。

    僕もソース上で、確認できました。
    こちらですが、全く導入した覚えはありませんので、元々テーマに入っていたものだと思います…
    りょうたさんのほうには入っておりませんか?

    初期の状態から入っていたもののようなので、削除して良いものなのか。。
    どうしたらよろしいでしょうか?

    お手数ですがご確認よろしくお願いいたします。


  • administrators

    @poke さん

    失礼いたしました。。
    prism.js、prism.css共にJINの標準機能ですので削除しなくても大丈夫です。。

    うーん、となるとちょっとエラーや不具合がなさすぎて解決の糸口が見当たらないですね。。
    ただ、取り急ぎの対応としては、

    <pre class="language-css line-numbers">
    

    シンタックスハイライターの<pre>タグに手動で「line-numbers」のクラスを追加していただくのが手っ取り早いかと思います。
    本当はJavaScriptで自動的にクラスがつくのですが、ちょっとこれは運営側で原因を究明してまいります。

    取り急ぎの解決とはなってしまいますがご対応の程宜しくお願い致します。



  • りょうたさん

    ご返信ありがとうございます。

    ソースを見ると、

    <pre class="language-css line-numbers">
    

    line-numbersというクラスは入っているのに、数字が出ないですよね・・・

    ですが、りょうたさんに教えて頂いたように、直接line-numbersを入れたら、数字が出るようになりました。

    取り急ぎ、こちらで対応しようかと思っていますが、
    毎度その度に入れるのも現実的ではないので、できれば早めに改善いただけると嬉しいです。。

    どうぞよろしくお願いいたします。


  • administrators

    @poke さん

    こんにちは!
    調べてみるとJavaScriptの起動するタイミングにズレが生じてるのが確認できました。。

    ご不便お掛けし大変恐縮ではございますが、出来るだけ早急に解決いたしますので
    何卒ご理解の程宜しくお願い致します。



  • りょうたさん

    ご返信ありがとうございます。

    承知いたしました。

    お手数ですがよろしくお願いいたします!