[WordPress]プラグインを使わずにソースコードを記述する

プラグイン

一つ一つのプラグインは軽くても多く入れすぎるとサイトは重くなってしまいます。

というわけでプラグインを使わなくてもWordPressで簡単にソースコードを記述できる方法です。

srctohtmlを使う

srctohtml

使い方は画面上部にソースをコピペしてHTMLに変換ボタンをクリックするだけです。

下の欄に貼り付け用のソースコードが表示されるのでそれをコピーします。

フォーマットからカスタムHTMLを選択し、コピーした貼り付け用のソースコードをペーストすれば完了です。

実際に使用した表示結果

  1. <html>
  2.  <head>
  3.   <meta charset="utf-8">
  4.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5.   <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/>
  6.  </head>
  7.  <body>
  8.   <div>
  9.    hogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehoge
  10.   </div>
  11.  </body>
  12. </html>

スクロールバーは使われず長い行は横幅で改行されることになります。

iPhoneやiPadで見ると若干崩れます。

safariとの相性があまりよくないのかもしれません(2020/6/19現在)

プラグインを使う場合

コメント

タイトルとURLをコピーしました