WordPressのブロック一覧です。『テーマ』に入っているものです。WordPressバージョンは 6.8.2 です。
管理画面上でコピーして取得できるコードはブロック名やオプションを指定しており、表示HTMLは実際の記事のタイトル等が表示されます。
ナビゲーション
<!-- wp:navigation {"ref":6} /-->
<nav class="is-responsive wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex" aria-label="ナビゲーション"
data-wp-interactive="core/navigation" data-wp-context='{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"\u30e1\u30cb\u30e5\u30fc"}'><button aria-haspopup="dialog" aria-label="メニューを開く" class="wp-block-navigation__responsive-container-open"
data-wp-on-async--click="actions.openMenuOnClick"
data-wp-on--keydown="actions.handleMenuKeydown"
><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5" /><rect x="4" y="15" width="16" height="1.5" /></svg></button>
<div class="wp-block-navigation__responsive-container" id="modal-2"
data-wp-class--has-modal-open="state.isMenuOpen"
data-wp-class--is-menu-open="state.isMenuOpen"
data-wp-watch="callbacks.initMenu"
data-wp-on--keydown="actions.handleMenuKeydown"
data-wp-on-async--focusout="actions.handleMenuFocusout"
tabindex="-1"
>
<div class="wp-block-navigation__responsive-close" tabindex="-1">
<div class="wp-block-navigation__responsive-dialog"
data-wp-bind--aria-modal="state.ariaModal"
data-wp-bind--aria-label="state.ariaLabel"
data-wp-bind--role="state.roleAttribute"
>
<button aria-label="メニューを閉じる" class="wp-block-navigation__responsive-container-close"
data-wp-on-async--click="actions.closeMenuOnClick"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>
<div class="wp-block-navigation__responsive-container-content"
data-wp-watch="callbacks.focusFirstElement"
id="modal-2-content">
<ul class="wp-block-navigation__container is-responsive wp-block-navigation"><ul class="wp-block-page-list"><li class="wp-block-pages-list__item wp-block-navigation-item open-on-hover-click"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://php4wordpress.calculator.jp/sample-page/">サンプルページ</a></li></ul></ul>
</div>
</div>
</div>
</div></nav>
サイトロゴ
<!-- wp:site-logo /-->
<div class="is-default-size wp-block-site-logo"><a href="https://php4wordpress.calculator.jp/" class="custom-logo-link" rel="home"><img fetchpriority="high" decoding="async" width="2560" height="1819" src="https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-scaled.webp" class="custom-logo" alt="testtest" srcset="https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-scaled.webp 2560w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-300x213.webp 300w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-1024x727.webp 1024w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-768x546.webp 768w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-1536x1091.webp 1536w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-2048x1455.webp 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></a></div>
サイトのタイトル
<!-- wp:site-title /-->
<h1 class="wp-block-site-title"><a href="https://php4wordpress.calculator.jp" target="_self" rel="home">test</a></h1>
サイトのキャッチフレーズ
<!-- wp:site-tagline /-->
<p class="wp-block-site-tagline">Just another WordPress site</p></div>
クエリーループ
<!-- wp:post-template -->
<!-- wp:post-title {"isLink":true} /-->
<!-- wp:post-featured-image {"isLink":true,"align":"wide"} /-->
<!-- wp:post-excerpt /-->
<!-- wp:separator {"opacity":"css"} -->
<hr class="wp-block-separator has-css-opacity"/>
<!-- /wp:separator -->
<!-- wp:post-date /-->
<!-- /wp:post-template -->
<div class="wp-block-query is-layout-flow wp-block-query-is-layout-flow"><ul class="wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow"><li class="wp-block-post post-42 post type-post status-draft format-standard has-post-thumbnail hentry category-uncategorized">
<h2 class="wp-block-post-title"><a href="https://php4wordpress.calculator.jp/?p=42" target="_self" >テーマのブロック</a></h2>
<figure class="alignwide wp-block-post-featured-image"><a href="https://php4wordpress.calculator.jp/?p=42" target="_self" ><img decoding="async" width="2560" height="1819" src="https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-scaled.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="テーマのブロック" style="object-fit:cover;" srcset="https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-scaled.webp 2560w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-300x213.webp 300w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-1024x727.webp 1024w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-768x546.webp 768w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-1536x1091.webp 1536w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-2048x1455.webp 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></a></figure>
<div class="wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">ああああ query start query end </p></div>
<hr class="wp-block-separator has-css-opacity"/>
<div class="wp-block-post-date"><time datetime="2025-09-19T10:08:09+09:00">2025年9月19日</time></div>
</li></ul></div>
クエリーループは様々な設定ができます。ここではブロックを置いた直後の状態、テンプレート標準の場合を表示しています。
アバター
<!-- wp:avatar /-->
<div class="wp-block-avatar"><img alt='ounziwのアバター' src='https://secure.gravatar.com/avatar/af47a06cf9ffe8c18f518835d1134ba9a6d16f99f171670da9e1a2571cf897b0?s=96&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/af47a06cf9ffe8c18f518835d1134ba9a6d16f99f171670da9e1a2571cf897b0?s=192&d=mm&r=g 2x' class='avatar avatar-96 photo wp-block-avatar__image' height='96' width='96' /></div>
タイトル
<!-- wp:post-title /-->
<h2 class="wp-block-post-title">テーマのブロック</h2>
抜粋
<!-- wp:post-excerpt /-->
<div class="wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">ああああ</p></div>
投稿のアイキャッチ画像
<!-- wp:post-featured-image /-->
<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="2560" height="1819" src="https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-scaled.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" style="object-fit:cover;" srcset="https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-scaled.webp 2560w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-300x213.webp 300w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-1024x727.webp 1024w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-768x546.webp 768w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-1536x1091.webp 1536w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-2048x1455.webp 2048w" sizes="auto, (max-width: 2560px) 100vw, 2560px" /></figure>
投稿者
<!-- wp:post-author /-->
<div class="wp-block-post-author"><div class="wp-block-post-author__avatar"><img alt='' src='https://secure.gravatar.com/avatar/af47a06cf9ffe8c18f518835d1134ba9a6d16f99f171670da9e1a2571cf897b0?s=48&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/af47a06cf9ffe8c18f518835d1134ba9a6d16f99f171670da9e1a2571cf897b0?s=96&d=mm&r=g 2x' class='avatar avatar-48 photo' height='48' width='48' /></div><div class="wp-block-post-author__content"><p class="wp-block-post-author__name">ounziw</p></div></div>
作成者名
<!-- wp:post-author-name /-->
<div class="wp-block-post-author-name">ounziw</div>
日付
<!-- wp:post-date /-->
<div class="wp-block-post-date"><time datetime="2025-09-19T10:08:09+09:00">2025年9月19日</time></div>
変更日
<!-- wp:post-date {"displayType":"modified"} /-->
<div class="wp-block-post-date__modified-date wp-block-post-date"><time datetime="2025-09-19T10:13:20+09:00">2025年9月19日</time></div></div>
カテゴリー
<!-- wp:post-terms {"term":"category"} /-->
<div class="taxonomy-category wp-block-post-terms"><a href="https://php4wordpress.calculator.jp/category/uncategorized/" rel="tag">未分類</a></div>
タグ
<!-- wp:post-terms {"term":"post_tag"} /-->
<div class="taxonomy-post_tag wp-block-post-terms"><a href="https://php4wordpress.calculator.jp/tag/sample/" rel="tag">sample</a></div>
次の投稿
<!-- wp:post-navigation-link /-->
<div class="post-navigation-link-next wp-block-post-navigation-link"><a href="https://php4wordpress.calculator.jp/2025/09/17/media/" rel="next">次へ</a></div>
前の投稿
<!-- wp:post-navigation-link {"type":"previous"} /-->
<div class="post-navigation-link-previous wp-block-post-navigation-link"><a href="https://php4wordpress.calculator.jp/2025/09/16/hello-world/" rel="prev">前へ</a></div>
<!-- wp:read-more /-->
<a class="wp-block-read-more" href="https://php4wordpress.calculator.jp/2025/09/17/theme/" target="_self">続きを読む<span class="screen-reader-text">: テーマのブロック</span></a></div>
コメント
<!-- wp:comments -->
<div class="wp-block-comments"><!-- wp:comments-title /-->
<!-- wp:comment-template -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"40px"} -->
<div class="wp-block-column" style="flex-basis:40px"><!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"}}} /--></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:comment-author-name {"fontSize":"small"} /-->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:comment-date {"fontSize":"small"} /-->
<!-- wp:comment-edit-link {"fontSize":"small"} /--></div>
<!-- /wp:group -->
<!-- wp:comment-content /-->
<!-- wp:comment-reply-link {"fontSize":"small"} /--></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- /wp:comment-template -->
<!-- wp:comments-pagination -->
<!-- wp:comments-pagination-previous /-->
<!-- wp:comments-pagination-numbers /-->
<!-- wp:comments-pagination-next /-->
<!-- /wp:comments-pagination -->
<!-- wp:post-comments-form /--></div>
<!-- /wp:comments -->
<div class="wp-block-comments">
<div id="respond" class="comment-respond wp-block-post-comments-form">
<h3 id="reply-title" class="comment-reply-title">コメントを残す <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2025/09/17/theme/#respond" style="display:none;">コメントをキャンセル</a></small></h3><form action="https://php4wordpress.calculator.jp/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="logged-in-as">ounziw としてログインしています。<a href="https://php4wordpress.calculator.jp/wp-admin/profile.php">プロフィールを編集します</a>。<a href="https://php4wordpress.calculator.jp/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fphp4wordpress.calculator.jp%2F2025%2F09%2F17%2Ftheme%2F&_wpnonce=0db7cda5b9">ログアウトしますか</a> ? <span class="required-field-message"><span class="required">※</span> が付いている欄は必須項目です</span></p><p class="comment-form-comment"><label for="comment">コメント <span class="required">※</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="form-submit wp-block-button"><input name="submit" type="submit" id="submit" class="wp-block-button__link wp-element-button" value="コメントを送信" /> <input type='hidden' name='comment_post_ID' value='42' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p><input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="67fd7e0307" /><script>
(function(){if(window===window.parent){document.getElementById('_wp_unfiltered_html_comment_disabled').name='_wp_unfiltered_html_comment';}})();
</script>
</form> </div><!-- #respond -->
</div>
<!-- wp:post-comments-form /-->
<div id="respond" class="comment-respond wp-block-post-comments-form">
<h3 id="reply-title" class="comment-reply-title">コメントを残す <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2025/09/17/theme/#respond" style="display:none;">コメントをキャンセル</a></small></h3><form action="https://php4wordpress.calculator.jp/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="logged-in-as">ounziw としてログインしています。<a href="https://php4wordpress.calculator.jp/wp-admin/profile.php">プロフィールを編集します</a>。<a href="https://php4wordpress.calculator.jp/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fphp4wordpress.calculator.jp%2F2025%2F09%2F17%2Ftheme%2F&_wpnonce=0db7cda5b9">ログアウトしますか</a> ? <span class="required-field-message"><span class="required">※</span> が付いている欄は必須項目です</span></p><p class="comment-form-comment"><label for="comment">コメント <span class="required">※</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="form-submit wp-block-button"><input name="submit" type="submit" id="submit" class="wp-block-button__link wp-element-button" value="コメントを送信" /> <input type='hidden' name='comment_post_ID' value='42' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p><input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="67fd7e0307" /><script>
(function(){if(window===window.parent){document.getElementById('_wp_unfiltered_html_comment_disabled').name='_wp_unfiltered_html_comment';}})();
</script>
</form> </div><!-- #respond -->
ログイン／ログアウト
<!-- wp:loginout /-->
<div class="logged-out wp-block-loginout"><a href="https://php4wordpress.calculator.jp/wp-login.php?redirect_to=https%3A%2F%2Fphp4wordpress.calculator.jp%2F2025%2F09%2F17%2Ftheme%2F">ログイン</a></div>
上はログインしていない場合の表示です。ログイン済みの場合はログアウトと表示されます。
タームの説明
<!-- wp:term-description /-->
<div class="wp-block-term-description"><p>カテゴリーを選択しなかった場合、「未分類」に区分されます。</p>
</div>
アーカイブテンプレートで使用します。
アーカイブタイトル
<!-- wp:query-title {"type":"archive"} /-->
<h1 class="wp-block-query-title">カテゴリー: <span>未分類</span></h1>
アーカイブテンプレートで使用します。
検索結果のタイトル
<!-- wp:query-title {"type":"search"} /-->
<h1 class="wp-block-query-title">検索結果: abcde</h1>
検索結果テンプレートで使用します。
作成者のプロフィール情報
<!-- wp:post-author-biography /-->
<div class="wp-block-post-author-biography">著書「WordPressユーザーのためのPHP入門」他</div>
更新日:
