{"id":177,"date":"2024-02-18T19:18:56","date_gmt":"2024-02-18T19:18:56","guid":{"rendered":"http:\/\/www.freelifemakers.org\/wordpress\/?p=177"},"modified":"2024-03-10T00:31:37","modified_gmt":"2024-03-10T00:31:37","slug":"1page-website-creation-2","status":"publish","type":"post","link":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/2024\/02\/18\/1page-website-creation-2\/","title":{"rendered":"1 \ud398\uc774\uc9c0 \uc6f9\uc0ac\uc774\ud2b8 \uc81c\uc791(1Page website creation) \u2013 2"},"content":{"rendered":"\n

freelifemakers.com\/onePage<\/a>\uc5d0 \uac00\uba74 \uc544\ub798\uc640 \uac19\uc740 \ud654\uba74\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\ube68\uac04\uc0c9\uc73c\ub85c \uccb4\ud06c\ud55c \ubd80\ubd84\uc740 \uc544\uc774\ucf58\uc744 \uc0ac\uc6a9\ud55c \ubd80\ubd84\uc785\ub2c8\ub2e4.
\uc544\uc774\ucf58\uc744 \uc0ac\uc6a9\ud558\ub294 \uc5ec\ub7ec\uac00\uc9c0 \ubc29\ubc95\uc774 \uc788\uaca0\uc9c0\ub9cc \uc5ec\uae30\uc11c\ub294 fontawesome.com<\/a>\uc758 \uc544\uc774\ucf58\uc744 \uc0ac\uc6a9\ud588\uc2b5\ub2c8\ub2e4.
\ud604\uc7ac \ubc84\uc804\uc740 V5\uc778\ub370 \uc774 HTML \ud15c\ud50c\ub9bf\uc774 V4\ub77c\uc11c \uc800\ub3c4 V4\ubc84\uc804\uc744 \uc0ac\uc6a9\ud588\uc2b5\ub2c8\ub2e4.

If you go to freelifemakers.com\/onePage<\/a>, you will see a screen like the one below.
The parts checked in red are the parts where icons are used.
There are many ways to use icons, but here I used icons from fontawesome.com<\/a>.
The current version is V5, but this HTML template is V4, so I also used the V4 version.
<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

V4\ubc84\uc804\uc758 \uc8fc\uc18c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.
The address of the V4 version is as follows.
https:\/\/fontawesome.com\/v4\/get-started\/<\/a>
https:\/\/fontawesome.com\/v4\/icons\/<\/a>

HTML\ud398\uc774\uc9c0 \ub0b4\uc5d0\uc11c \ub2e4\uc74c\uacfc \uac19\uc774 \uc0ac\uc6a9\ud569\ub2c8\ub2e4.
head\ud0dc\uadf8 \uc0ac\uc774\uc5d0 css\ud30c\uc77c \ub9c1\ud06c\ub294 \ud55c\ubc88\ub9cc \uc0ac\uc6a9\ud558\uace0
body\ud0dc\uadf8 \uc0ac\uc774\uc5d0 \uc5ec\ub7ec\ubd84\uc774 \uc0ac\uc6a9\ud560 \uc544\uc774\ucf58 \ud0dc\uadf8\ub97c \uc785\ub825\ud569\ub2c8\ub2e4.
Use it as follows within an HTML page
Use the css file link between head tags only once.
Enter the icon tag you want to use between the body tags.<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"description\" content=\"\">\n    <meta name=\"author\" content=\"\">\n    <title>freelifemakers.com<\/title>\n    <!--\n     https:\/\/fontawesome.com\/v4\/ ,https:\/\/fontawesome.com\/v4\/get-started\/ \n    -->\n    <link rel=\"stylesheet\" href=\"path\/to\/font-awesome\/css\/font-awesome.min.css\"><\/strong>\n<\/head>\n<body>\n  <!--shiled,music,code icon -->\n  <i class=\"fa fa-music fa-5x\" aria-hidden=\"true\"><\/i>\n  <i class=\"fa fa-shield\" aria-hidden=\"true\"><\/i>\n  <i class=\"fa fa-code fa-5x\" aria-hidden=\"true\"><\/i><\/strong>\n  \n<\/body>\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
freelifemakers.com\/onePage\uc5d0 \uac00\uba74 \uc544\ub798\uc640 \uac19\uc740 \ud654\uba74\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.\ube68\uac04\uc0c9\uc73c\ub85c \uccb4\ud06c\ud55c \ubd80\ubd84\uc740 \uc544\uc774\ucf58\uc744 \uc0ac\uc6a9\ud55c \ubd80\ubd84\uc785\ub2c8\ub2e4.\uc544\uc774\ucf58\uc744 \uc0ac\uc6a9\ud558\ub294 \uc5ec\ub7ec\uac00\uc9c0 \ubc29\ubc95\uc774 \uc788\uaca0\uc9c0\ub9cc \uc5ec\uae30\uc11c\ub294 fontawesome.com\uc758 \uc544\uc774\ucf58\uc744 \uc0ac\uc6a9\ud588\uc2b5\ub2c8\ub2e4.\ud604\uc7ac \ubc84\uc804\uc740 V5\uc778\ub370 \uc774 HTML \ud15c\ud50c\ub9bf\uc774 V4\ub77c\uc11c \uc800\ub3c4 V4\ubc84\uc804\uc744 \uc0ac\uc6a9\ud588\uc2b5\ub2c8\ub2e4. If you go to freelifemakers.com\/onePage, you will see a screen like the one below.The parts checked in red are the parts where icons are used.There […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-177","post","type-post","status-publish","format-standard","hentry","category-website","missing-thumbnail"],"_links":{"self":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=177"}],"version-history":[{"count":12,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/177\/revisions"}],"predecessor-version":[{"id":309,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/177\/revisions\/309"}],"wp:attachment":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}