preのテキストハイライトがされないのですが。。。

Simplicityの特徴 › フォーラム › 不具合報告 › preのテキストハイライトがされないのですが。。。

  • このトピックには20件の返信、2人の参加者があり、最後にHidekichiにより9年、 11ヶ月前に更新されました。
20件の返信スレッドを表示中
  • 投稿者
    投稿
    • #46264
      2001Y
      ゲスト

      HTMLやCSSなどをハイライトして表示したいなと思っていたのですが、<pre>や<pre class='CSS'>などといれてもひょうじされないのですがどうすればよいのでしょうか。
      対象ページ

    • #46298
      アバター画像わいひら
      キーマスター

      Autoptimizeプラグインが入っているようなので、一度offにしてみてください。
      Simplicityと相性の悪いWordPressプラグインまとめ

      また、それでも改善されない場合は、一旦親テーマのみ適用して、ハイライト機能がオンになっていることを確認して、動作を確認してみてください。

    • #46313
      2001Y
      ゲスト

      Autoptimizeを停止したら確認できましたが、追尾しない件関して再発してしまいました。
      Autoptimizeを使用しながら<pre>を動作させる二はどうすれば良いのでしょうか。

    • #46319
      アバター画像わいひら
      キーマスター

      Autoptimizeを使用しながら<pre>を動作させる二はどうすれば良いのでしょうか。

      申し訳ないですが、サポート対象外のものにもあるように、個々のプラグインによって出る不具合までは、ちょっとサポートする余裕がないです。
      調べるにしても、どのくらい時間がかかるのか、ちょっと見通しが立たないもので。他にもやらなければいけないことがあるので申しわけないです。

    • #46329
      2001Y
      ゲスト

      そうですかありがとうございます。
      Autoptimizeの対象にJavaScriptを消したらうまく動いたのでそうしていますが、highlightのJavaScript名派なんでしょうか。
      見たところpage.jsというものが見えるのですが。。。
      そこだけ無効化して見たら良いのかなと思いまして。

    • #46338
      hidekichi
      ゲスト

      親テーマのhighlight-jsフォルダにある、highlight.min.jsがそれかと思います。

      Autoptimizeで除外するなら親テーマのjavascript.jsも除外しておくほうが良いです。
      目立ったエラーはないですが、縮小化した時にエラーになりそうな箇所はあるので。
      どうしても使いたいなら、javascriptには手を入れずcssだけに利用するとか。配布されている多くのjavascriptは縮小化してありますし、たかがテキストなのでそれだけでべらぼうに速くなったりしません。

      例えばGoogleのpageSpeedInsightとかでは、縮小化してくださいとか、後どれぐらい縮小化できるかがありますよね?
      同ページ内にGoogleが自動で最適化してくれたファイルをダウンロードするリンクがあって、それをダウンロードして適用すると、次のテスト時に同じように、縮小化できるファイルがありますというので出てきます。

      おいおいなんだよこのまま続けたらサイズが0になるんじゃないか?と言う話です。最適化ファイルはお前んとこのを使ってんだよってことですよね。つまり、あれらは指標であってそうするとより良いですよと言う提案なわけです。なのであの通りにしたらどうなるとかそういうものではありません。指示に従ってある程度まですればもちろん少なからず改善はされるわけですが。

      結局webページは全てを速く読み込む必要はなく、速く読み込んでいるように見せられればよいのです。
      スクリプトの縮小化や最適化はもちろんその手段の一つですが、ページ内の画像を1枚減らせればそんなスクリプトごときのサイズなんて余裕で軽減できますよね。
      つまりはそういうことです。

      AMPが速いとか云々の話もありますが、速いように書き換えてんだから速いに決まってんじゃんって事ですよ。なんなら何の面白みもない素のhtmlでテキストだけで配信してやろうかと言うことです。
      うちのサイトはキャッシュプラグインも利用していない(できないので。サーバー側では何かしらやってるかも知れませんが、僕はノータッチ)、生のwordpressの出力したhtmlとcssやらですが、重いなぁと思う時はたいてい広告を読み込んでいるときで、もしアドブロックやトラッキング防止機能がついているなら、そこそこ速く読み込むと思います。
      いくら遅いwordpressと言えど、この程度にはなるんです。しかも無料で。2秒以上読み込みに時間がかかると訪問者が減ると言うふうにGoogleは言いますが、そんな応答速度でかつ最適化しないといけないような環境を(無料で)作れるかよ!!と言う話ですよ(笑)

      なので、Autoptimizeは今はまだ利用価値アリなプラグインですが、あと数年の後、なんであんなの使ってたんだろ?と言う時代が来るかも知れませんよ。

      Autoptimizeを使うぐらいなら、静的なhtmlファイルで書き出すプラグインがあるので、それを使うほうが圧倒的に速いだろうと思います。使ってないのであくまで予想ですが。

    • #46424
      2001Y
      ゲスト

      hidekichiさん

      ありがとうございます。
      そうですよね。前はlivedoorを使ってました。.htaccessなどの利用もできなくなんどもWordPressに乗り換えましたが結局livedoorへ。
      やっと、WordPressで落ち着いた感じです。どうしても高速化して見たくなったりCSSいじりたくなってしまうものですねw

      Lightboxがされないんですよね。。。
      URL先はメディアファイルでいいんですよね?

    • #46426
      2001Y
      ゲスト

      こちらを見ました。
      親ファイルを変更する以外に方法はないのでしょうか。

    • #46437
      hidekichi
      ゲスト

      > 親ファイルを変更する以外に方法はないのでしょうか。

      親テーマのasyncとdeferをキャンセルするのであれば、

      function defer_async_scripts( $tag, $handle, $src ) {
        return $tag;
      }

      とかを子テーマfunctions.phpに書けばひとまずキャンセルできそうです。必要であれば子テーマにうちの記事ので書けば同じことです。

      > Lightboxがされないんですよね。。。

      lightbox自体は動いてそうなので、lightbox自体に問題があるのかも知れません。lityで試してみてはどうでしょうか?
      うちではどちらも動作しますが、何かとの組み合わせがまずとかそういうことがあるかも知れないので。

    • #46458
      2001Y
      ゲスト

      動画
      こんな感じで動作してなくもないんですが。。。。

    • #46479
      hidekichi
      ゲスト

      ぁぁわかりました。

      imgの周りを囲んでるaタグにtarget=”_blank”が入ってますやん(笑)
      これ外せば普通に動作すると思います。

    • #46481
      2001Y
      ゲスト

      編集時は入っていないのですがPhotonが原因でしょうか。。。と思ったのですが違うようです。。。
      これって自動で入ってしまうのでしょうか。。。

    • #46486
      hidekichi
      ゲスト

      別の投稿のこのレスでfunctions.phpに書いてある

      function autoblank($text) {
      $return = str_replace('<a', '<a target="_blank"', $text);
      return $return;
      }
      add_filter('the_content', 'autoblank');

      が原因でしょうね。

      例えば自分のサイト以外のリンクは_blankにするなどの方法にしたほうが良いかも知れません。あるいは任意のクラスをつけたリンクだけとか、別窓で開く条件がわかれば、それを元にjQueryでつけたほうが便利かも知れませんね。

    • #46490
      2001Y
      ゲスト

      その通りですねw
      どうして追加してあったんでしょうかw

      僕の場合、画像は全部、target=”_blank”、入らなくて、その他のリンクには全部、target=”_blank”、があっていいのですが、functions.phpの書き方を教えていただけないでしょうか。

    • #46494
      hidekichi
      ゲスト

      自分のドメイン以外のaにはtarget=”_blank”を入れると言う感じなら、

      (function($){
        $(function(){
          $("#the-content")
            .find("a")
            .not([href*='"+location.host+"']")
            .attr("target","_blank");
        });
      })(jQuery);

      こんな感じですかね。javascript.jsに追記します。

      他にもこんな感じとか。
      何を除外するか、何を対象とするかでやり方は異なります。

    • #46520
      2001Y
      ゲスト

      う〜んと、画像のリンク付きのみtarget=”_blank”を入れないというのはどうするのでしょうか。
      それ以外は入れたいです。

    • #46522
      hidekichi
      ゲスト

      「画像のリンク付きのみ」ってのは、例えば、

      <a href="#">
        <img src="#">
      </a>

      こういうことですか?

      前提としてlightboxのリンクは外す必要があるので、リンクのサンプルの!targetの条件部分に、

      if (!target && !$(this).children("img").length) {

      こうしたらa直下(子要素)に画像があるものははじけます。もし孫要素に画像があるようであればchildrenをfindにすればよいですが、普通は画像にリンクを付ける場合、直下に画像があるかと思うので上記で行けるかと。

      普通は除外するリンクには何かしらclassを入れておくのが一番簡単です。

      <a href="#">
        <img src="#">
      </a>
      <a class="noTarget" href="#">
        <img src="#">
      </a>
      <a href="#">ターゲットが入るリンク</a>

      こうしておけば、.noTarget以外は.not()部分で全部指定できます。そもそも今回のような場合は除外するものの方が少ないわけですから除外用のclassを入れると言うのが良いかと。

      除外用の条件があれば、targetを入れる前にそれらclassを入れておいてもよいかと思います。

    • #46938
      2001Y
      ゲスト

      イロイロやって見てもできないのですが。。。

    • #46939
      Hidekichi
      ゲスト
      (function($){
        $(function(){
          $("#the-content")
            .find("a")
            .not([href*='"+location.host+"']")
            .attr("target","_blank");
        });
      })(jQuery);

      の

      (function($){
        $(function(){
          $("#the-content")
            .find("a")
            .not([href*='"+location.host+"']) //ここ
            .attr("target","_blank");
        });
      })(jQuery);

      を、修正したらいけないですかね?
      “がひとつ多かったように思います。

    • #46999
      2001Y
      ゲスト

      http://2001y.jpn.org/2016/10/30/416
      やってみたのですが効かないのですが。。。

    • #47008
      Hidekichi
      ゲスト

      あぁ構文のエラーしか見てなかった。

      実際はこうです。
      ただこのスクリプトは単純に自分のサイト以外のリンク(外部リンク)にtarget=”_blank”を入れるもので、元々意図としてるlightboxと、画像のリンクを除くリンクにtarget=”_blank”とは意味が違いますよ。

      これがサイトに書かれていたので質問には答えてましたが、#46494のリンク及び、#46522のtarget部分でそれまでの質問の感じになるとは思うんですけどね。

20件の返信スレッドを表示中
  • このトピックに返信するにはログインが必要です。
スポンサーリンク
アドセンス(大)
アドセンス(大)