{"id":12379130,"date":"2026-03-20T07:47:52","date_gmt":"2026-03-19T23:47:52","guid":{"rendered":"https:\/\/www.likacloud.com\/knowledge\/%e4%bb%8e%e9%9b%b6%e5%88%b0%e4%b8%80%ef%bc%9a%e6%89%93%e9%80%a0%e8%87%aa%e5%ae%9a%e4%b9%89-wordpress-%e4%b8%bb%e9%a2%98%e7%9a%84%e5%ae%8c%e6%95%b4%e5%bc%80%e5%8f%91%e6%8c%87%e5%8d%97\/"},"modified":"2026-06-04T04:58:37","modified_gmt":"2026-06-03T20:58:37","slug":"complete-guide-to-custom-wordpress-theme-development","status":"publish","type":"knowledge_post","link":"https:\/\/www.likacloud.com\/ko\/knowledge\/wordpress\/complete-guide-to-custom-wordpress-theme-development\/","title":{"rendered":"0\uc5d0\uc11c 1\uae4c\uc9c0: \uc0ac\uc6a9\uc790 \uc815\uc758 WordPress \ud14c\ub9c8\ub97c \ub9cc\ub4dc\ub294 \uc644\uc804\ud55c \uac1c\ubc1c \uac00\uc774\ub4dc"},"content":{"rendered":"

\uc624\ub298\ub0a0\uc758 \uc6f9\uc0ac\uc774\ud2b8 \uac1c\ubc1c \ubd84\uc57c\uc5d0\uc11c\ub294 \uae30\uc131 \ud14c\ub9c8\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \ubd84\uba85 \ud3b8\ub9ac\ud558\uc9c0\ub9cc, \uc0ac\uc6a9\uc790 \uc9c0\uc815\uc744 \uc775\ud788\ub294 \uac83\ub3c4 \uc911\uc694\ud569\ub2c8\ub2e4WordPress\u4e3b\u9898<\/code>\uac1c\ubc1c \uc5ed\ub7c9\uc740 \uc6f9\uc0ac\uc774\ud2b8\uc758 \ub514\uc790\uc778, \uae30\ub2a5, \uc131\ub2a5\uc744 \uc644\uc804\ud788 \ud1b5\uc81c\ud560 \uc218 \uc788\uc74c\uc744 \uc758\ubbf8\ud569\ub2c8\ub2e4. \uc774\ub294 \ub3c5\ucc3d\uc801\uc778 \ube0c\ub79c\ub4dc \uc774\ubbf8\uc9c0\ub97c \uad6c\ucd95\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub420 \ubfd0\ub9cc \uc544\ub2c8\ub77c, \uae4a\uc774 \uc774\ud574\ud558\ub294 \uac83\uc774\uae30\ub3c4 \ud569\ub2c8\ub2e4.WordPress<\/code>\ud575\uc2ec \uc791\ub3d9 \uba54\ucee4\ub2c8\uc998\uc744 \uc774\ud574\ud558\ub294 \uac00\uc7a5 \uc88b\uc740 \ubc29\ubc95\uc785\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 \uac00\uc7a5 \uae30\ubcf8\uc801\uc778 \ud658\uacbd \uad6c\ucd95\ubd80\ud130 \uc2dc\uc791\ud574, \uae30\ubcf8 \uad6c\uc870\ub97c \uac16\ucd98 \uc0ac\uc6a9\uc790 \uc815\uc758 \ud14c\ub9c8\ub97c \ub2e8\uacc4\uc801\uc73c\ub85c \uc644\uc131\ud558\ub3c4\ub85d \uc548\ub0b4\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n

\uac1c\ubc1c \ud658\uacbd \ubc0f \ud14c\ub9c8 \uad6c\uc870 \ucd08\uae30\ud654<\/h2>\n\n\n\n

\ucf54\ub4dc \uc791\uc131\uc744 \uc2dc\uc791\ud558\uae30 \uc804\uc5d0 \ud6a8\uc728\uc801\uc778 \ub85c\uceec \uac1c\ubc1c \ud658\uacbd\uc744 \uad6c\ucd95\ud558\ub294 \uac83\uc740 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4. Local by Flywheel, MAMP \ub610\ub294 XAMPP\uc640 \uac19\uc740 \ub3c4\uad6c\ub97c \uc0ac\uc6a9\ud574 PHP, MySQL, Apache\/Nginx\uac00 \ud3ec\ud568\ub41c \ub85c\uceec \uc11c\ubc84\ub97c \ube60\ub974\uac8c \uad6c\uc131\ud558\ub294 \uac83\uc744 \uad8c\uc7a5\ud569\ub2c8\ub2e4. \ub610\ud55c \ucf54\ub4dc \ud3b8\uc9d1\uae30(VS Code, PhpStorm \ub4f1)\uc5d0 WordPress \uac1c\ubc1c\uc5d0 \uc801\ud569\ud55c \ud50c\ub7ec\uadf8\uc778(\uc608: PHP Intelephense)\uc774 \uc124\uce58\ub418\uc5b4 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694.<\/p>\n\n\n\n

\uc0c8 \ud14c\ub9c8\ub97c \ub9cc\ub4dc\ub294 \uccab \ubc88\uc9f8 \ub2e8\uacc4\ub294 \uc62c\ubc14\ub978 \ub514\ub809\ud130\ub9ac \uad6c\uc870\ub97c \ub9cc\ub4dc\ub294 \uac83\uc785\ub2c8\ub2e4. \ub2f9\uc2e0\uc758WordPress<\/code>\uc124\uce58 \ub514\ub809\ud130\ub9ac \uc544\ub798\uc758wp-content\/themes<\/code>\ud3f4\ub354 \uc548\uc5d0 \uc0c8\ub85c \ub2f9\uc2e0\uc758 \ud14c\ub9c8 \uc774\ub984\uc73c\ub85c \ub41c \ud3f4\ub354\ub97c \ub9cc\ub4dc\uc138\uc694. \uc608\ub97c \ub4e4\uc5b4 \u201cmy-custom-theme\u201d\uc785\ub2c8\ub2e4.<\/p>\n

\ucd94\ucc9c \uc77d\uae30 WordPress \ud14c\ub9c8 \uac1c\ubc1c \uc785\ubb38\ubd80\ud130 \uc804\ubb38\uac00 \uc218\uc900\uae4c\uc9c0: \uc81c\ub85c\uc5d0\uc11c \uc2dc\uc791\ud558\uc5ec \ucee4\uc2a4\ud140 \ud14c\ub9c8\ub97c \uad6c\ucd95\ud558\ub294 \ubc29\ubc95<\/a>\u3002<\/p>\n\n\n\n\n

\uc774 \ud3f4\ub354 \uc548\uc5d0\uc11c \ubc18\ub4dc\uc2dc \ub9cc\ub4e4\uc5b4\uc57c \ud558\ub294 \uac00\uc7a5 \uae30\ubcf8\uc801\uc778 \ud30c\uc77c\uc740style.css<\/code>\uadf8\ub9ac\uace0index.php<\/code>\u3002style.css<\/code>\uc2a4\ud0c0\uc77c\uc744 \ub2f4\uc744 \ubfd0\ub9cc \uc544\ub2c8\ub77c, \uc0c1\ub2e8\uc758 \uc8fc\uc11d \ud5e4\ub354\ub294 \ud14c\ub9c8\uc758 \u201c\uc2e0\ubd84\uc99d'\uc73c\ub85c, \uc5d0\uac8c \uc0ac\uc6a9\ub429\ub2c8\ub2e4WordPress<\/code>\uc8fc\uc81c \uc815\ubcf4\ub97c \uc2dd\ubcc4\ud558\uace0 \ud45c\uc2dc\ud569\ub2c8\ub2e4.<\/p>\n\n\r\n

\r\n \r\n
\r\n \r\n UltaHost\uc758 WordPress \ud638\uc2a4\ud305 \uc11c\ube44\uc2a4 <\/strong>\r\n
30\uc77c \ud658\ubd88 \ubcf4\uc7a5, \ubb34\uc81c\ud55c \ub300\uc5ed\ud3ed \ubc0f \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc774\uc6a9, \ubb34\ub8cc DDoS \ubcf4\ud638 \uc11c\ube44\uc2a4 \uc81c\uacf5. 3\ub144 \uad6c\ub9e4 \uc2dc 50% \uc6a9\ub7c9\uc774 \ud560\uc778\ub429\ub2c8\ub2e4.<\/div>\r\n <\/div>\r\n\r\n
\r\n \r\n \"\uc6b8\ud0c0\ud638\uc2a4\ud2b8(ULTAHost)\r\n \r\n <\/a>\r\n \r\n \r\n \uc561\uc138\uc2a4 \ud398\uc774\uc9c0 <\/a>\r\n <\/div>\r\n<\/div>\n\n\n\n\n\n\n

\ub2e4\uc74c\uc740 \ud45c\uc900\uc801\uc778style.css<\/code>\ud30c\uc77c \ud5e4\ub354\uc758 \uc608\uc2dc:<\/p>\n\n\n\n

\/**\n * Theme Name: My Custom Theme\n * Theme URI: https:\/\/example.com\/my-custom-theme\n * Author: Your Name\n * Author URI: https:\/\/example.com\n * Description: A custom WordPress theme built from scratch.\n * Version: 1.0.0\n * License: GPL v2 or later\n * Text Domain: my-custom-theme\n *\/<\/code><\/pre>\n\n\n\n
Text Domain<\/code>\uad6d\uc81c\ud654\uc5d0 \uc0ac\uc6a9\ub418\uba70, \ud14c\ub9c8 \ud3f4\ub354 \uc774\ub984\uacfc \uc77c\uce58\ud574\uc57c \ud569\ub2c8\ub2e4.index.php<\/code>\ubaa8\ub4e0 \ud398\uc774\uc9c0\uc758 \uae30\ubcf8 \ud15c\ud50c\ub9bf \ud30c\uc77c\ub85c \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n
\ud575\uc2ec \ud15c\ud50c\ub9bf \ud30c\uc77c \ubc0f \ud14c\ub9c8 \ub8e8\ud504<\/h2>\n\n\n\n
WordPress<\/code>\ud15c\ud50c\ub9bf \uacc4\uce35 \uc2dc\uc2a4\ud15c\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub2e4\uc591\ud55c \uc720\ud615\uc758 \ucf58\ud150\uce20\ub97c \uc5b4\ub5bb\uac8c \ud45c\uc2dc\ud560\uc9c0 \uacb0\uc815\ud569\ub2c8\ub2e4. \uc774\ub7ec\ud55c \ud575\uc2ec \ud15c\ud50c\ub9bf \ud30c\uc77c\uc744 \uc774\ud574\ud558\uace0 \ub9cc\ub4dc\ub294 \uac83\uc740 \ud14c\ub9c8 \uac1c\ubc1c\uc758 \ud575\uc2ec\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n
\uba3c\uc800, \uacf5\ud1b5 \ud398\uc774\uc9c0 \uad6c\uc870(\uc608: HTML5 \uc120\uc5b8, \ud5e4\ub354, \ud478\ud130)\ub97c \ubcc4\ub3c4\uc758 \ud30c\uc77c\ub85c \ubd84\ub9ac\ud569\ub2c8\ub2e4.header.php<\/code>\ud30c\uc77c\uc5d0\ub294 \ubcf4\ud1b5 \ub2e4\uc74c\uacfc \uac19\uc740 \ub0b4\uc6a9\ub4e4\uc774 \ud3ec\ud568\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4:<doctype html><\/code>\u3001<head><\/code>\uc601\uc5ed \ubc0f \uc6f9\uc0ac\uc774\ud2b8\uc758 \uba38\ub9ac\uae00 \ubd80\ubd84(\uc608: \ub85c\uace0\uc640 \ud0d0\uc0c9 \uba54\ub274). \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.wp_head()<\/code>\u51fd\u6570\u8ba9WordPress<\/code>\u548c\u63d2\u4ef6\u5728\u6b64\u5904\u63d2\u5165\u5fc5\u8981\u7684\u4ee3\u7801\u548c\u6837\u5f0f\u3002<\/p>\n
\ucd94\ucc9c \uc77d\uae30 \uc131\uacf5\uc801\uc778 WordPress \ud14c\ub9c8\ub97c \uc81c\uc791\ud558\ub294 \ubc29\ubc95: \uc81c\ub85c\uc5d0\uc11c \uc6d0\uae4c\uc9c0\uc758 \uc804\uccb4 \uacfc\uc815 \uac00\uc774\ub4dc<\/a>\u3002<\/p>\n\n\n\n\n
\ub530\ub77c\uc11c, \uc0dd\uc131\ud574\uc57c \ud569\ub2c8\ub2e4.footer.php<\/code>\ud398\uc774\uc9c0 \ud558\ub2e8 \ub0b4\uc6a9\uc744 \ubc30\uce58\ud558\uace0 \uc0ac\uc6a9wp_footer()<\/code>\u51fd\u6570\u3002\u7f51\u7ad9\u7684\u4e3b\u4f53\u4fa7\u8fb9\u680f\u53ef\u4ee5\u653e\u5728sidebar.php<\/code>\uac00\uc6b4\ub370.<\/p>\n\n\n\n
\uadf8\ub7f0 \ub2e4\uc74c,index.php<\/code>\uc911, \uc0ac\uc6a9get_header()<\/code>\u3001get_footer()<\/code>\uadf8\ub9ac\uace0get_sidebar()<\/code>\ud568\uc218\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc774\ub7ec\ud55c \ubd80\ubd84\ub4e4\uc744 \uac00\uc838\uc635\ub2c8\ub2e4.<\/p>\n\n\n\n
\u63a5\u4e0b\u6765\uff0c\u4f60\u9700\u8981\u7406\u89e3\u5e76\u5b9e\u73b0\u201cWordPress \u5faa\u73af\u201d\uff08The Loop\uff09\u3002\u8fd9\u662fWordPress<\/code>\ub370\uc774\ud130\ubca0\uc774\uc2a4\uc5d0\uc11c \uae00\uc744 \uac80\uc0c9\ud558\uace0 \ud45c\uc2dc\ud558\ub294 \ub370 \uc0ac\uc6a9\ub418\ub294 \ud575\uc2ec \uba54\ucee4\ub2c8\uc998\uc785\ub2c8\ub2e4. \uac00\uc7a5 \uae30\ubcf8\uc801\uc778 \ub8e8\ud504 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n\n\r\n
\r\n     \r\n  
\r\n    \r\n      \ud638\uc2a4\ud305\ub2f7\ucef4 \uacf5\uc720 \ud638\uc2a4\ud305    <\/strong>\r\n    
AMD EPYC CPU, NVMe SSD \uc2a4\ud1a0\ub9ac\uc9c0 \ubc0f LiteSpeed\ub97c \ud1b5\ud55c \uace0\uc131\ub2a5, \uc5f0\uc911\ubb34\ud734 24\uc2dc\uac04 \uc804\ubb38\uac00 \uc0ac\ub0b4 \uc9c0\uc6d0, SSL, \ubb34\ucc28\ubcc4 \uacf5\uaca9, \uba40\uc6e8\uc5b4 \ubc0f DDoS \ubcf4\ud638\ub97c \ud3ec\ud568\ud55c \uace0\uae09 \ubcf4\uc548 \uc870\uce58, \ucd5c\ub300 73%\uc758 \ube44\uc6a9 \uc808\uac10.<\/div>\r\n  <\/div>\r\n\r\n  
\r\n          \r\n                  \"\ud638\uc2a4\ud305\ub2f7\ucef4\r\n          \r\n              <\/a>\r\n    \r\n    \r\n       \uc561\uc138\uc2a4 \ud398\uc774\uc9c0    <\/a>\r\n  <\/div>\r\n<\/div>\n\n\n\n\n\n\n
\ub9cc\uc77c \uac8c\uc2dc\ubb3c\uc774 \uc788\ub2e4\uba74 : while ( have_posts() ) : the_post(); ?&gt;\n    <article id="post-My Custom Theme get_the_id(); ?>" no numeric noise key 1002>\n        <h2><a href="\/ko\/My Custom Theme get_permalink(); \/?>">\ub0b4 \uc0ac\uc6a9\uc790 \uc815\uc758 \ud14c\ub9c8 the_title(); ?&gt;<\/a><\/h2>\n        <div class="entry-content">\n            \ub0b4 \uc0ac\uc6a9\uc790 \uc815\uc758 \ud14c\ub9c8 the_content(); ?&gt;\n        <\/div>\n    <\/article>\n\n    <p>My Custom Theme _e( 'Sorry, no posts matched your criteria.', 'my-custom-theme' ); ?&gt;<\/p><\/code><\/pre>\n\n\n\n
\uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ub192\uc774\uae30 \uc704\ud574 \ubc18\ubcf5\ubb38 \uc885\ub8cc \ud6c4 \ud398\uc774\uc9c0\ub124\uc774\uc158 \ub0b4\ube44\uac8c\uc774\uc158\uc744 \ucd94\uac00\ud574 \uc0ac\uc6a9\ud558\uc138\uc694the_posts_pagination()<\/code>\ud568\uc218\uba74 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n
\uace0\uae09 \ud15c\ud50c\ub9bf \ubc0f \uae30\ub2a5 \ud1b5\ud569<\/h2>\n\n\n\n
\uae30\ubcf8 \uad6c\uc870\uac00 \uc644\uc131\ub41c \ud6c4\uc5d0\ub294 \ud2b9\uc815 \ucf58\ud150\uce20 \uc720\ud615\uc5d0 \ub300\ud574 \ub354 \uc804\ubb38\uc801\uc778 \ud15c\ud50c\ub9bf\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc0dd\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4single.php<\/code>\uac1c\ubcc4 \uae00\uc758 \ud45c\uc2dc\ub97c \uc81c\uc5b4\ud569\ub2c8\ub2e4page.php<\/code>\ub3c5\ub9bd\uc801\uc778 \ud398\uc774\uc9c0\uc5d0 \uc0ac\uc6a9\ub429\ub2c8\ub2e4.archive.php<\/code>\uce74\ud14c\uace0\ub9ac, \ud0dc\uadf8 \ub4f1\uc758 \uc544\uce74\uc774\ube0c \ud398\uc774\uc9c0\uc5d0 \uc0ac\uc6a9\ub429\ub2c8\ub2e4404.php<\/code>\u7528\u4e8e\u5904\u7406\u627e\u4e0d\u5230\u9875\u9762\u7684\u60c5\u51b5\u3002<\/p>\n\n\n\n
\ud604\ub300\uc2ddWordPress<\/code>\uac1c\ubc1c\ud300\uc740 \u201c\uac8c\uc2dc\ubb3c \uc378\ub124\uc77c\u201d \uae30\ub2a5 \uc9c0\uc6d0\uc744 \uac15\ub825\ud788 \uad8c\uc7a5\ud569\ub2c8\ub2e4. \ub2f9\uc2e0\uc740 \uc5d0\uc11cfunctions.php<\/code>\ud30c\uc77c\uc5d0 \ud14c\ub9c8 \uc9c0\uc6d0 \uc120\uc5b8\uc744 \ucd94\uac00\ud558\uc138\uc694. \uc774 \ud30c\uc77c\uc740 \ud14c\ub9c8\uc758 \u201c\uae30\ub2a5 \uc911\uc2ec\u201d\uc73c\ub85c, \ub2e4\uc591\ud55c \uae30\ub2a5\uc744 \ucd94\uac00\ud558\uace0 \uba54\ub274\ub97c \ub4f1\ub85d\ud558\ub294 \ub370 \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n
\ucd94\ucc9c \uc77d\uae30 WordPress \ud14c\ub9c8 \uac1c\ubc1c \uc785\ubb38 \uac00\uc774\ub4dc: \uc81c\ub85c\uc5d0\uc11c \uc2dc\uc791\ud558\uc5ec \uccab \ubc88\uc9f8 \ucee4\uc2a4\ud140 \ud14c\ub9c8\ub97c \ub9cc\ub4e4\uc5b4\ubcf4\uc138\uc694<\/a>\u3002<\/p>\n\n\n\n\n
Infunctions.php<\/code>\ub2e4\uc74c \ucf54\ub4dc\ub97c \ucd94\uac00\ud558\uc5ec \uc5ec\ub7ec \uae30\ubcf8 \uae30\ub2a5\uc744 \ud65c\uc131\ud654\ud569\ub2c8\ub2e4:<\/p>\n\n\n\n
<?php\nfunction my_custom_theme_setup() {\n    \/\/ \u8ba9\u4e3b\u9898\u652f\u6301\u6587\u7ae0\u7279\u8272\u56fe\u50cf\n    add_theme_support( 'post-thumbnails' );\n    \/\/ \u652f\u6301\u5728\u540e\u53f0\u81ea\u5b9a\u4e49Logo\n    add_theme_support( 'custom-logo' );\n    \/\/ \u4e3a\u6587\u7ae0\u548c\u8bc4\u8bba\u8f93\u51faHTML5\u6807\u8bb0\n    add_theme_support( 'html5', array( 'comment-list', 'comment-form', 'search-form', 'gallery', 'caption', 'style', 'script' ) );\n    \/\/ \u652f\u6301\u6807\u9898\u6807\u7b7e\u529f\u80fd\uff08WordPress\u81ea\u52a8\u7ba1\u7406<title>\u6807\u7b7e\uff09\n    add_theme_support( 'title-tag' );\n}\nadd_action( 'after_setup_theme', 'my_custom_theme_setup' );<\/code><\/pre>\n\n\n\n
\uba54\ub274 \uc704\uce58\ub97c \ub4f1\ub85d\ud558\ub294 \uac83\uc740 \ub610 \ub2e4\ub978 \uc911\uc694\ud55c \ub2e8\uacc4\uc785\ub2c8\ub2e4. \uacc4\uc18d\ud574\uc11cfunctions.php<\/code>\uc911\uc5d0 \ub2e4\uc74c\uc744 \ucd94\uac00\ud558\uc138\uc694:<\/p>\n\n\r\n
\r\n     \r\n  
\r\n    \r\n      InterServer \uacf5\uc720 \ud638\uc2a4\ud305    <\/strong>\r\n    
\uacf5\uc720 \ud638\uc2a4\ud305 \uc6d4 $2.50 USD, \uccab \ub2ec $0.1 USD \ud504\ub85c\ubaa8\uc158 \ucf54\ub4dc tryinterserver, 461\uac1c \ud074\ub77c\uc6b0\ub4dc \uc571 \uc2a4\ud06c\ub9bd\ud2b8, \uc6d0\ud074\ub9ad \uc124\uce58.<\/div>\r\n  <\/div>\r\n\r\n  
\r\n          \r\n                  \"\uc778\ud130\uc11c\ubc84(InterServer)\r\n          \r\n              <\/a>\r\n    \r\n    \r\n       \uc561\uc138\uc2a4 \ud398\uc774\uc9c0    <\/a>\r\n  <\/div>\r\n<\/div>\n\n\n\n\n\n\n
function my_custom_theme_menus() {\n    register_nav_menus(\n        array(\n            'primary' => __( 'Primary Menu', 'my-custom-theme' ),\n            'footer'  => __( 'Footer Menu', 'my-custom-theme' ),\n        )\n    );\n}\nadd_action( 'init', 'my_custom_theme_menus' );<\/code><\/pre>\n\n\n\n
\ub4f1\ub85d\ud558\uc2dc\uba74 \ud574\ub2f9 \ud15c\ud50c\ub9bf \ud30c\uc77c(\uc608:header.php<\/code>)\uc5d0\uc11c \uc0ac\uc6a9\ub429\ub2c8\ub2e4.wp_nav_menu( array( \u2018theme_location\u2019 => \u2018primary\u2019 ) );<\/code>\ud0d0\uc0c9 \uba54\ub274\ub97c \ubd88\ub7ec\uc654\uc5b4\uc694.<\/p>\n\n\n\n
\uc2a4\ud0c0\uc77c \uad6c\uc131, \uc2a4\ud06c\ub9bd\ud2b8 \uad00\ub9ac \ubc0f \ud14c\ub9c8 \ucd5c\uc801\ud654<\/h2>\n\n\n\n
\ud6cc\ub96d\ud55c \ud14c\ub9c8\ub294 \uae30\ub2a5\uc774 \uc798 \uac16\ucdb0\uc838 \uc788\uc744 \ubfd0\ub9cc \uc544\ub2c8\ub77c, \uc544\ub984\ub2f5\uace0 \ud6a8\uc728\uc801\uc774\uc5b4\uc57c \ud569\ub2c8\ub2e4. \uc8fc\uc694 \uc2a4\ud0c0\uc77c \uaddc\uce59\uc740 \uc791\uc131\ud558\ub294 \uac83\uc744 \uad8c\uc7a5\ud569\ub2c8\ub2e4style.css<\/code>\uadf8\ub9ac\uace0 \uc0ac\uc6a9\ud558\uc138\uc694.wp_enqueue_style()<\/code>\ud568\uc218\ub294 \uc774\ub97c \uc62c\ubc14\ub974\uac8c \ud050\uc5d0 \ucd94\uac00\ud569\ub2c8\ub2e4. JavaScript \ud30c\uc77c\uc758 \uacbd\uc6b0 \ub2e4\uc74c\uc744 \uc0ac\uc6a9\ud574\uc57c \ud569\ub2c8\ub2e4wp_enqueue_script()<\/code>\ud568\uc218\uc774\uba70, \uc885\uc18d \ud56d\ubaa9\uacfc \ub85c\ub4dc \uc704\uce58(\ud5e4\ub354 \ub610\ub294 \ud478\ud130)\uc5d0 \uc720\uc758\ud558\uc138\uc694.<\/p>\n\n\n\n
\ud45c\uc900 \uc2a4\ud06c\ub9bd\ud2b8 \ubc0f \uc2a4\ud0c0\uc77c\uc2dc\ud2b8 \ub300\uae30\uc5f4 \ud568\uc218 \uc608\uc81c\ub294 \ub2e4\uc74c\uc5d0 \ucd94\uac00\ud574\uc57c \ud569\ub2c8\ub2e4functions.php<\/code>\uc911\uad6d\uc5b4:<\/p>\n\n\n\n
function my_custom_theme_scripts() {\n    \/\/ \u5f15\u5165\u4e3b\u9898\u7684\u4e3b\u6837\u5f0f\u8868\n    wp_enqueue_style( 'my-custom-theme-style', get_stylesheet_uri() );\n    \/\/ \u5f15\u5165\u4e00\u4e2a\u81ea\u5b9a\u4e49\u7684JS\u6587\u4ef6\uff0c\u4f9d\u8d56jQuery\uff0c\u5e76\u5728\u9875\u811a\u52a0\u8f7d\n    wp_enqueue_script( 'my-custom-theme-script', get_template_directory_uri() . '\/js\/custom.js', array( 'jquery' ), null, true );\n}\nadd_action( 'wp_enqueue_scripts', 'my_custom_theme_scripts' );<\/code><\/pre>\n\n\n\n
\ud14c\ub9c8\uc758 \uc720\uc9c0\ubcf4\uc218\uc131\uacfc \ud655\uc7a5\uc131\uc744 \ub192\uc774\uae30 \uc704\ud574 \u201c\ud15c\ud50c\ub9bf \ubd80\ubd84\u201d\uc774\ub77c\ub294 \uac1c\ub150\uc744 \ub3c4\uc785\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \uc0ac\uc6a9\ud558\uba74get_template_part()<\/code>\ud568\uc218\ub294 \uc77c\ubd80 \uc7ac\uc0ac\uc6a9 \uac00\ub2a5\ud55c \ucf54\ub4dc \uc870\uac01(\uc608: \uae00 \uba54\ud0c0 \uc815\ubcf4, \uc791\uc131\uc790 \ubc15\uc2a4)\uc744 \ubcc4\ub3c4\uc758 PHP \ud30c\uc77c\ub85c \ubd84\ub9ac\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uba74template-parts\/content.php<\/code>\u3002<\/p>\n\n\n\n
\u6700\u540e\uff0c\u6027\u80fd\u4e0e\u5b89\u5168\u6027\u4e0d\u5bb9\u5ffd\u89c6\u3002\u786e\u4fdd\u6240\u6709\u8f93\u51fa\u5230\u9875\u9762\u7684\u52a8\u6001\u6570\u636e\u90fd\u4f7f\u7528\u9002\u5f53\u7684WordPress<\/code>\ub0b4\uc7a5 \ud568\uc218\ub97c \uc0ac\uc6a9\ud574 \uc774\uc2a4\ucf00\uc774\ud504 \ucc98\ub9ac, \uc608:esc_html()<\/code>\u3001esc_attr()<\/code>\uadf8\ub9ac\uace0esc_url()<\/code>\uc774\ubbf8\uc9c0 \uc9c0\uc5f0 \ub85c\ub529, CSS\/JS \ud30c\uc77c \ucd5c\uc18c\ud654 \ub4f1\uc758 \ucd5c\uc801\ud654 \uc870\uce58\ub97c \uace0\ub824\ud558\uace0 \uc900\uc218\ud558\uc2ed\uc2dc\uc624WordPress<\/code>\uacf5\uc2dd \ucf54\ub529 \ud45c\uc900.<\/p>\n\n\n\n
\uc694\uc57d<\/h2>\n\n\n\n
\u201cCreate a document that contains\u2026\u201dstyle.css<\/code>\uadf8\ub9ac\uace0index.php<\/code>\ud3f4\ub354\ubd80\ud130 \uc2dc\uc791\ud574, \uc810\ucc28 \uc644\uc804\ud55c \uc0ac\uc6a9\uc790 \uc9c0\uc815\uc744 \uad6c\ucd95\ud588\uc2b5\ub2c8\ub2e4WordPress\u4e3b\u9898<\/code>. \uc774 \uacfc\uc815\uc740 \ud575\uc2ec \ud15c\ud50c\ub9bf \ud30c\uc77c(\uc608:header.php<\/code>\u3001footer.php<\/code>)\uc758 \ubd84\ud560, WordPress \ub8e8\ud504 \uad6c\ud604, \uace0\uae09 \ud15c\ud50c\ub9bf \uc0dd\uc131 \ubc0ffunctions.php<\/code>\ud575\uc2ec \uae30\ub2a5(\uc608: \uba54\ub274 \ub4f1\ub85d, \ub300\ud45c \uc774\ubbf8\uc9c0)\uc744 \ud1b5\ud569\ud569\ub2c8\ub2e4. \uc2a4\ud06c\ub9bd\ud2b8\uc640 \uc2a4\ud0c0\uc77c\uc744 \uc62c\ubc14\ub974\uac8c \ub300\uae30\uc5f4\uc5d0 \ucd94\uac00\ud558\uace0, \ud15c\ud50c\ub9bf \ud30c\ud2b8\ub97c \uc0ac\uc6a9\ud558\uba70, \ub370\uc774\ud130 \ubcf4\uc548\uc5d0 \uc720\uc758\ud558\ub294 \ub4f1\uc758 \ubaa8\ubc94 \uc0ac\ub840\ub97c \ub530\ub974\uba74, \uacb0\uad6d \uad6c\uc870\uac00 \uba85\ud655\ud558\uace0 \uae30\ub2a5\uc774 \uc644\uc804\ud558\uba70 \uc131\ub2a5\uc774 \uc6b0\uc218\ud558\uace0 \uc720\uc9c0\ubcf4\uc218\uac00 \uc26c\uc6b4 \ub3c5\ucc3d\uc801\uc778 \ud14c\ub9c8\ub97c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub294 \ube14\ub85d \ud3b8\uc9d1\uae30 \ud14c\ub9c8, \uc0ac\uc6a9\uc790 \uc815\uc758 \uae00 \uc720\ud615 \ub4f1\uacfc \uac19\uc740 \ub354 \ubcf5\uc7a1\ud55c \ud14c\ub9c8 \uac1c\ubc1c\uc744 \ub354 \uae4a\uc774 \ud0d0\uad6c\ud558\uae30 \uc704\ud55c \ud0c4\ud0c4\ud55c \uae30\ubc18\uc744 \ub9c8\ub828\ud574 \uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n
\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38<\/h2>\n\n\n\n
\uc0ac\uc6a9\uc790 \uc815\uc758 \ud14c\ub9c8 \uac1c\ubc1c \uc804\uc5d0 \uc54c\uc544\uc57c \ud560 \uae30\ubcf8 \uc9c0\uc2dd<\/h3>\n\n\n\n
\uc801\uc5b4\ub3c4 HTML\uacfc CSS\uc5d0 \ub300\ud55c \ud0c4\ud0c4\ud55c \uc9c0\uc2dd\uc744 \uac16\ucd94\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. \uc774\ub294 \ud398\uc774\uc9c0 \uad6c\uc870\uc640 \uc2a4\ud0c0\uc77c\uc744 \uad6c\ucd95\ud558\ub294 \uae30\ucd08\uc785\ub2c8\ub2e4. \ub610\ud55c WordPress\uc758 \ud575\uc2ec\uacfc \ud15c\ud50c\ub9bf \uc2dc\uc2a4\ud15c\uc774 \ubaa8\ub450 PHP\ub85c \uad6c\ub3d9\ub418\ubbc0\ub85c PHP\uc5d0 \ub300\ud55c \uae30\ubcf8\uc801\uc778 \uc774\ud574\uac00 \ud544\uc694\ud569\ub2c8\ub2e4. JavaScript\uc5d0 \ub300\ud55c \uae30\ucd08\uc801\uc778 \uc774\ud574\ub294 \uc0c1\ud638\uc791\uc6a9 \uae30\ub2a5\uc744 \ucd94\uac00\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4. \uae00, \ud398\uc774\uc9c0, \ubd84\ub958 \uccb4\uacc4, \ud6c5, \ub8e8\ud504\uc640 \uac19\uc740 WordPress\uc758 \uae30\ubcf8 \uac1c\ub150\uc744 \uc774\ud574\ud558\ub294 \uac83 \ub610\ud55c \ud544\uc218\uc801\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n
\uc0ac\uc6a9\uc790 \uc815\uc758 \ud14c\ub9c8\uc640 \ud558\uc704 \ud14c\ub9c8 \uac1c\ubc1c\uc740 \uc5b4\ub5bb\uac8c \uc120\ud0dd\ud574\uc57c \ud558\ub098\uc694<\/h3>\n\n\n\n
\uae30\uc874 \ud14c\ub9c8\ub97c \ube44\uad50\uc801 \uc791\uac8c \uc218\uc815\ud558\uac70\ub098 \uae30\ub2a5\uc744 \ucd94\uac00\ud560 \uacc4\ud68d\uc774\ub77c\uba74, \uc790\uc2dd \ud14c\ub9c8\ub97c \ub9cc\ub4dc\ub294 \uac83\uc774 \ub354 \uc548\uc804\ud558\uace0 \ud6a8\uc728\uc801\uc778 \uc120\ud0dd\uc785\ub2c8\ub2e4. \uc790\uc2dd \ud14c\ub9c8\ub294 \ubd80\ubaa8 \ud14c\ub9c8\uc758 \ubaa8\ub4e0 \uae30\ub2a5\uc744 \uc0c1\uc18d\ud560 \uc218 \uc788\uc73c\uba70, \uc218\uc815\uc774 \ud544\uc694\ud55c \ud30c\uc77c\uc774\ub098 \ud568\uc218\ub9cc \uc790\uc2dd \ud14c\ub9c8\uc5d0\uc11c \ub36e\uc5b4\uc4f0\uba74 \ub418\ubbc0\ub85c \ubd80\ubaa8 \ud14c\ub9c8\uac00 \uc5c5\ub370\uc774\ud2b8\ub420 \ub54c\ub3c4 \uc0ac\uc6a9\uc790\uc758 \ub9de\ucda4 \uc124\uc815 \ub0b4\uc6a9\uc740 \uc77c\ubc18\uc801\uc73c\ub85c \uc0ac\ub77c\uc9c0\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ubc18\uba74 \ucc98\uc74c\ubd80\ud130 \uc644\uc804\ud788 \uc0c8\ub85c\uc6b4 \ub514\uc790\uc778, \ub808\uc774\uc544\uc6c3, \uae30\ub2a5 \uc138\ud2b8\ub97c \uad6c\ud604\ud574\uc57c \ud558\uac70\ub098 WordPress\uc758 \ud575\uc2ec \uba54\ucee4\ub2c8\uc998\uc744 \uae4a\uc774 \uc788\uac8c \ud559\uc2b5\ud558\ub824\ub294 \uacbd\uc6b0\uc5d0\ub294 \ucc98\uc74c\ubd80\ud130 \uc0ac\uc6a9\uc790 \uc815\uc758 \ud14c\ub9c8\ub97c \uac1c\ubc1c\ud558\ub294 \uac83\uc744 \uc120\ud0dd\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
\ub0b4 \ud14c\ub9c8\uc5d0 \uc704\uc82f \uc9c0\uc6d0\uc744 \ucd94\uac00\ud558\ub294 \ubc29\ubc95<\/h3>\n\n\n\n
\uc704\uc82f \uc9c0\uc6d0\uc740 \ub2e4\uc74c\uc744 \ud1b5\ud574functions.php<\/code>\u6587\u4ef6\u4e2d\u6ce8\u518c\u4fa7\u8fb9\u680f\u6765\u5b9e\u73b0\u3002\u4f60\u9700\u8981\u4f7f\u7528register_sidebar()<\/code>\ud568\uc218\ub97c \uc0ac\uc6a9\ud574 \ud558\ub098 \uc774\uc0c1\uc758 \uc704\uc82f \uc601\uc5ed\uc744 \uc815\uc758\ud569\ub2c8\ub2e4. \ud568\uc218 \uc548\uc5d0\uc11c \uc0ac\uc774\ub4dc\ubc14\uc758 ID, \uc774\ub984, \uc124\uba85\uacfc \uc55e\ub4a4 \ub798\ud551 \uc694\uc18c\ub97c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub4f1\ub85d\uc774 \uc131\uacf5\ud558\uba74 \uc0ac\uc6a9\uc790\ub294 WordPress \uad00\ub9ac\uc790 \ud654\uba74\uc758 \u201c\uc678\ubaa8 -> \uc704\uc82f\u201d\uc5d0\uc11c \uc774\ub7ec\ud55c \uc601\uc5ed\uc5d0 \uc704\uc82f\uc744 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub9c8\uc9c0\ub9c9\uc73c\ub85c \ud15c\ud50c\ub9bf \ud30c\uc77c(\uc608:sidebar.php<\/code>)\uc5d0\uc11c \uc0ac\uc6a9\ub429\ub2c8\ub2e4.dynamic_sidebar()<\/code>\ucd94\uac00\ub41c \uc704\uc82f\uc758 \ub0b4\uc6a9\uc744 \ud45c\uc2dc\ud558\ub294 \ud568\uc218.<\/p>\n\n\n\n
\ub0b4 \uc0ac\uc6a9\uc790 \uc9c0\uc815 \ud14c\ub9c8\uac00 \uad00\ub9ac\uc790 \ud654\uba74\uc5d0 \ud45c\uc2dc\ub418\uc9c0 \uc54a\ub294 \uc774\uc720<\/h3>\n\n\n\n
\uc774\ub294 \ubcf4\ud1b5 \ub2e4\uc74c\uacfc \uac19\uc740 \uc774\uc720\ub85c \ubc1c\uc0dd\ud569\ub2c8\ub2e4:style.css<\/code>\ud30c\uc77c \uc0c1\ub2e8\uc758 \ud14c\ub9c8 \uc815\ubcf4 \uc8fc\uc11d \ud5e4\ub354 \ud615\uc2dd\uc774 \uc62c\ubc14\ub974\uc9c0 \uc54a\uac70\ub098 \uc815\ubcf4\uac00 \ub204\ub77d\ub418\uc5b4 \ubc1c\uc0dd\ud55c \uac83\uc785\ub2c8\ub2e4. \ud574\ub2f9 \ud30c\uc77c\uc774 \ud14c\ub9c8 \ub8e8\ud2b8 \ub514\ub809\ud130\ub9ac\uc5d0 \uc874\uc7ac\ud558\ub294\uc9c0, \uadf8\ub9ac\uace0 \uc8fc\uc11d \ud5e4\ub354\uc758Theme Name:<\/code>\ub4f1\uc758 \ud544\ub4dc\uac00 \uc644\uc804\ud558\uace0 \ud615\uc2dd\uc774 \uc62c\ubc14\ub985\ub2c8\ub2e4. \ub610 \ub2e4\ub978 \uc77c\ubc18\uc801\uc778 \uc6d0\uc778\uc740 \ud14c\ub9c8 \ud3f4\ub354\uac00 \uc798\ubabb\ub41c \uc704\uce58\uc5d0 \ubc30\uce58\ub41c \uac83\uc73c\ub85c, \ubc18\ub4dc\uc2dc \ubc14\ub85c \uc704\uce58\ud574\uc57c \ud569\ub2c8\ub2e4wp-content\/themes\/<\/code>\ub514\ub809\ud130\ub9ac \uc544\ub798\uc5d0 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c WordPress \ubc84\uc804\uc774 \ud14c\ub9c8 \uc694\uad6c \uc0ac\ud56d\uc744 \ucda9\uc871\ud558\ub294\uc9c0, \uadf8\ub9ac\uace0 PHP \ubb38\ubc95\uc5d0 \uc624\ub958\uac00 \uc5c6\ub294\uc9c0\ub3c4 \ud655\uc778\ud558\uc138\uc694. \uc774\ub7ec\ud55c \uc810\ub4e4\ub3c4 \ud14c\ub9c8\ub97c \uc778\uc2dd\ud558\uc9c0 \ubabb\ud558\uac8c \ud558\ub294 \uc6d0\uc778\uc774 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>","protected":false},"excerpt":{"rendered":"
\uc774 \uae00\uc5d0\uc11c\ub294 \uc0ac\uc6a9\uc790 \uc815\uc758 WordPress \ud14c\ub9c8 \uac1c\ubc1c\uc758 \uc804\uccb4 \uacfc\uc815\uc744 \uc790\uc138\ud788 \uc18c\uac1c\ud569\ub2c8\ub2e4. \ub85c\uceec \uac1c\ubc1c \ud658\uacbd \uad6c\ucd95\uacfc \ud14c\ub9c8 \ub514\ub809\ud130\ub9ac \uad6c\uc870 \ucd08\uae30\ud654\ubd80\ud130 \uc2dc\uc791\ud574, \ud575\uc2ec \ud15c\ud50c\ub9bf \ud30c\uc77c \uc0dd\uc131\uacfc WordPress \ub8e8\ud504 \uad6c\ud604\uc744 \ub2e8\uacc4\uc801\uc73c\ub85c \uc124\uba85\ud558\uba70, \uac1c\ubc1c\uc790\uac00 \ud14c\ub9c8\ub97c \ub3c5\uc790\uc801\uc73c\ub85c \uad6c\ucd95\ud558\ub294 \ud575\uc2ec \ub2e8\uacc4\uc640 \ud575\uc2ec \uba54\ucee4\ub2c8\uc998\uc744 \uc775\ud790 \uc218 \uc788\ub3c4\ub85d \ub3d5\uc2b5\ub2c8\ub2e4.<\/p>","protected":false},"author":7,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[638,1905,366,379,805],"knowledge_category":[280],"class_list":["post-12379130","knowledge_post","type-knowledge_post","status-publish","hentry","tag-wordpress-theme-development","tag-theme-templates","tag-development-guide","tag-web-development","tag-custom-themes","knowledge_category-wordpress"],"acf":{"site_seo_keywords":"WordPress\u4e3b\u9898\u5f00\u53d1,\u81ea\u5b9a\u4e49\u4e3b\u9898,WordPress\u6559\u7a0b,\u4e3b\u9898\u5f00\u53d1\u6307\u5357,\u6a21\u677f\u6587\u4ef6,WordPress\u5faa\u73af,\u672c\u5730\u5f00\u53d1\u73af\u5883,\u4ece\u96f6\u5f00\u59cb\u5efa\u4e3b\u9898"},"_links":{"self":[{"href":"https:\/\/www.likacloud.com\/ko\/wp-json\/wp\/v2\/knowledge_posts\/12379130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.likacloud.com\/ko\/wp-json\/wp\/v2\/knowledge_posts"}],"about":[{"href":"https:\/\/www.likacloud.com\/ko\/wp-json\/wp\/v2\/types\/knowledge_post"}],"author":[{"embeddable":true,"href":"https:\/\/www.likacloud.com\/ko\/wp-json\/wp\/v2\/users\/7"}],"version-history":[{"count":1,"href":"https:\/\/www.likacloud.com\/ko\/wp-json\/wp\/v2\/knowledge_posts\/12379130\/revisions"}],"predecessor-version":[{"id":12405264,"href":"https:\/\/www.likacloud.com\/ko\/wp-json\/wp\/v2\/knowledge_posts\/12379130\/revisions\/12405264"}],"wp:attachment":[{"href":"https:\/\/www.likacloud.com\/ko\/wp-json\/wp\/v2\/media?parent=12379130"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.likacloud.com\/ko\/wp-json\/wp\/v2\/tags?post=12379130"},{"taxonomy":"knowledge_category","embeddable":true,"href":"https:\/\/www.likacloud.com\/ko\/wp-json\/wp\/v2\/knowledge_category?post=12379130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}