{"id":11052,"date":"2024-12-19T23:49:36","date_gmt":"2024-12-19T14:49:36","guid":{"rendered":"https:\/\/www.stechstar.com\/user\/wordpress\/?p=11052"},"modified":"2026-08-17T09:18:12","modified_gmt":"2026-08-17T00:18:12","slug":"wordpress-%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-wordpress-%ed%8e%98%ec%9d%b4%ec%a7%80%eb%98%90%eb%8a%94-%ea%b8%80%ec%97%90-%eb%b3%84%eb%8f%84-css%ec%99%80-javascript-%ec%b6%94%ea%b0%80","status":"publish","type":"post","link":"https:\/\/www.stechstar.com\/user\/wordpress\/wordpress-%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-wordpress-%ed%8e%98%ec%9d%b4%ec%a7%80%eb%98%90%eb%8a%94-%ea%b8%80%ec%97%90-%eb%b3%84%eb%8f%84-css%ec%99%80-javascript-%ec%b6%94%ea%b0%80\/","title":{"rendered":"[wordpress, \uc6cc\ub4dc\ud504\ub808\uc2a4] WordPress \ud398\uc774\uc9c0\ub610\ub294 \uae00\uc5d0 \ubcc4\ub3c4 CSS\uc640 JavaScript \ucd94\uac00\ud558\uae30"},"content":{"rendered":"

[wordpress, \uc6cc\ub4dc\ud504\ub808\uc2a4] WordPress \ud398\uc774\uc9c0\ub610\ub294 \uae00\uc5d0 \ubcc4\ub3c4 CSS\uc640 JavaScript \ucd94\uac00\ud558\uae30<\/h1>\n
\n

WordPress \ud398\uc774\uc9c0\ub610\ub294 \uae00\uc5d0 \ubcc4\ub3c4 CSS\uc640 JavaScript \ucd94\uac00\ud558\uae30<\/h1>\n
\"WordPress<\/a><\/div>\n
Free\uc18c\uc2a4<\/a> <\/span>  2<\/a> <\/span> RWDB<\/span><\/div>\n<\/header>\n
\n
\n

\uc548\ub155\ud558\uc138\uc694
\nRWDB \uc785\ub2c8\ub2e4~!!!<\/p>\n

\uc624\ub298 \uc18c\uac1c\ud574\ub4dc\ub9b4 \ub0b4\uc6a9\uc740 WordPress \uad00\ub828 \ub0b4\uc6a9\uc778\ub370\uc694<\/p>\n

WordPress\uc5d0\uc11c \uac01 \ud398\uc774\uc9c0\ub098 \uae00 \ub4f1\ub85d\uc2dc \ud574\ub2f9 \ud398\uc774\uc9c0\ub098 \uae00\uc5d0\ub9cc \uc801\uc6a9\ub418\uace0 \uc2f6\uc740 CSS, JavaScript \uaf2d \uc788\uc796\uc544\uc694??
\n\uadf8\uac78 \uc27d\uac8c~~ \uc544\uc8fc \uc27d\uac8c \ud558\uc2e4 \uc218 \uc788\uac8c \ud558\ub294 \ub0b4\uc6a9 \uc785\ub2c8\ub2e4.<\/p>\n<\/div>\n

\n

\u203b \ub2e4\uc74c\uc5d0 \uc18c\uac1c\ud558\ub294 \ubc29\ubc95 functions.php<\/code>\uc744 \uc0ac\uc6a9\ud558\uae30 \ub54c\ubb38\uc5d0 \ud14c\ub9c8\uc5d0 functions.php<\/code>\uc5c6\ub294 \uacbd\uc6b0 \uc791\uc131\ud558\uc2ed\uc2dc\uc624.<\/h4>\n
\n

CSS\ub97c \ucd94\uac00 \ud560 \uc218 \uc788\ub3c4\ub85d<\/h2>\n

CSS\ub97c \ucd94\uac00 \ud560 \uc218 \uc788\ub3c4\ub85d\ud558\ub824\uba74 \uc544\ub798 \ub0b4\uc6a9\uc744 functions.php<\/code>\uc5d0 \ucd94\uac00\ud574\uc8fc\uc2dc\uba74 \ub429\ub2c8\ub2e4.<\/p>\n

functions.php<\/code><\/p>\n

\/\/Custom CSS Widget<\/span>\nadd_action( 'admin_menu'<\/span>, 'custom_css_hooks'<\/span> );\nadd_action( 'save_post'<\/span>, 'save_custom_css'<\/span> );\nadd_action( 'wp_head'<\/span>,'insert_custom_css'<\/span> );\nfunction<\/span> custom_css_hooks<\/span>()<\/span> <\/span>{\n  add_meta_box( 'custom_css'<\/span>, 'Custom CSS'<\/span>, 'custom_css_input'<\/span>, 'post'<\/span>, 'normal'<\/span>, 'high'<\/span> );\n  add_meta_box( 'custom_css'<\/span>, 'Custom CSS'<\/span>, 'custom_css_input'<\/span>, 'page'<\/span>, 'normal'<\/span>, 'high'<\/span> );\n}\nfunction<\/span> custom_css_input<\/span>()<\/span> <\/span>{\n  global<\/span> $post;\n  echo<\/span> '<input type=\"hidden\" name=\"custom_css_noncename\" id=\"custom_css_noncename\" value=\"'<\/span>.wp_create_nonce('custom-css'<\/span>).'\" \/>'<\/span>;\n  echo<\/span> '<textarea name=\"custom_css\" id=\"custom_css\" rows=\"5\" cols=\"30\" style=\"width:100%;\">'<\/span>.get_post_meta($post->ID,'_custom_css'<\/span>,true<\/span>).'<\/textarea>'<\/span>;\n}\nfunction<\/span> save_custom_css<\/span>($post_id)<\/span> <\/span>{\n  if<\/span> ( !wp_verify_nonce( $_POST['custom_css_noncename'<\/span>], 'custom-css'<\/span> ) ) return<\/span> $post_id;\n  if<\/span> ( defined( 'DOING_AUTOSAVE'<\/span> ) && DOING_AUTOSAVE) return<\/span> $post_id;\n  $custom_css = $_POST['custom_css'<\/span>];\n  update_post_meta( $post_id, '_custom_css'<\/span>, $custom_css );\n}\nfunction<\/span> insert_custom_css<\/span>()<\/span> <\/span>{\n  if<\/span> ( is_page() || is_single() ) {\n    if<\/span> ( have_posts() ) : while<\/span> ( have_posts() ) : the_post();\n      echo<\/span> '<style type=\"text\/css\">'<\/span> . get_post_meta(get_the_ID(), '_custom_css'<\/span>, true<\/span>) . '<\/style>'<\/span>;\n    endwhile<\/span>; endif<\/span>;\n    rewind_posts();\n  }\n}\n<\/code><\/pre>\n<\/section>\n
\n
JavaScript\ub97c \ucd94\uac00 \ud560 \uc218 \uc788\ub3c4\ub85d<\/h2>\n
JavaScript\ub97c \ucd94\uac00 \ud560 \uc218 \uc788\ub3c4\ub85d\ud558\ub824\uba74 \uc544\ub798 \ub0b4\uc6a9\uc744 functions.php<\/code>\uc5d0 \ucd94\uac00\ud574\uc8fc\uc2dc\uba74 \ub05d!<\/p>\n
functions.php<\/code><\/p>\n
\/\/Custom JS Widget<\/span>\nadd_action( 'admin_menu'<\/span>, 'custom_js_hooks'<\/span> );\nadd_action( 'save_post'<\/span>, 'save_custom_js'<\/span> );\nadd_action( 'wp_head'<\/span>,'insert_custom_js'<\/span> );\nfunction<\/span> custom_js_hooks<\/span>()<\/span> <\/span>{\n  add_meta_box( 'custom_js'<\/span>, 'Custom JS'<\/span>, 'custom_js_input'<\/span>, 'post'<\/span>, 'normal'<\/span>, 'high'<\/span> );\n  add_meta_box( 'custom_js'<\/span>, 'Custom JS'<\/span>, 'custom_js_input'<\/span>, 'page'<\/span>, 'normal'<\/span>, 'high'<\/span> );\n}\nfunction<\/span> custom_js_input<\/span>()<\/span> <\/span>{\n  global<\/span> $post;\n  echo<\/span> '<input type=\"hidden\" name=\"custom_js_noncename\" id=\"custom_js_noncename\" value=\"'<\/span>.wp_create_nonce('custom-js'<\/span>).'\" \/>'<\/span>;\n  echo<\/span> '<textarea name=\"custom_js\" id=\"custom_js\" rows=\"5\" cols=\"30\" style=\"width:100%;\">'<\/span>.get_post_meta($post->ID,'_custom_js'<\/span>,true<\/span>).'<\/textarea>'<\/span>;\n}\nfunction<\/span> save_custom_js<\/span>($post_id)<\/span> <\/span>{\n  if<\/span> (!wp_verify_nonce($_POST['custom_js_noncename'<\/span>], 'custom-js'<\/span>)) return<\/span> $post_id;\n  if<\/span> (defined('DOING_AUTOSAVE'<\/span>) && DOING_AUTOSAVE) return<\/span> $post_id;\n  $custom_js = $_POST['custom_js'<\/span>];\n  update_post_meta($post_id, '_custom_js'<\/span>, $custom_js);\n}\nfunction<\/span> insert_custom_js<\/span>()<\/span> <\/span>{\n  if<\/span> ( is_page() || is_single() ) {\n    if<\/span> ( have_posts() ) : while<\/span> ( have_posts() ) : the_post();\n      echo<\/span> '<script type=\"text\/javascript\">'<\/span> . get_post_meta(get_the_ID(), '_custom_js'<\/span>, true<\/span>) . '<\/script>'<\/span>;\n    endwhile<\/span>; endif<\/span>;\n    rewind_posts();\n  }\n}<\/code><\/pre>\n
CSS\uc640 JavaScript\ub97c \ubaa8\ub450 \uc0ac\uc6a9\ud558\uc2dc\ub824\uba74 \ub458\ub2e4 \ub123\uc73c\uc2dc\uba74 \ub418\uaca0\uc8e0?? \u314b
\nfunctions.php \ud30c\uc77c\uc744 \uc800\uc7a5\ud6c4 \ud3b8\uc9d1 \ud398\uc774\uc9c0\ub97c \ud655\uc778\ud574\ubcf4\uc2dc\uba74 \uc544\ub798 \uc774\ubbf8\uc9c0\uc640 \uac19\uc774 \ucd94\uac00\ub41c\uac78
\n\ud655\uc778 \ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/code><\/p>\n<\/section>\n<\/div>\n
<\/figure>\n
\"Custom<\/p>\n
 [\ucd9c\ucc98] http:\/\/rwdb.kr\/wordpress-page-css-javascript\/<\/p>\n<\/div>\n
<\/div>\n
<\/path><\/svg><\/i> \"Loading\"<\/p>\n
<\/div>\n","protected":false},"excerpt":{"rendered":"
[wordpress, \uc6cc\ub4dc\ud504\ub808\uc2a4] WordPress \ud398\uc774\uc9c0\ub610\ub294 \uae00\uc5d0 \ubcc4\ub3c4 CSS\uc640 JavaScript \ucd94\uac00\ud558\uae30 WordPress \ud398\uc774\uc9c0\ub610\ub294 \uae00\uc5d0 \ubcc4\ub3c4 CSS\uc640 JavaScript \ucd94\uac00\ud558\uae30 Free\uc18c\uc2a4  2019\ub144 5\uc6d4 29\uc77c  2  RWDB \uc548\ub155\ud558\uc138\uc694 RWDB \uc785\ub2c8\ub2e4~!!! \uc624\ub298 \uc18c\uac1c\ud574\ub4dc\ub9b4 \ub0b4\uc6a9\uc740 WordPress \uad00\ub828 \ub0b4\uc6a9\uc778\ub370\uc694 WordPress\uc5d0\uc11c \uac01 \ud398\uc774\uc9c0\ub098 \uae00 \ub4f1\ub85d\uc2dc \ud574\ub2f9 \ud398\uc774\uc9c0\ub098 \uae00\uc5d0\ub9cc \uc801\uc6a9\ub418\uace0 \uc2f6\uc740 CSS, JavaScript \uaf2d \uc788\uc796\uc544\uc694?? \uadf8\uac78 \uc27d\uac8c~~ \uc544\uc8fc \uc27d\uac8c \ud558\uc2e4 \uc218 \uc788\uac8c \ud558\ub294 \ub0b4\uc6a9 \uc785\ub2c8\ub2e4. \u203b \ub2e4\uc74c\uc5d0 \uc18c\uac1c\ud558\ub294 \ubc29\ubc95 functions.php\uc744 […]<\/p>\n
<\/div>\n
<\/path><\/svg><\/i> \"Loading\"<\/p>\n
<\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[21,24,20],"tags":[],"class_list":["post-11052","post","type-post","status-publish","format-standard","hentry","category-21","category-24","category-20"],"a3_pvc":{"activated":true,"total_views":21,"today_views":0},"_links":{"self":[{"href":"https:\/\/www.stechstar.com\/user\/wordpress\/wp-json\/wp\/v2\/posts\/11052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stechstar.com\/user\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stechstar.com\/user\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stechstar.com\/user\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stechstar.com\/user\/wordpress\/wp-json\/wp\/v2\/comments?post=11052"}],"version-history":[{"count":2,"href":"https:\/\/www.stechstar.com\/user\/wordpress\/wp-json\/wp\/v2\/posts\/11052\/revisions"}],"predecessor-version":[{"id":11710,"href":"https:\/\/www.stechstar.com\/user\/wordpress\/wp-json\/wp\/v2\/posts\/11052\/revisions\/11710"}],"wp:attachment":[{"href":"https:\/\/www.stechstar.com\/user\/wordpress\/wp-json\/wp\/v2\/media?parent=11052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stechstar.com\/user\/wordpress\/wp-json\/wp\/v2\/categories?post=11052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stechstar.com\/user\/wordpress\/wp-json\/wp\/v2\/tags?post=11052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}