ソースコード – Block Editor 検証

Contents

デフォルト表示
ブロック設定パネル
スタイル設定
- 標準スタイル
ブロック制御コメント

デフォルト表示

<!DOCTYPE html>
<html lang="ja" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta charset="UTF-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<<link rel="stylesheet" href="css/styled.css">
<link rel="stylesheet" href="style.css">
<script src="js/script.js"></script>
</head>
<body>

<div class="wrapper">

</div>

</body>
</html>

<pre class="wp-block-code"><code><!DOCTYPE html>
〜省略〜
</html></code></pre>

ブロック設定パネル

高度な設定

スタイル設定

標準スタイル

.wp-block-code {
    font-family: Menlo, Consolas, monaco, monospace;
    font-size: 14px;
    color: #23282d;
    padding: .8em 1em;
    border: 1px solid #e2e4e7;
    border-radius:4px
}

ブロック制御コメント

<!-- wp:code -->
<!-- /wp:code -->