{"id":6300,"date":"2024-12-25T14:05:50","date_gmt":"2024-12-25T14:05:50","guid":{"rendered":"https:\/\/tableberg.com\/?p=6300"},"modified":"2024-12-25T14:05:50","modified_gmt":"2024-12-25T14:05:50","slug":"%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e3%81%ae%e3%82%b3%e3%83%bc%e3%83%89%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9","status":"publish","type":"post","link":"https:\/\/tableberg.com\/ja\/how-to-use-the-code-block-in-wordpress\/","title":{"rendered":"WordPress\u3067\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u3092\u4f7f\u3046\u7c21\u5358\u306a3\u30b9\u30c6\u30c3\u30d7"},"content":{"rendered":"<p>WordPress\u306e\u30b3\u30a2\u306b\u4ed8\u5c5e\u3059\u308b\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u304c\u3042\u308a\u3001WordPress\u306e\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u4e0a\u3067\u30b3\u30fc\u30c9\u30b9\u30cb\u30da\u30c3\u30c8\u3092\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002WordPress\u306f\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u4f5c\u6210\u3068\u8868\u793a\u3092\u3088\u308a\u7c21\u5358\u306b\u3057\u307e\u3057\u305f\u3002 <\/p>\n\n\n\n<p>\u958b\u767a\u8005\u304b\u3089\u6280\u8853\u611b\u597d\u5bb6\u307e\u3067\u3001\u30b3\u30fc\u30c9\u30b9\u30cb\u30da\u30c3\u30c8\u3092\u8868\u793a\u3059\u308b\u65b9\u6cd5\u3092\u63a2\u3057\u3066\u3044\u308b\u4eba\u306a\u3089\u8ab0\u3067\u3082\u3001\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306f\u5805\u7262\u3067\u30b7\u30f3\u30d7\u30eb\u306a\u30c4\u30fc\u30eb\u3067\u3059\u3002\u672c\u65e5\u306f\u3001WordPress\u3067\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u3092\u4f7f\u3046\u305f\u3081\u306e\u5b8c\u5168\u30ac\u30a4\u30c9\u3092\u4ee5\u4e0b\u306b\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\u305c\u3072\u6700\u5f8c\u307e\u3067\u304a\u4ed8\u304d\u5408\u3044\u304f\u3060\u3055\u3044\u3002 <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress\u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u3068\u306f\uff1f<\/h2>\n\n\n\n<p>\u306b\u3064\u3044\u3066 <strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/code-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30b3\u30fc\u30c9\u30fb\u30d6\u30ed\u30c3\u30af<\/a><\/strong> \u306f\u3001\u6295\u7a3f\u3084\u30da\u30fc\u30b8\u5185\u306b\u30b3\u30fc\u30c9\u30b9\u30cb\u30da\u30c3\u30c8\u3092\u8ffd\u52a0\u3057\u3066\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305fGutenberg\u30d6\u30ed\u30c3\u30af\u3067\u3059\u3002 <\/p>\n\n\n\n<p>Code\u30d6\u30ed\u30c3\u30af\u306f\u3001\u5b9f\u884c\u305b\u305a\u306b\u69cb\u6587\u3092\u30d7\u30ec\u30fc\u30f3\u30c6\u30ad\u30b9\u30c8\u3068\u3057\u3066\u30cf\u30a4\u30e9\u30a4\u30c8\u3059\u308b\u306e\u3067\u3001\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306e\u4f8b\u3084\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u7d39\u4ecb\u3059\u308b\u306e\u306b\u7406\u60f3\u7684\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>\u7f8e\u3057\u3044\u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u308b <\/strong><br><strong>\u30d6\u30ed\u30c3\u30af\u30a8\u30c7\u30a3\u30bf\u30fc\u4ed8\u304d<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">\u7121\u6599\u4f53\u9a13<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/ja\/%e4%be%a1%e6%a0%bc%e8%a8%ad%e5%ae%9a\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30d7\u30ed\u306b\u306a\u308b<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress\u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306e\u4f7f\u3044\u65b9<\/h2>\n\n\n\n<p>\u30b3\u30fc\u30c9\u30fb\u30d6\u30ed\u30c3\u30af\u306e\u4f7f\u3044\u65b9\u306f\u8d85\u7c21\u5358\u3067\u3001\u7279\u5225\u306a\u30b9\u30ad\u30eb\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002\u4ee5\u4e0b\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306b\u5f93\u3046\u3060\u3051\u3067\u3059\u3002 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30c6\u30c3\u30d71\uff1a\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306e\u633f\u5165<\/h3>\n\n\n\n<p>\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u3092\u633f\u5165\u3059\u308b\u306b\u306f\u3001\u30d6\u30ed\u30c3\u30af\u306e\u8ffd\u52a0\uff08\"<strong>+<\/strong>\") \u30a2\u30a4\u30b3\u30f3 <strong>(1)<\/strong>\u30bf\u30a4\u30d7 \"<strong>\u30b3\u30fc\u30c9<\/strong>\u300c\u691c\u7d22\u30dc\u30c3\u30af\u30b9\u5185\u306e <strong>(2)<\/strong>\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3002<strong>\u30b3\u30fc\u30c9<\/strong>&#8221; <strong>(3)<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"896\" height=\"582\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_16-56-29.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6305\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_16-56-29.png 896w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_16-56-29-300x195.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_16-56-29-768x499.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_16-56-29-18x12.png 18w\" sizes=\"auto, (max-width: 896px) 100vw, 896px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30c6\u30c3\u30d72\uff1a\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306e\u633f\u5165<\/h3>\n\n\n\n<p>\u30b3\u30fc\u30c9\u30fb\u30d6\u30ed\u30c3\u30af\u304c\u30a8\u30c7\u30a3\u30bf\u30fc\u306b\u8868\u793a\u3055\u308c\u305f\u3089\u3001\u30b3\u30fc\u30c9\u3092\u633f\u5165\u3059\u308b\u3002 <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_17-13-23-1024x486.png\" alt=\"\u30ef\u30fc\u30c9\u30d7\u30ec\u30b9\u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306e\u4f7f\u3044\u65b9\" class=\"has-border-color has-main-accent-border-color wp-image-6306\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_17-13-23-1024x486.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_17-13-23-300x142.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_17-13-23-768x364.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_17-13-23-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_17-13-23.png 1206w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306b\u306f\u3001\u30a8\u30c7\u30a3\u30bf\u306b\u7279\u5225\u306a\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u3042\u308a\u307e\u305b\u3093\u3002Gutenberg\u306e\u4ed6\u306e\u30b3\u30a2\u30d6\u30ed\u30c3\u30af\u3068\u540c\u3058\u3088\u3046\u306b\u3001\u57fa\u672c\u7684\u306a\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u3059\u3079\u3066\u5099\u308f\u3063\u3066\u3044\u307e\u3059\u3002 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30c6\u30c3\u30d73\uff1a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/h3>\n\n\n\n<p>WordPress\u3067\u306f\u3001\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306b\u8272\u3001\u30bf\u30a4\u30dd\u30b0\u30e9\u30d5\u30a3\u3001\u5bf8\u6cd5\u3001\u30dc\u30fc\u30c0\u30fc\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u306b\u306f\u3001\u6b21\u306e\u30da\u30fc\u30b8\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002 <strong>\u8a2d\u5b9a (1) &gt; \u30d6\u30ed\u30c3\u30af (2) &gt; \u30b9\u30bf\u30a4\u30eb (3)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"572\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-00-32.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6309\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-00-32.png 888w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-00-32-300x193.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-00-32-768x495.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-00-32-18x12.png 18w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<p>\u8272\u3001\u30bf\u30a4\u30dd\u30b0\u30e9\u30d5\u30a3\u3001\u5bf8\u6cd5\u3001\u30dc\u30fc\u30c0\u30fc\u3092\u5909\u66f4\u3067\u304d\u308b\u3002 <\/p>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"542\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-05-22-2.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6320\" style=\"border-width:1px;border-radius:3px;width:224px;height:auto\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-05-22-2.png 302w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-05-22-2-167x300.png 167w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-05-22-2-7x12.png 7w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<ol class=\"wp-block-list\">\n<li><strong>\u8272\uff1a <\/strong>\u3053\u306e\u6a5f\u80fd\u306b\u3088\u308a\u3001\u30c6\u30ad\u30b9\u30c8\u3068\u80cc\u666f\u306e\u8272\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 <\/li>\n\n\n\n<li><strong>\u30bf\u30a4\u30dd\u30b0\u30e9\u30d5\u30a3\uff1a\u00a0<\/strong>\u30bf\u30a4\u30dd\u30b0\u30e9\u30d5\u30a3\u3067\u306f\u3001\u30d5\u30a9\u30f3\u30c8\u3068\u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba\u3001\u5916\u89b3\u3001\u884c\u306e\u9ad8\u3055\u3001\u6587\u5b57\u9593\u9694\u3001\u6587\u5b57\u7d44\u307f\u3001\u6587\u5b57\u88c5\u98fe\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u5bf8\u6cd5\uff1a<\/strong>\u00a0\u5bf8\u6cd5\u3067\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u30d6\u30ed\u30c3\u30af\u306e\u30d1\u30c7\u30a3\u30f3\u30b0\u3068\u30de\u30fc\u30b8\u30f3\u3092\u8abf\u6574\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u56fd\u5883\u3060\uff1a\u00a0<\/strong>\u30dc\u30fc\u30c0\u30fc\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u30d6\u30ed\u30c3\u30af\u306b\u30dc\u30fc\u30c0\u30fc\u3068\u30dc\u30fc\u30c0\u30fc\u534a\u5f84\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<p>\u3053\u308c\u304cWordPress\u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306e\u4f7f\u3044\u65b9\u3060\u3002 <\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u6700\u7d42\u7684\u306a\u611f\u60f3<\/h2>\n\n\n\n<p>\u6700\u5f8c\u306b\u3001\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306f\u3001WordPress\u306e\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3067\u30b3\u30fc\u30c9\u30b9\u30cb\u30da\u30c3\u30c8\u3092\u7d39\u4ecb\u3057\u305f\u3044\u4eba\u306b\u3068\u3063\u3066\u4e0d\u53ef\u6b20\u3067\u3059\u3002 <\/p>\n\n\n\n<p>\u4f7f\u3044\u3084\u3059\u304f\u3001\u4fbf\u5229\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u3042\u308a\u3001\u30b3\u30fc\u30c9\u306e\u5b9f\u884c\u3092\u9632\u3050\u3053\u3068\u3067\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u5b89\u5168\u6027\u3092\u4fdd\u3061\u307e\u3059\u3002 <\/p>\n\n\n\n<p>\u4eca\u3059\u3050Code\u30d6\u30ed\u30c3\u30af\u3092\u4f7f\u3063\u3066\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5145\u5b9f\u3055\u305b\u3001\u3042\u306a\u305f\u306e\u30b5\u30a4\u30c8\u3092\u6280\u8853\u7684\u306a\u898b\u8b58\u306e\u9ad8\u3044\u60c5\u5831\u6e90\u306b\u3057\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\n\n<p>\u30b3\u30e1\u30f3\u30c8\u6b04\u3067\u3001\u3053\u306e\u6295\u7a3f\u3068\u30d6\u30ed\u30c3\u30af\u306b\u3064\u3044\u3066\u306e\u3042\u306a\u305f\u306e\u58f0\u3092\u805e\u304b\u305b\u3066\u304f\u3060\u3055\u3044\u3002\u307e\u305f\u3001\u3042\u306a\u305f\u306e\u958b\u767a\u8005\u306e\u53cb\u4eba\u306b\u3082\u3053\u306e\u7d20\u6674\u3089\u3057\u3044\u6295\u7a3f\u3092\u30bd\u30fc\u30b7\u30e3\u30eb\u30e1\u30c7\u30a3\u30a2\u3092\u901a\u3058\u3066\u77e5\u3089\u305b\u3066\u304f\u3060\u3055\u3044\u3002 <\/p>\n\n\n\n<p><strong>\u7d9a\u304d\u3092\u8aad\u3080<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-0adc57aa-9312-4537-87f9-2a5a57414331\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-228024be-f22e-4884-bef0-b196509d1832\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/ja\/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e3%81%ae%e5%bc%95%e7%94%a8%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress\u3067\u5f15\u7528\u30d6\u30ed\u30c3\u30af\u3092\u4f7f\u3046\u7c21\u5358\u306a3\u30b9\u30c6\u30c3\u30d7<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-228024be-f22e-4884-bef0-b196509d1832\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/ja\/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e3%81%ae%e3%83%aa%e3%82%b9%e3%83%88%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress\u306e\u30ea\u30b9\u30c8\u30d6\u30ed\u30c3\u30af\u306e\u4f7f\u3044\u65b9<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-228024be-f22e-4884-bef0-b196509d1832\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/ja\/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e3%81%ae%e3%83%b4%e3%82%a1%e3%83%bc%e3%82%b9%e3%83%bb%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress\u3067\u7bc0\u30d6\u30ed\u30c3\u30af\u3092\u4f7f\u3046\u65b9\u6cd5\uff084\u3064\u306e\u7c21\u5358\u306a\u30b9\u30c6\u30c3\u30d7\uff09<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-228024be-f22e-4884-bef0-b196509d1832\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/ja\/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e3%81%ae%e6%ae%b5%e8%90%bd%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress\u3067\u6bb5\u843d\u30d6\u30ed\u30c3\u30af\u3092\u4f7f\u3046\u65b9\u6cd5\uff082\u3064\u306e\u7c21\u5358\u306a\u30b9\u30c6\u30c3\u30d7\uff09<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-228024be-f22e-4884-bef0-b196509d1832\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/ja\/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e3%81%ae%e8%a6%8b%e5%87%ba%e3%81%97%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9-2%e3%81%a4%e3%81%ae%e7%b0%a1%e5%8d%98\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress\u3067\u898b\u51fa\u3057\u30d6\u30ed\u30c3\u30af\u3092\u4f7f\u3046\u65b9\u6cd5\uff082\u3064\u306e\u7c21\u5358\u306a\u30b9\u30c6\u30c3\u30d7\uff09 Tableberg<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-54235c9e-02fd-475d-9c92-2733319281d6\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"\u30d5\u30a7\u30a4\u30b9\u30d6\u30c3\u30af\u30ed\u30b4\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fja%2Fhow-to-use-the-code-block-in-wordpress%2F&amp;title=How%20to%20Use%20the%20Code%20Block%20in%20WordPress%20in%203%20Simple%20Steps\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">\u30b7\u30a7\u30a2<\/span>\n\t\t\t<\/a><a aria-label=\"\u30c4\u30a4\u30c3\u30bf\u30fc\u30ed\u30b4\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fja%2Fhow-to-use-the-code-block-in-wordpress%2F&amp;text=How%20to%20Use%20the%20Code%20Block%20in%20WordPress%20in%203%20Simple%20Steps\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">\u30c4\u30a4\u30fc\u30c8<\/span>\n\t\t\t<\/a><a aria-label=\"\u30ea\u30f3\u30af\u30c8\u30a4\u30f3\u30fb\u30ed\u30b4\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fja%2Fhow-to-use-the-code-block-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">\u30b7\u30a7\u30a2<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>There&#8217;s a code block that comes with the WordPress core and lets you showcase the code snippets on your WordPress website. WordPress has made it easier to create and display content. From developers to tech enthusiasts, anyone looking for a way to showcase code snippets, the Code Block is a robust and simple tool. Today, we will share the complete guide on how to use the code block in WordPress below. Be sure to follow us through. What is the Code Block in WordPress? The Code Block is a Gutenberg block designed for adding and displaying code snippets within a post or page. The Code block highlights the syntax as [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":6301,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6300","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/How-to-Use-the-Code-Block-in-WordPress-1140-x-450.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/ja\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/6300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/comments?post=6300"}],"version-history":[{"count":19,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/6300\/revisions"}],"predecessor-version":[{"id":6361,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/6300\/revisions\/6361"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media\/6301"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media?parent=6300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/categories?post=6300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/tags?post=6300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}