ブログ開設当初から、「SyntaxHighlighter」を使用させて頂いていましたが、スマホで見ると表示されていませんでした。
HTMLについて詳しくないので、とりあえず、「テンプレート」 のモバイルの設定で、「PCテンプレートを表示する」を選択すると表示されるので、その設定にしていました。しかし、PC用の表示なので、見づらいです。
しかし、先ほど、解決しました。
「SyntaxHighlighter」のスクリプトを「レイアウト」の「cross-column」にガジェットを追加して、記載していました。
これをやめて、「テンプレート」 の「HTMLの編集」で<head>の下に記載したところ、スマホでも表示されました。
モバイルの設定は、モバイルテンプレートのカスタムです。
やっと、うまく表示されました。
モバイルでは、「cross-column」は機能しないようですね。
<head>の下に記載したスクリプトは以下です。shBrush*は、使用するものだけにします。
プログラムソースを記載するときは、以下のようにします。
0 件のコメント:
コメントを投稿