{"id":9890,"date":"2024-02-27T07:13:52","date_gmt":"2024-02-26T22:13:52","guid":{"rendered":"https:\/\/colors-themes.com\/clock\/?p=9890"},"modified":"2026-03-03T13:56:28","modified_gmt":"2026-03-03T04:56:28","slug":"create-classic-theme","status":"publish","type":"post","link":"https:\/\/colors-themes.com\/clock\/create-classic-theme\/","title":{"rendered":"WordPress\u30c6\u30fc\u30de\u306e\u4f5c\u308a\u65b9"},"content":{"rendered":"\n<h1 class=\"wp-block-clock-blocks-block-08 heading-bg title-theme title-style3 title-bg-left\"><span class=\"clock-blocks-align-none\">WordPress\u30c6\u30fc\u30de\u306e\u4f5c\u308a\u65b9<\/span><\/h1>\n\n\n\n<p>WordPress\u30c6\u30fc\u30de\uff08\u30af\u30e9\u30b7\u30c3\u30af\u30c6\u30fc\u30de\uff09\u306e\u4f5c\u308a\u65b9\u3092\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\u3002<br>\u6700\u521d\u306b\u5168\u4f53\u3092\u4eee\u5b8c\u6210\u3055\u305b\u3066\u3001\u305d\u306e\u5f8c\u3001\u7d30\u90e8\u3092\u4f5c\u308a\u3053\u3093\u3067\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-clock-blocks-block-08 heading-bg title-theme title-style3 title-bg-left\"><span class=\"clock-blocks-align-none\">\u6e96\u5099<\/span><\/h1>\n\n\n\n<p>\u30ed\u30fc\u30ab\u30eb\u74b0\u5883\u3067\u958b\u767a\u3057\u307e\u3059\u3002<br><a href=\"https:\/\/localwp.com\/&quot;&gt;https:\/\/localwp.com\/\">LOCAL<\/a>\u3000\/\u3000<a href=\"https:\/\/developer.wordpress.com\/ja\/studio\/&quot;&gt;https:\/\/developer.wordpress.com\/ja\/studio\/\">WordPress Studio<\/a><br><br><\/p>\n\n\n\n<p>\u6587\u5b57\u5316\u3051\u3057\u306a\u3044\u3088\u3046\u306b\u3001\u6587\u5b57\u30b3\u30fc\u30c9UTF-8\uff08BOM\u306a\u3057\uff09\u3067\u4fdd\u5b58\u3067\u304d\u308b\u30c6\u30ad\u30b9\u30c8\u30a8\u30c7\u30a3\u30bf\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<br><a href=\"https:\/\/forest.watch.impress.co.jp\/library\/software\/vscode\/\">Visual Studio Code<\/a>\u3000\/\u3000<a href=\"https:\/\/forest.watch.impress.co.jp\/library\/software\/mery\/\">Mery\uff08Windows\u7528\uff09<\/a> <br><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-clock-blocks-block-08 heading-bg title-theme title-style3 title-bg-left\"><span class=\"clock-blocks-align-none\">Underscores\u306b\u3064\u3044\u3066<\/span><\/h1>\n\n\n\n<p>\u30b9\u30bf\u30fc\u30bf\u30fc\u30c6\u30fc\u30de\u306e\u300cUnderscores\u300d\u3092\u30d9\u30fc\u30b9\u306b\u3057\u3066\u5236\u4f5c\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Automattic\u793e\u304c\u958b\u767a\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b9\u30bf\u30fc\u30bf\u30fc\u30c6\u30fc\u30de\u3001\u30d6\u30e9\u30f3\u30af\u30c6\u30fc\u30de\u3067\u3059\u3002<\/li>\n\n\n\n<li>_s \u3068\u3082\u8868\u8a18\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u958b\u767a\u6642\u9593\u306e\u5927\u5e45\u306a\u77ed\u7e2e\u304c\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li>\u672c\u683c\u7684\u306a\u30c6\u30fc\u30de\u5236\u4f5c\u304c\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li>\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u306b\u6cbf\u3063\u305f\u6a19\u6e96\u7684\u306a\u30c6\u30fc\u30de\u5236\u4f5c\u304c\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li>\u624b\u672c\u30b3\u30fc\u30c9\u3092\u30d9\u30fc\u30b9\u306b\u5236\u4f5c\u3067\u304d\u308b\u306e\u3067\u3001\u54c1\u8cea\u3084\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u9762\u306e\u5e95\u4e0a\u3052\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u624b\u672c\u30b3\u30fc\u30c9\u304c\u8a70\u307e\u3063\u3066\u3044\u308b\u306e\u3067\u5b66\u7fd2\u306b\u3082\u6700\u9069\u3067\u3059\u3002<\/li>\n\n\n\n<li>\u5b8c\u6210\u3057\u305f\u30c6\u30fc\u30de\u3082\u591a\u304f\u306e\u4eba\u304c\u7406\u89e3\u3057\u3084\u3059\u3044\u69cb\u6210\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-clock-blocks-block-08 heading-bg title-theme title-style3 title-bg-left\"><span class=\"clock-blocks-align-none\">\u5168\u4f53\u3092\u4eee\u5b8c\u6210\u3055\u305b\u307e\u3059<\/span><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">1. Underscores\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/underscores.me\/\">Underscores\u306e\u516c\u5f0f\u30b5\u30a4\u30c8<\/a>\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u597d\u304d\u306a\u30c6\u30fc\u30de\u540d\u3092\u5165\u529b\u3057\u3066\u3001\u300cGENERATE\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u3053\u3053\u3067\u306f\u30c6\u30fc\u30de\u540d\u3092Sample\u3068\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u305fsample.zip\u30d5\u30a1\u30a4\u30eb\u3092\u89e3\u51cd\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">2. style.css\u306b\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0<\/h2>\n\n\n\n<p>\u30c6\u30fc\u30de\u5185\u306estyle.css\u30d5\u30a1\u30a4\u30eb\u306e\u6700\u4e0b\u90e8\u306b\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30da\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* ----------------------------------------------------------------------\n\t# Sample\n---------------------------------------------------------------------- *\/\nbody {\n\tposition: relative;\n\toverflow-x: hidden;\n\tbackground: #f7fbff;\n\tmargin: 0;\n\ttext-align: left;\n\tfont-size: 1rem;\n\tline-height: 1.8;\n\tfont-weight: normal;\n\tcolor: #334466;\n\tfont-family: \"Helvetica Neue\", \"Arial\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Yu Gothic Medium\", \"Yu Gothic\", \"Meiryo\", sans-serif;\n\tfont-weight: 400;\n}\n\n\/* Header *\/\n.site-header {\n\tpadding: 50px 0;\n\twidth: 100% !important;\n}\n\n.site-branding {\n\tpadding: 20px 0;\n}\n\n\/* Entry *\/\n.entry-meta {\n\tpadding: 20px 0;\n}\n\n.entry-meta .posted-on,\n.entry-meta entry-date.published,\n.entry-meta entry-date.updated,\n.entry-meta entry-date.byline {\n\tpadding: 20px 10px 20px 0;\n}\n\n.entry-footer .cat-links,\n.entry-footer .tags-links,\n.entry-footer .comments-link {\n\tpadding: 20px 10px 20px 0;\n}\n\n\/* Menu *\/\n.main-navigation {\n\tpadding: 30px;\n\tbackground: #fff;\n\twidth: 100%;\n}\n\n.main-navigation ul li {\n\tpadding: 0 20px;\n\tdisplay: block;\n\tfloat: none;\n}\n\n.main-navigation ul li a {\n\tdisplay: block;\n\tfloat: none;\n}\n\n.main-navigation ul ul {\n\tdisplay: block;\n\tfloat: none;\n\tpadding: 30px;\n\tbackground: #fff;\n}\n\n.main-navigation ul ul li {\n\tpadding: 10px;\n}\n\n\/* Mobile Menu *\/\n@media screen and (min-width: 992px) {\n\n\t.menu-toggle {\n\t\tdisplay: none;\n\t}\n\n\t.main-navigation ul {\n\t\tdisplay: flex;\n\t}\n\n}\n\n@media screen and (max-width: 991px) {\n\n\t.main-navigation {\n\t\tbackground: rgba(255, 255, 255, 0);\n\t}\n\n\t.menu-toggle {\n\t\tdisplay: block;\n\t}\n\n\t.main-navigation ul {\n\t\tdisplay: none;\n\t}\n\n}\n\n\/* Layout *\/\n.site {\n\twidth: 100%;\n\tmargin-right: auto;\n\tmargin-left: auto;\n\tbackground: #f7fbff;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-ms-flex-wrap: wrap;\n\tflex-wrap: wrap;\n}\n\n@media (min-width: 576px) {\n\n\t.site {\n\t\tmax-width: 540px;\n\t}\n\n}\n\n@media (min-width: 768px) {\n\n\t.site {\n\t\tmax-width: 720px;\n\t}\n\n}\n\n@media (min-width: 992px) {\n\n\t.site {\n\t\tmax-width: 960px;\n\t}\n\n}\n\n@media (min-width: 1200px) {\n\n\t.site {\n\t\tmax-width: 1140px;\n\t}\n\n}\n\n.site-main {\n\tposition: relative;\n\twidth: 100%;\n\tmin-height: 1px;\n\tbackground: #f7fbff;\n\t-ms-flex: 0 0 66.666667%;\n\tflex: 0 0 66.666667%;\n\tmax-width: 66.666667%;\n}\n\n.site-main article {\n\tbackground: white;\n\tpadding: 50px;\n\tmargin-bottom: 50px;\n}\n\n.widget-area {\n\tposition: relative;\n\twidth: 100%;\n\tmin-height: 1px;\n\tbackground: #f7fbff;\n\tpadding: 0 30px 50px;\n\t-ms-flex: 0 0 33.333333%;\n\tflex: 0 0 33.333333%;\n\tmax-width: 33.333333%;\n}\n\n.widget-area .widget ul {\n\tpadding: 20px;\n\tmargin: 0;\n}\n\n@media (max-width: 992px) {\n\n\t.site-main {\n\t\t-ms-flex: 0 0 100%;\n\t\tflex: 0 0 100%;\n\t\tmax-width: 100%;\n\t}\n\n\t.widget-area {\n\t\tdisplay: block;\n\t}\n\n}\n\n\/* Page *\/\n.page .site-main {\n\t-ms-flex: 0 0 100%;\n\tflex: 0 0 100%;\n\tmax-width: 100%;\n}\n\n.page .widget-area {\n\tdisplay: none;\n}<\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">3. page.php\u304b\u3089\u4e00\u884c\u3092\u524a\u9664<\/h2>\n\n\n\n<p>\u56fa\u5b9a\u30da\u30fc\u30b8\u3067\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u8868\u793a\u3057\u306a\u3044\u3088\u3046\u306b\u3057\u307e\u3059\u3002<br>\u30c6\u30fc\u30de\u5185\u306epage.php\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u4ee5\u4e0b\u306e1\u884c\u3092\u524a\u9664\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>get_sidebar();<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">4. WordPress\u30c6\u30fc\u30de\u306e\u4eee\u5b8c\u6210<\/h2>\n\n\n\n<p>\u57fa\u672c\u7684\u306a\u6a5f\u80fd\u3092\u5099\u3048\u305fWordPress\u30c6\u30fc\u30de\u306e\u4eee\u5b8c\u6210\u3067\u3059\u3002<br>\u6295\u7a3f\u30da\u30fc\u30b8\u3001\u56fa\u5b9a\u30da\u30fc\u30b8\u3001\u30a2\u30fc\u30ab\u30a4\u30d6\u30da\u30fc\u30b8\u3001\u30e1\u30cb\u30e5\u30fc\u3001\u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc\u3082\u6a5f\u80fd\u3057\u307e\u3059\u3002<br>\u898b\u305f\u76ee\u304c\u5d29\u308c\u3066\u3044\u308b\u3068\u308f\u304b\u308a\u306b\u304f\u3044\u306e\u3067\u3001\u6700\u521d\u306b\u4eee\u5b8c\u6210\uff08\u898b\u305f\u76ee\u3092\u6574\u3048\u307e\u3057\u305f\uff09\u3055\u305b\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69de41fd2fb58&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69de41fd2fb58\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1578\" height=\"919\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/colors-themes.com\/clock\/wp-content\/uploads\/2024\/02\/sample.png\" alt=\"\" class=\"wp-image-10031\" srcset=\"https:\/\/colors-themes.com\/clock\/wp-content\/uploads\/2024\/02\/sample.png 1578w, https:\/\/colors-themes.com\/clock\/wp-content\/uploads\/2024\/02\/sample-300x175.png 300w, https:\/\/colors-themes.com\/clock\/wp-content\/uploads\/2024\/02\/sample-1024x596.png 1024w, https:\/\/colors-themes.com\/clock\/wp-content\/uploads\/2024\/02\/sample-768x447.png 768w, https:\/\/colors-themes.com\/clock\/wp-content\/uploads\/2024\/02\/sample-1536x895.png 1536w\" sizes=\"(max-width: 1578px) 100vw, 1578px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"\u62e1\u5927\u3059\u308b\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-clock-blocks-block-08 heading-bg title-theme title-style3 title-bg-left\"><span class=\"clock-blocks-align-none\">\u30d5\u30c3\u30bf\u30fc\u306b\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u30a8\u30ea\u30a2\u3092\u8ffd\u52a0\u3059\u308b<\/span><\/h1>\n\n\n\n<p>\u3053\u3053\u304b\u3089\u4ee5\u4e0b\u306f\u3001\u4eee\u5b8c\u6210\u3057\u305f\u30c6\u30fc\u30de\u306e\u7d30\u90e8\u3092\u4f5c\u308a\u3053\u3080\u4f5c\u696d\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>Underscores\u306f\u30b5\u30a4\u30c9\u30d0\u30fc\u306b\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u30a8\u30ea\u30a2\u304c\u8ffd\u52a0\u3055\u308c\u3066\u3044\u307e\u3059\u3002<br>\u3053\u3053\u3067\u306f\u3001\u30d5\u30c3\u30bf\u30fc\u306b\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u30a8\u30ea\u30a2\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>1. footer.php\u306b\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30da\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>&lt;?php dynamic_sidebar( 'footer-1' ); ?&gt;<\/code><\/pre>\n\n\n\n<p>2. functions.php\u306b\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30da\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>function <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">sample_<\/mark>footer1_widgets_init() {\n\tregister_sidebar(\n\t\tarray(\n\t\t\t'name'          =&gt; esc_html__( 'Footer1', 'sample' ),\n\t\t\t'id'            =&gt; 'footer-1',\n\t\t\t'description'   =&gt; esc_html__( 'Add widgets here.', 'sample' ),\n\t\t\t'before_widget' =&gt; '&lt;section id=\"%1$s\" class=\"widget %2$s\"&gt;',\n\t\t\t'after_widget'  =&gt; '&lt;\/section&gt;',\n\t\t\t'before_title'  =&gt; '&lt;h2 class=\"widget-title\"&gt;',\n\t\t\t'after_title'   =&gt; '&lt;\/h2&gt;',\n\t\t)\n\t);\n}\nadd_action( 'widgets_init', '<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">sample_<\/mark>footer1_widgets_init' );<\/code><\/pre>\n\n\n\n<p><strong>\u6ce8\u610f<\/strong><br>\u95a2\u6570\u540d\u304c\u91cd\u8907\u3057\u306a\u3044\u3088\u3046\u306b\u3001\u30c6\u30fc\u30de\u306e\u30b9\u30e9\u30c3\u30b0\uff08\u8d64\u8272\u90e8\u5206\uff09\u3092\u63a5\u982d\u8f9e\u3068\u3057\u3066\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-clock-blocks-block-08 heading-bg title-theme title-style3 title-bg-left\"><span class=\"clock-blocks-align-none\">\u30ab\u30b9\u30bf\u30de\u30a4\u30b6\u30fc\u3067\u30ab\u30e9\u30fc\u3092\u5909\u66f4\u3059\u308b<\/span><\/h1>\n\n\n\n<p>\u516c\u5f0f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30c6\u30fc\u30de\u3067\u306f\u3001\u300c\u8a2d\u5b9a\u300d\u306f\u300c\u30ab\u30b9\u30bf\u30de\u30a4\u30b6\u30fc\u300d\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<br>\u3053\u3053\u3067\u306f\u3001\u30ea\u30f3\u30af\u306e\u30db\u30d0\u30fc\u30ab\u30e9\u30fc\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30b6\u30fc\u304b\u3089\u5909\u66f4\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>functions.php\u306b\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30da\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>function sample_theme_customizer_color( $wp_customize ) {\n\t$wp_customize-&gt;add_section( 'sample_theme_color_section', array(\n\t\t'title' =&gt; esc_html__( 'Theme Color', 'sample' ),\n\t\t'priority' =&gt; 21,\n\t) );\n\t$wp_customize-&gt;add_setting( 'sample_theme_color', array(\n\t\t'type'              =&gt; 'theme_mod',\n\t\t'default'           =&gt; '#e58722',\n\t\t<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">'sanitize_callback' =&gt; 'sanitize_hex_color',<\/mark>\n\t) );\n\t$wp_customize-&gt;add_control( new WP_Customize_Color_Control( $wp_customize, 'sample_theme_color', array(\n\t\t'label'       =&gt; esc_html__( 'Theme Color', 'sample' ),\n\t\t'section'     =&gt; 'sample_theme_color_section',\n\t\t'settings'    =&gt; 'sample_theme_color',\n\t) ) );\n}\nadd_action( 'customize_register', 'sample_theme_customizer_color' );\n\n\nfunction sample_theme_customizer_css() {\n?&gt;\n&lt;style&gt;\na:hover, a:focus, a:active { color: &lt;?php echo <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">esc_html<\/mark>( get_theme_mod( 'sample_theme_color', '#e58722' ) ); ?&gt;; }\n&lt;\/style&gt;\n&lt;?php\n}\nadd_action( 'wp_head', 'sample_theme_customizer_css' );<\/code><\/pre>\n\n\n\n<p><strong>\u6ce8\u610f<\/strong><br>\u30e6\u30fc\u30b6\u30fc\u304c\u5165\u529b\u3057\u305f\u5185\u5bb9\u3092\u51fa\u529b\u3059\u308b\u3068\u304d\u306f\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u9762\u306b\u6ce8\u610f\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<br>\u3053\u3053\u3067\u306f\u8d64\u8272\u306e\u90e8\u5206\u3067\u30b5\u30cb\u30bf\u30a4\u30ba\u3068\u30a8\u30b9\u30b1\u30fc\u30d7\uff08\u6587\u5b57\u5217\u306e\u7121\u5bb3\u5316\uff09\u3092\u884c\u3063\u3066\u3044\u307e\u3059\u3002<br>CSS\u306e\u51fa\u529b\u306fwp_add_inline_style()\u3092\u4f7f\u3046\u65b9\u6cd5\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\uff08\u3053\u3053\u3067\u306f\u30b7\u30f3\u30d7\u30eb\u306a\u65b9\u6cd5\u306e\u4f8b\u3067\u3059\uff09\u3002<br><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-clock-blocks-block-08 heading-bg title-theme title-style3 title-bg-left\"><span class=\"clock-blocks-align-none\">\u30c6\u30fc\u30de\u306e\u30c7\u30b6\u30a4\u30f3\u3092\u6539\u826f\u3059\u308b<\/span><\/h1>\n\n\n\n<p>\u30c6\u30fc\u30de\u306e\u30c7\u30b6\u30a4\u30f3\u3092\u5909\u66f4\u3059\u308b\u306b\u306f\u3001PHP\u30d5\u30a1\u30a4\u30eb\u306bHTML\u3092\u8ffd\u52a0\u3057\u3066\u3001style.css\u306bCSS\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<br>\u4e0a\u8a18\u3067\u30c6\u30fc\u30de\u3092\u4eee\u5b8c\u6210\u3055\u305b\u308b\u305f\u3081\u306b\u8ffd\u52a0\u3057\u305fCSS\u306f\u6d88\u3057\u3066\u3082\u5927\u4e08\u592b\u3067\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30d8\u30c3\u30c0\u30fc\uff1aheader.php<\/li>\n\n\n\n<li>\u30d5\u30c3\u30bf\u30fc\uff1afooter.php<\/li>\n\n\n\n<li>\u30b5\u30a4\u30c9\u30d0\u30fc\uff1asidebar.php<\/li>\n\n\n\n<li>\u6295\u7a3f\u4e00\u89a7\u30da\u30fc\u30b8\uff08\u81e8\u6642\uff09\uff1aindex.php<\/li>\n\n\n\n<li>\u30b7\u30f3\u30b0\u30eb\u30da\u30fc\u30b8\uff1asingle.php \u3068 template-parts\/content.php<\/li>\n\n\n\n<li>\u56fa\u5b9a\u30da\u30fc\u30b8\uff1apage.php \u3068 template-parts\/content-page.php<\/li>\n\n\n\n<li>\u30a2\u30fc\u30ab\u30a4\u30d6\u30da\u30fc\u30b8\uff1aarchive.php \u3068 template-parts\/content-archive.php<\/li>\n\n\n\n<li>404\u30da\u30fc\u30b8\uff1a404.php<\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-clock-blocks-block-08 heading-bg title-theme title-style3 title-bg-left\"><span class=\"clock-blocks-align-none\">\u8ffd\u52a0\u30b3\u30fc\u30c9\u3092\u5206\u5272\u7ba1\u7406\u3059\u308b<\/span><\/h1>\n\n\n\n<p>\u30c6\u30fc\u30de\u5185\u306estyle.css\u3068functions.php\u306b\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\u3057\u3066\u3044\u304f\u3068\u80a5\u5927\u5316\u3057\u3066\u3044\u304d\u307e\u3059\u3002<br>\u300ccss\/sample.css\u300d\u3068\u300cjs\/sample.js\u300d\u30d5\u30a1\u30a4\u30eb\u3092\u8ffd\u52a0\u3057\u3066\u5206\u5272\u7ba1\u7406\u3057\u305f\u3044\u5834\u5408\u306f\u3001funcstions.php\u306b\u9ec4\u8272\u90e8\u5206\u306e\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>function <strong>sample_scripts()<\/strong> {\n<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">\t<\/mark>\/\/ CSS\n<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">\t<\/mark><span class=\"silent-blocks-marker-yellow\">wp_enqueue_style( 'sample-css', get_template_directory_uri() . '\/css\/sample.css', array(), _S_VERSION );<\/span>\n\twp_enqueue_style( 'sample-style', get_stylesheet_uri(), array(), _S_VERSION );\n\twp_style_add_data( 'sample-style', 'rtl', 'replace' );\n<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">\t<\/mark>\/\/ JS\n<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">\t<\/mark><span class=\"silent-blocks-marker-yellow\">wp_enqueue_script( 'sample-js', get_template_directory_uri() . '\/js\/sample.js', array(), _S_VERSION, true );<\/span>\n\twp_enqueue_script( 'sample-navigation', get_template_directory_uri() . '\/js\/navigation.js', array(), _S_VERSION, true );\n\tif ( is_singular() &amp;&amp; comments_open() &amp;&amp; get_option( 'thread_comments' ) ) {\n\t\twp_enqueue_script( 'comment-reply' );\n\t}\n<strong>}\n<\/strong>add_action( 'wp_enqueue_scripts', 'sample_scripts' );<\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>\u300cinc\/sample.php\u300d\u30d5\u30a1\u30a4\u30eb\u3092\u8ffd\u52a0\u3057\u305f\u3044\u5834\u5408\u306f\u3001funcstions.php\u306b\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u66f8\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code><span class=\"silent-blocks-marker-yellow\">require get_template_directory() . '\/inc\/sample.php';<\/span><\/code><\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-clock-blocks-block-08 heading-bg title-theme title-style3 title-bg-left\"><span class=\"clock-blocks-align-none\">Theme Check\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u30a8\u30e9\u30fc\u3092\u306a\u304f\u3059<\/span><\/h1>\n\n\n\n<p><a href=\"https:\/\/ja.wordpress.org\/plugins\/theme-check\/\">Theme Check<\/a> \u30d7\u30e9\u30b0\u30a4\u30f3\u306f\u3001\u516c\u5f0f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u63b2\u8f09\u30c6\u30fc\u30de\u306e\u30ec\u30d3\u30e5\u30fc\u3067\u3082\u4f7f\u7528\u3055\u308c\u3066\u3044\u308b\u30c1\u30a7\u30c3\u30ab\u30fc\u3067\u3059\u3002<br>\u4ee5\u4e0b\u306e\u4f5c\u696d\u3092\u884c\u3046\u3068\u6b86\u3069\u306e\u30a8\u30e9\u30fc\u304c\u89e3\u6d88\u3055\u308c\u3066\u30c6\u30b9\u30c8\u306b\u3082\u901a\u904e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>\u30c6\u30fc\u30de\u5185\u306ephpcs.xml.dist\u30d5\u30a1\u30a4\u30eb\u3092\u524a\u9664\u3057\u307e\u3059\u3002<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>\u30c6\u30fc\u30de\u5185\u306eREADME.md\u30d5\u30a1\u30a4\u30eb\u3092\u524a\u9664\u3057\u307e\u3059\u3002<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>style.css\u30d5\u30a1\u30a4\u30eb\u306e\u30b3\u30e1\u30f3\u30c8\u6b04\u306e\u300cunderscores\u300d\u306e\u8a18\u8ff03\u500b\u3092\u5909\u66f4\u3057\u307e\u3059\u3002<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>footer.php\u30d5\u30a1\u30a4\u30eb\u5185\u306e&lt;a href='http:\/\/underscores.me\/'&gt;Underscores.me&lt;\/a&gt;\u3092\u5909\u66f4\u3057\u307e\u3059\u3002<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>language\/sample.po\u30d5\u30a1\u30a4\u30eb\u3092\u30a8\u30c7\u30a3\u30bf\u3067\u958b\u3044\u3066\u300cunderscores\u300d\u306e\u8a18\u8ff02\u500b\u3092\u5909\u66f4\u3057\u307e\u3059\u3002<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>\u30c6\u30fc\u30de\u30d5\u30a9\u30eb\u30c0\u5185\u306beditor-style.css\u3092\u4f5c\u308a\u307e\u3059\uff08\u4e2d\u8eab\u306f\u7a7a\u767d\u306b\u3057\u3066\u304a\u304d\u307e\u3059\uff09\u3002<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>functions.php\u3092\u958b\u3044\u3066\u4ee5\u4e0b\u306e\u95a2\u6570\u3092\u63a2\u3057\u3001\u8a72\u5f53\u7b87\u6240\u306b\u8d64\u8272\u306e\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002\n\u203b\u8d64\u8272\u306e\u30b3\u30fc\u30c9\u3060\u3051\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002\u5168\u4f53\u3092\u30b3\u30d4\u30da\u3059\u308b\u3068\u540c\u3058\u95a2\u6570\u540d\u3067\u30a8\u30e9\u30fc\u3068\u306a\u308a\u307e\u3059\u3002\n\nfunction sample_setup() {\n<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">\tadd_theme_support( 'responsive-embeds' );\n\tadd_theme_support( 'align-wide' );\n\tadd_theme_support( 'wp-block-styles' );\n\tadd_theme_support( 'editor-styles' );\n\tadd_editor_style( 'editor-style.css' );<\/mark>\n}<\/code><\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-clock-blocks-block-08 heading-bg title-theme title-style3 title-bg-left\"><span class=\"clock-blocks-align-none\">\u30c6\u30fc\u30de\u5236\u4f5c\u306b\u95a2\u3059\u308bFAQ<\/span><\/h1>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Q1. \u30d6\u30ed\u30c3\u30af\u30c6\u30fc\u30de\u3068\u30af\u30e9\u30b7\u30c3\u30af\u30c6\u30fc\u30de\u3068\u306f\uff1f<\/h3>\n\n\n\n<p>\u30d5\u30eb\u30b5\u30a4\u30c8\u30a8\u30c7\u30a3\u30c6\u30a3\u30f3\u30b0\uff08FSE\uff09\u5bfe\u5fdc\u306e\u30c6\u30fc\u30de\u3092\u300c\u30d6\u30ed\u30c3\u30af\u30c6\u30fc\u30de\u300d\u3001\u305d\u308c\u4ee5\u5916\u3092\u300c\u30af\u30e9\u30b7\u30c3\u30af\u30c6\u30fc\u30de\u300d\u3068\u5206\u985e\u3059\u308b\u3088\u3046\u3067\u3059\u3002\u3053\u306e\u8a18\u4e8b\u306f\u30af\u30e9\u30b7\u30c3\u30af\u30c6\u30fc\u30de\u306e\u4f5c\u308a\u65b9\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Q2. \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u9762\u306e\u5e95\u4e0a\u3052\u3068\u306f\uff1f<\/h3>\n\n\n\n<p>\u30c6\u30fc\u30de\u958b\u767a\u306b\u304a\u3051\u308b\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u9762\u306e\u5bfe\u5fdc\u306f\u3001\u9069\u5207\u306a\u95a2\u6570\u3092\u4f7f\u3046\u3001\u30b5\u30cb\u30bf\u30a4\u30ba\u3001\u30a8\u30b9\u30b1\u30fc\u30d7\u3092\u9069\u5207\u306b\u884c\u3046\u3053\u3068\u304c\u4e2d\u5fc3\u306b\u306a\u308b\u3068\u601d\u3044\u307e\u3059\u3002\u624b\u672c\u30b3\u30fc\u30c9\u3092\u30d9\u30fc\u30b9\u306b\u5236\u4f5c\u3059\u308c\u3070\u5e95\u4e0a\u3052\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Q3. \u30c6\u30fc\u30de\u5236\u4f5c\u3092\u5b66\u3076\u306e\u306f\u7121\u99c4\u3067\u3059\u304b\uff1f<\/h3>\n\n\n\n<p>\u3053\u3053\u3067\u7d39\u4ecb\u3057\u305f\u306e\u306f\u30c6\u30fc\u30de\u5236\u4f5c\u306e\u5165\u308a\u53e3\u306b\u904e\u304e\u307e\u305b\u3093\u304c\u3001\u53d6\u308a\u7d44\u307f\u7d9a\u3051\u308b\u3068\u30c6\u30fc\u30de\u304c\u5b8c\u6210\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u529b\u304c\u3064\u3044\u305f\u308a\u3001\u57fa\u790e\u77e5\u8b58\u3084\u60c5\u5831\u306e\u771f\u507d\u3092\u898b\u5206\u3051\u308b\u529b\u304c\u3064\u3044\u305f\u308a\u3082\u3057\u307e\u3059\u3002\u30af\u30e9\u30b7\u30c3\u30af\u30c6\u30fc\u30de\u306e\u30b7\u30a7\u30a2\u306f\u5927\u304d\u304f\u3001\u52c9\u5f37\u3059\u308b\u4fa1\u5024\u306f\u307e\u3060\u3042\u308b\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Q4. _s\u306f2025\u5e749\u67085\u65e5\u306b\u30a2\u30fc\u30ab\u30a4\u30d6\u3055\u308c\u307e\u3057\u305f<\/h3>\n\n\n\n<p>\u300c2020\u5e74\u9803\u304b\u3089\u30d6\u30ed\u30c3\u30af\u30c6\u30fc\u30de\u306b\u6ce8\u529b\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u3053\u306e_s\u30b9\u30bf\u30fc\u30bf\u30fc\u30c6\u30fc\u30de\u306e\u7a4d\u6975\u7684\u306a\u66f4\u65b0\u306f\u884c\u3044\u307e\u305b\u3093\u3002\u30d6\u30ed\u30c3\u30af\u30c6\u30fc\u30de\u306e\u8a73\u7d30\u306b\u3064\u3044\u3066\u306f\u3001<a href=\"https:\/\/themeshaper.com\/block-themes\/\">Block Themes<\/a> \u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002\u300d\u3068\u306e\u3053\u3068\u3067\u3059\u3002<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>WordPress\u30c6\u30fc\u30de\uff08\u30af\u30e9\u30b7\u30c3\u30af\u30c6\u30fc\u30de\uff09\u306e\u4f5c\u308a\u65b9\u3092\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\u3002\u6700\u521d\u306b\u5168\u4f53\u3092\u4eee\u5b8c\u6210\u3055\u305b\u3066\u3001\u305d\u306e\u5f8c\u3001\u7d30\u90e8\u3092\u4f5c\u308a\u3053\u3093\u3067\u3044\u304d\u307e\u3059\u3002 \u30ed\u30fc\u30ab\u30eb\u74b0\u5883\u3067\u958b\u767a\u3057\u307e\u3059\u3002LOCAL\u3000\/\u3000WordPress Studio \u6587\u5b57\u5316\u3051\u3057\u306a...<\/p>\n","protected":false},"author":1,"featured_media":8816,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[150],"tags":[],"class_list":["post-9890","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-create-theme"],"_links":{"self":[{"href":"https:\/\/colors-themes.com\/clock\/wp-json\/wp\/v2\/posts\/9890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colors-themes.com\/clock\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/colors-themes.com\/clock\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/colors-themes.com\/clock\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/colors-themes.com\/clock\/wp-json\/wp\/v2\/comments?post=9890"}],"version-history":[{"count":142,"href":"https:\/\/colors-themes.com\/clock\/wp-json\/wp\/v2\/posts\/9890\/revisions"}],"predecessor-version":[{"id":13982,"href":"https:\/\/colors-themes.com\/clock\/wp-json\/wp\/v2\/posts\/9890\/revisions\/13982"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colors-themes.com\/clock\/wp-json\/wp\/v2\/media\/8816"}],"wp:attachment":[{"href":"https:\/\/colors-themes.com\/clock\/wp-json\/wp\/v2\/media?parent=9890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/colors-themes.com\/clock\/wp-json\/wp\/v2\/categories?post=9890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/colors-themes.com\/clock\/wp-json\/wp\/v2\/tags?post=9890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}