{"id":84,"date":"2026-09-16T23:35:13","date_gmt":"2026-09-16T23:35:13","guid":{"rendered":"https:\/\/halimahjannak.my.id\/?p=84"},"modified":"2026-09-16T23:35:13","modified_gmt":"2026-09-16T23:35:13","slug":"easily-create-your-own-portfolio-website","status":"publish","type":"post","link":"https:\/\/halimahjannak.my.id\/?p=84","title":{"rendered":"Easily Create Your Own Portfolio Website."},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Introduce yourself to the world\u2014show who you are, what you can do, and what you\u2019ve accomplished. In this tutorial, you\u2019ll learn how to easily create your own portfolio website.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A. Menyiapkan Domain dan Hosting<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Mendapatkan domain<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pertama, domain website didaftarkan melalui <strong>DNET<\/strong>. Domain merupakan alamat yang digunakan untuk mengakses website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">2. Membuka Hesti DNET<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Buka halaman <strong>Hesti DNET<\/strong> yang digunakan untuk mengelola layanan hosting.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kemudian login menggunakan akun yang diberikan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">3. Membuka pengaturan hosting<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Setelah berhasil login, masuk ke bagian layanan hosting\/domain yang digunakan untuk website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Di bagian ini biasanya terdapat beberapa pengaturan untuk mengelola website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">B. Menyiapkan WordPress<\/h1>\n\n\n\n<h3 class=\"wp-block-heading\">4. Mengunduh WordPress<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Selanjutnya, download file WordPress dari situs resminya.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/?utm_source=chatgpt.com\">WordPress.org<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">File WordPress biasanya berbentuk <strong>ZIP<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">5. Mengekstrak file WordPress<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Setelah file WordPress selesai diunduh, ekstrak file ZIP tersebut sehingga muncul folder <strong>wordpress<\/strong> beserta file-file di dalamnya.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">6. Mengunggah file WordPress ke hosting<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">File WordPress kemudian diunggah ke hosting melalui <strong>File Manager<\/strong> atau fitur pengelolaan file yang tersedia pada panel hosting.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">C. Menyiapkan Database<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Membuat database<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress membutuhkan database untuk menyimpan berbagai data website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Buat database baru melalui fitur database pada hosting\/panel yang digunakan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Biasanya kita akan mendapatkan:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Database name<\/strong><\/li>\n\n\n\n<li><strong>Username<\/strong><\/li>\n\n\n\n<li><strong>Password<\/strong><\/li>\n\n\n\n<li><strong>Database host<\/strong><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">8. Mengatur <code>wp-config.php<\/code><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress mempunyai file konfigurasi bernama:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>wp-config.php<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">File ini digunakan untuk menghubungkan WordPress dengan database yang sudah dibuat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Informasi database kemudian dimasukkan ke konfigurasi WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">D. Menginstal WordPress<\/h1>\n\n\n\n<h3 class=\"wp-block-heading\">9. Membuka alamat website<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Setelah file WordPress dan database sudah disiapkan, buka domain website melalui browser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jika konfigurasi sudah benar, akan muncul halaman instalasi WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">10. Mengisi informasi website<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Isi informasi yang diperlukan, seperti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Judul website<\/li>\n\n\n\n<li>Username admin<\/li>\n\n\n\n<li>Password<\/li>\n\n\n\n<li>Email<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Kemudian lanjutkan proses instalasi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">11. Login ke WordPress<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Setelah instalasi selesai, login menggunakan akun administrator yang telah dibuat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kemudian akan masuk ke <strong>Dashboard WordPress<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">E. Membuat Website Portfolio<\/h1>\n\n\n\n<h3 class=\"wp-block-heading\">12. Memilih tema<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Buka bagian <strong>Appearance\/Tampilan \u2192 Themes\/Tema<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pilih tema yang sesuai untuk website portfolio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">13. Mengatur tampilan website<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sesuaikan tampilan website, misalnya:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>warna<\/li>\n\n\n\n<li>font<\/li>\n\n\n\n<li>gambar<\/li>\n\n\n\n<li>header<\/li>\n\n\n\n<li>logo<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">14. Membuat halaman portfolio<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Buat halaman yang diperlukan, misalnya:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Home<\/strong><br>Berisi perkenalan singkat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>About Me<\/strong><br>Berisi informasi tentang diri sendiri.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Portfolio\/Projects<\/strong><br>Berisi karya atau proyek yang pernah dibuat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Contact<\/strong><br>Berisi informasi kontak.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">15. Membuat menu navigasi<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tambahkan halaman yang sudah dibuat ke menu navigasi agar pengunjung dapat berpindah halaman dengan mudah.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Contohnya:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Home | About Me | Portfolio | Contact<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">16. Memasukkan isi portfolio<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Masukkan teks, foto, gambar karya, dan informasi lain yang ingin ditampilkan pada website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">17. Melihat hasil website<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Setelah semua selesai, gunakan <strong>Preview\/View Site<\/strong> untuk memeriksa tampilan website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pastikan:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>tulisan sudah benar<\/li>\n\n\n\n<li>gambar muncul<\/li>\n\n\n\n<li>menu berfungsi<\/li>\n\n\n\n<li>semua halaman dapat dibuka<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83c\udf89 18. Website Portfolio Selesai<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Setelah seluruh pengaturan selesai, website portfolio dapat diakses melalui domain yang telah dibuat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Hasil akhir:<\/strong> website portfolio yang berisi halaman Home, About Me, Portfolio\/Projects, dan Contact.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"<p>Introduce yourself to the world\u2014show who you are, what you can do, and what you\u2019ve accomplished. In this tutorial, you\u2019ll learn how to easily create your own portfolio website. A. Menyiapkan Domain dan Hosting 1. Mendapatkan domain Pertama, domain website didaftarkan melalui DNET. Domain merupakan alamat yang digunakan untuk mengakses website. 2. Membuka Hesti DNET [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-84","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/halimahjannak.my.id\/index.php?rest_route=\/wp\/v2\/posts\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/halimahjannak.my.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/halimahjannak.my.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/halimahjannak.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/halimahjannak.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=84"}],"version-history":[{"count":1,"href":"https:\/\/halimahjannak.my.id\/index.php?rest_route=\/wp\/v2\/posts\/84\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/halimahjannak.my.id\/index.php?rest_route=\/wp\/v2\/posts\/84\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/halimahjannak.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=84"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/halimahjannak.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=84"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/halimahjannak.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}