wordpress 過去記事

[WordPress]ソースコードをキレイに載せたい

ソースコードをキレイに整形して載せてるブログなど、チラホラ見かけます。
WordPressでは『Syntax Highlighter for WordPress』プラグインを使うと便利です。

例えば、

[[html]
<html dir="ltr" lang="ja">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<title>
Shimashima.com | Jan to Dec.</title>
<meta name="viewport" content="width=device-width" />
[/html]]

とソースコードを[[html]と[/html]]で囲ってあげると

[html]
<html dir="ltr" lang="ja">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<title>
Shimashima.com | Jan to Dec.</title>
<meta name="viewport" content="width=device-width" />
[/html]
この通り。
[[html]]以外にも[[php]]とか[[java]]なんかの他の言語も対応で、ショートコードのオプションでハイライト表示なんかも出来る様で使いこなせる様になれば、便利ですね

-wordpress, 過去記事
-, ,

© 2020 shimashima.com