{"id":7420,"date":"2019-01-14T20:30:45","date_gmt":"2019-01-14T20:30:45","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-id-tutorial\/?p=7420"},"modified":"2024-09-05T14:39:11","modified_gmt":"2024-09-05T07:39:11","slug":"web-portofolio","status":"publish","type":"post","link":"\/id\/tutorial\/web-portofolio","title":{"rendered":"Cara membuat web portofolio sendiri (8 langkah mudah)"},"content":{"rendered":"<p>Web portofolio sangat dibutuhkan apabila Anda berprofesi sebagai seorang <a href=\"\/id\/tutorial\/situs-freelance\">freelancer<\/a> atau pekerja lepas. Setelah <a href=\"\/id\/tutorial\/cara-membuat-website\">buat website<\/a>, Anda perlu mengubahnya menjadi website portofolio untuk menampilkan skill, kemampuan, dan karya yang dibuat untuk menarik lebih banyak klien.<\/p><p>Memang sih, portofolio online tidak terbatas untuk orang-orang tertentu saja. Namun bagi Anda yang bergelut di industri kreatif, misalnya sebagai web designer, ilustrator, atau fotografer, website portofolio bisa menjadi &lsquo;senjata utama&rsquo; saat mencari pekerjaan.<\/p><p>Dengan cara membuat portofolio online, Anda memiliki nilai tersendiri yang meningkatkan kepercayaan calon klien. Selain itu, website portofolio akan membuka peluang baru dari seluruh dunia karena siapa pun bisa menjangkau Anda dari mana saja.<\/p><p>Di artikel ini, kami akan membahas cara membuat web portofolio sendiri dengan mudah menggunakan <strong>CMS WordPress<\/strong>. Nantinya, setelah selesai membaca, Anda pun bisa langsung membuat web portofolio berisi semua karya Anda untuk menjangkau klien dan mulai menghasilkan uang. Mari mulai!<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Build-Webiste-In-9-Easy-Steps-ID.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook_-Build-website-ID.png\/public\" alt=\"\" class=\"wp-image-27592\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook_-Build-website-ID.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook_-Build-website-ID.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook_-Build-website-ID.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook_-Build-website-ID.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-1-siapkan-platform\">1. Siapkan Platform<\/h2><p>Langkah pertama saat Anda memulai cara membuat portofolio online adalah memilih platform yang tepat: <a href=\"\/id\/website-builder\">website builder<\/a> online, <a href=\"\/id\/tutorial\/apa-itu-cms\">CMS<\/a>, atau portofolio maker. Sebab, langkahnya akan berbeda-beda untuk setiap platform.<\/p><p>Kami merekomendasikan WordPress karena fitur-fiturnya yang canggih dan mudah:<\/p><ul class=\"wp-block-list\">\n<li><strong>Fleksibilitas<\/strong>. Cocok untuk berbagai jenis portofolio di industri apa pun.<\/li>\n\n\n\n<li><strong>Mudah disesuaikan<\/strong>. Anda bisa mulai dengan website sederhana lalu mengembangkannya menggunakan plugin dan tema.<\/li>\n\n\n\n<li><strong>Hemat biaya<\/strong>. Atur sendiri biaya pembuatan website sesuai kebutuhan dan resource Anda.<\/li>\n\n\n\n<li><strong>Dukungan<\/strong>. WordPress punya komunitas yang luas, menyediakan dukungan melalui forum maupun dokumentasi.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/id\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-37614\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>Meski begitu, perlu diingat bahwa WordPress juga memiliki kekurangan. Platform ini sedikit sulit bagi pemula sehingga mungkin perlu lebih banyak waktu untuk menginstal dan mengaturnya dibandingkan menggunakan website builder.<\/p><p>Selain itu, user juga sulit mendapatkan dukungan langsung dari WordPress untuk masalah-masalah tertentu.<\/p><p>\n\n\n<div><p class=\"important\"><strong>Penting!<\/strong> Dalam contoh ini, kami menggunakan <a href=\"\/id\/tutorial\/wordpress-com-vs-wordpress-org\">WordPress.org dan bukan WordPress.com<\/a>, jadi Anda wajib memiliki <a href=\"\/id\/tutorial\/perbedaan-domain-dan-hosting\">nama domain dan web hosting<\/a>.<\/p><\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-2-dapatkan-nama-domain\">2. Dapatkan Nama Domain<\/h2><p>Memiliki nama domain merupakan langkah wajib untuk membuat website portfolio online. Sebab, nama ini akan menjadi faktor branding Anda. Pengunjung perlu mengetikkannya ke kolom URL browser mereka, jadi buatlah domain yang mudah diingat.<\/p><p>Guna menemukan domain yang tepat untuk web portofolio online Anda, pertimbangkan elemen berikut:<\/p><ul class=\"wp-block-list\">\n<li><strong>Kemudahan untuk dikenal dan diingat<\/strong>. Tentukan bagaimana Anda ingin dikenal secara profesional. Kalau tidak punya nama julukan khusus, sebaiknya gunakan nama asli pada domain. Ingat, <a href=\"\/id\/tutorial\/portofolio-adalah\">portfolio adalah<\/a> sarana untuk memperkenalkan diri Anda di dunia kerja.<\/li>\n\n\n\n<li><strong>Ketersediaan domain incaran<\/strong>. Cek apakah domain incaran Anda sudah dimiliki orang lain dengan menggunakan tool <a href=\"\/id\/domain-murah\">cek domain<\/a>. Kalau tidak tersedia, <a href=\"\/id\/tld\">pilih TLD yang unik<\/a> sebagai ekstensi atau cari alternatifnya.<\/li>\n\n\n\n<li><strong>Harga domain<\/strong>. Cek <a href=\"\/id\/tutorial\/berapa-harga-domain\">berapa harga domain<\/a> yang Anda inginkan dan sesuaikan dengan budget. Jangan lupa bahwa <a href=\"\/id\/tutorial\/apa-itu-tld\">TLD adalah<\/a> salah satu faktor penentu harga domain. TLD yang berbeda akan memiliki harga yang juga berbeda.<\/li>\n<\/ul><p>Setelah <a href=\"\/id\/tutorial\/domain-name-generator\">menemukan nama domain incaran<\/a>, cari registrar tepercaya yang terakreditasi oleh <a href=\"http:\/\/icann.org\/en\/accredited-registrars\" target=\"_blank\" rel=\"noopener\">ICANN<\/a> untuk memastikan pembelian Anda valid.<\/p><p>Ikuti langkah-langkah di bawah ini yang menjelaskan <a href=\"\/id\/tutorial\/cara-membeli-domain\">cara beli domain<\/a>:<\/p><ol class=\"wp-block-list\">\n<li>Gunakan domain checker untuk melihat ketersediaan domain incaran. Cukup masukkan kata kunci pada kolom di bawah ini, lalu klik <strong>Cek Domain<\/strong>  atau tekan Enter.<\/li>\n<\/ol><p>\n\n\n    <div class=\"mb-50 mt-50 domain-checker domain-checker__bg\">\n        <h3 class=\"m-0 text-center text-white pb-10\">Cek Domain Murah<\/h3>\n        <p class=\"pb-40 text-center text-white\">Ketik nama domain yang diinginkan dan segera cek ketersediaannya<\/p>\n        <form id=\"domain-checker-form\" class=\"d-flex w-100 position-relative flex-column flex-sm-row align-items-center\" action=\"\/id\/domain-murah\">\n            <input\n                    class=\"domain-checker__input label text-light-black\"\n                    name=\"domain\" type=\"text\"\n                    placeholder=\"Ketik domain yang diinginkan\"\n                    value=\"\"\n            \/>\n            <input id=\"domain-submit\"\n                   type=\"submit\"\n                   value=\"Cek Domain\"\n                   class=\"domain-checker__button hb--danger new-h-button-primary button text-white float-right\"\/>\n        <\/form>\n    <\/div>\n\n\n\n\n\n<\/p><ol class=\"wp-block-list\" start=\"2\">\n<li>Setelah menemukan nama domain yang tersedia, klik tombol merah <strong>Tambah ke Cart<\/strong>. Tunggu proses verifikasi, lalu klik <strong>Tambah ke Cart<\/strong> lagi setelah berubah hijau.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1207\" height=\"777\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/tambah-ke-cart-setelah-memilih-domain.png\/public\" alt=\"\" class=\"wp-image-29592\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/tambah-ke-cart-setelah-memilih-domain.png\/w=1207,fit=scale-down 1207w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/tambah-ke-cart-setelah-memilih-domain.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/tambah-ke-cart-setelah-memilih-domain.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/tambah-ke-cart-setelah-memilih-domain.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/tambah-ke-cart-setelah-memilih-domain.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1207px) 100vw, 1207px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Kemudian, pilih <strong>Durasi<\/strong> pendaftaran domain. Di Hostinger, kami menawarkan <a href=\"\/id\/domain-murah\">domain murah pertahun<\/a> dengan biaya perpanjangan yang hemat serta perlindungan privasi domain <a href=\"\/id\/whois\">WHOIS<\/a> gratis untuk menjaga keamanan informasi pribadi Anda.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"873\" height=\"284\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/memilih-durasi-paket-domain-di-hostinger.png\/public\" alt=\"\" class=\"wp-image-29593\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/memilih-durasi-paket-domain-di-hostinger.png\/w=873,fit=scale-down 873w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/memilih-durasi-paket-domain-di-hostinger.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/memilih-durasi-paket-domain-di-hostinger.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/memilih-durasi-paket-domain-di-hostinger.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 873px) 100vw, 873px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Setelah itu, buat akun atau login kalau sudah punya. Anda juga bisa login menggunakan akun Facebook atau Google. Pilih metode pembayaran, cek ulang detail pesanan Anda, kemudian klik <strong>Buat Tagihan Pembayaran<\/strong> untuk menyelesaikan pesanan.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"931\" height=\"845\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/buat-tagihan-pembayaran-untuk-menyelesaikan-proses-beli-domain.png\/public\" alt=\"\" class=\"wp-image-29594\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/buat-tagihan-pembayaran-untuk-menyelesaikan-proses-beli-domain.png\/w=931,fit=scale-down 931w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/buat-tagihan-pembayaran-untuk-menyelesaikan-proses-beli-domain.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/buat-tagihan-pembayaran-untuk-menyelesaikan-proses-beli-domain.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/buat-tagihan-pembayaran-untuk-menyelesaikan-proses-beli-domain.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 931px) 100vw, 931px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>Selesai! Anda berhasil membeli domain. Anda juga bisa mendapatkan <a href=\"\/id\/domain-gratis\">domain gratis<\/a> dengan pembelian paket hosting di Hostinger.<\/li>\n<\/ol><p>Nama domain juga bisa digunakan untuk membuat nama akun email. Manfaatkan <a href=\"\/id\/email-hosting\">layanan email premium<\/a> supaya Anda sukses membangun portofolio online.<\/p><h2 class=\"wp-block-heading\" id=\"h-3-pilih-web-hosting-terbaik\">3. Pilih Web Hosting Terbaik<\/h2><p>Faktor penting lainnya saat membuat situs portofolio online adalah memilih layanan hosting yang tepercaya. Sebab, hosting dan paket yang dipilih akan memengaruhi performa website portofolio Anda.<\/p><p>Untuk membantu Anda memilih hosting yang tepat, berikut beberapa elemen penting yang perlu dipertimbangkan:<\/p><ul class=\"wp-block-list\">\n<li><strong>Biaya<\/strong>. Cek <a href=\"\/id\/tutorial\/biaya-hosting-website\">biaya hosting<\/a> yang Anda inginkan dan sesuaikan dengan budget secara keseluruhan.<\/li>\n\n\n\n<li><strong>Tool yang disediakan<\/strong>. Cari tahu apakah web host mengakomodasi estimasi jumlah pengunjung dan platform pilihan Anda.<\/li>\n\n\n\n<li><strong>Fitur<\/strong>. Pertimbangkan bandwidth dan penyimpanan yang disediakan dari paket hosting dan bandingkan dengan kebutuhan Anda.<\/li>\n\n\n\n<li><strong>Keamanan<\/strong>. Untuk melindungi website Anda, cari tahu apakah provider sudah menerapkan prosedur seperti manajemen akses, <a href=\"\/id\/ssl-gratis\">SSL gratis<\/a>, dan backup otomatis.<\/li>\n<\/ul><p>Setelah menemukan provider yang tepat, mulailah memilih paket hosting yang ditawarkan. Untuk portofolio online kecil, sebaiknya gunakan shared hosting untuk <a href=\"\/id\/web-hosting\">hosting website<\/a>.<\/p><p><a href=\"\/id\/tutorial\/shared-hosting-adalah\">Shared hosting adalah<\/a> jenis hosting di mana beberapa user atau website berbagi satu hosting yang sama. Meski begitu, harganya adalah yang paling terjangkau. Hostinger menyediakan paket Premium mulai dari <strong>Rp24900.00\/bulan<\/strong>.<\/p><p>Perlu diingat, karena Anda akan berbagi server dengan user lainnya, shared hosting memiliki keterbatasan terlebih soal performanya.&nbsp; Untuk web portofolio, hal tersebut tidak menjadi masalah besar.<\/p><p>Namun kalau jumlah pengunjung semakin banyak per harinya, gunakan server yang lebih canggih dan punya ruang yang banyak. Salah satu paket hosting tersebut adalah Virtual Private Server (VPS).<\/p><p><a href=\"\/id\/hosting-vps\">Paket VPS<\/a> hosting yang perlu dipilih juga tentunya bergantung pada estimasi traffic website Anda. Kalau jumlahnya terus menanjak, artinya arus pengunjung yang datang juga stabil.<\/p><p>Atau kalau terpentok biaya, Anda bisa memilih <a href=\"\/id\/hosting-gratis\">hosting web gratis<\/a>.<\/p><p>Kami menyarankan Anda memilih <a href=\"\/id\/hosting-murah\">hosting murah terbaik<\/a> dari Hostinger apabila baru memulai. Setelah audiens bertambah banyak, Anda bisa upgrade ke hosting dengan ruang lebih besar, misalnya <a href=\"\/id\/cloud-hosting\">paket cloud<\/a>.<\/p><p>Kalau mau lebih hemat, Anda bisa <a href=\"\/id\/beli-hosting\">berlangganan hosting minimal 12 bulan<\/a> untuk mendapatkan <a href=\"\/id\/domain-gratis\">domain my.id gratis<\/a> dan domain lainnya selama satu tahun pertama. Lumayan, kan, duit buat beli domain bisa ditabung untuk keperluan lainnya?<\/p><h2 class=\"wp-block-heading\" id=\"h-4-sesuaikan-desain-portofolio\">4. Sesuaikan Desain Portofolio<\/h2><p>Tentu saja aspek visual tidak boleh dilewatkan karena akan membantu menarik calon klien atau membawa lebih banyak peluang kerja.<\/p><p>Visual yang berkualitas membuat website portofolio Anda terlihat lebih profesional dan memberikan tampilan konten yang <em>aesthetic<\/em>. Apalagi untuk portofolio online artistik, visual harus menjadi perhatian utama.<\/p><p>Saat mulai berkreasi dengan desain portfolio, ingat hal berikut:<\/p><ul class=\"wp-block-list\">\n<li><strong>Sentuhan desain yang user-friendly<\/strong>. Pastikan pengunjung bisa menjelajahi website Anda dengan mudah.<\/li>\n\n\n\n<li><strong>Unik dan menarik<\/strong>. Sesuaikan portofolio dengan memberikan sentuhan pribadi dan ciri khas Anda. Dengan begitu, portofolio akan lebih mudah diingat oleh calon klien atau pelanggan.<\/li>\n\n\n\n<li><strong>Responsive terhadap perangkat mobile<\/strong>. Atur tema dan konten agar tetap <a href=\"\/id\/tutorial\/website-mobile-friendly\">mobile-friendly<\/a>. Sebab, <a href=\"https:\/\/www.statista.com\/statistics\/277125\/share-of-website-traffic-coming-from-mobile-devices\/\" target=\"_blank\" rel=\"noopener\">55%<\/a> dari seluruh traffic website global berasal dari perangkat seluler.<\/li>\n\n\n\n<li><strong>Kualitas media<\/strong>. Gambar dan video berkualitas bisa membuat web portfolio Anda terlihat lebih profesional.<\/li>\n<\/ul><p>Nah, langkah pertama dalam menyesuaikan website adalah memilih tema. Di WordPress, ada lebih dari <a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener\">8.600 tema<\/a> baik gratis maupun berbayar. Anda bisa mulai dengan melihat-lihat <a href=\"\/id\/tutorial\/template-portofolio\">template untuk website portofolio<\/a>.<\/p><p>Untuk <a href=\"\/id\/tutorial\/cara-install-wordpress-theme\">menginstal tema di WordPress<\/a>, buka <strong>Dashboard<\/strong> -&gt; <strong>Appearance<\/strong> -&gt; <strong>Themes<\/strong> -&gt; <strong>Add New<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"431\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/area-tema-di-dashboard-wordpress.png\/public\" alt=\"area tema di dashboard wordpress\" class=\"wp-image-24581\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/area-tema-di-dashboard-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/area-tema-di-dashboard-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/area-tema-di-dashboard-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/area-tema-di-dashboard-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Setelah tema diinstal dan diaktifkan, mulai sesuaikan portofolio Anda. Buka <strong>Dashboard<\/strong> -&gt; <strong>Appearance<\/strong> -&gt; <strong>Customize<\/strong> untuk mulai <a href=\"\/id\/tutorial\/desain-website\">mendesain website<\/a>. Anda bisa mencari inspirasi desain untuk memaksimalkan proses ini.<\/p><p>Selain tema, WordPress juga memungkinkan penyesuaian warna dan font yang digunakan di website Anda.<\/p><p>Cari tahu hal-hal seputar <a href=\"https:\/\/hellosehat.com\/mental\/psikologi-warna\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">psikologi warna<\/a> untuk membantu menemukan skema warna yang cocok bagi portofolio Anda. Untuk branding yang lebih kuat, Anda juga perlu memilih <a href=\"\/id\/tutorial\/font-untuk-website\">font website<\/a> yang unik.<\/p><p>Apabila membutuhkan inspirasi untuk mendesain website portofolio Anda, simak artikel kami lainnya yang membahas tentang <a href=\"\/id\/tutorial\/contoh-website-portofolio\">contoh website portofolio<\/a> terbaik.<\/p><p>Setelah menentukan desain, Anda bisa mulai membuat konten. Untungnya, WordPress menawarkan <a href=\"\/id\/tutorial\/page-builder-wordpress\">plugin page builder<\/a> untuk membantu mengatur postingan dan halaman Anda melalui antarmuka virtual.<\/p><p>Pertimbangkan apakah Anda akan menggunakan desain website multihalaman atau satu halaman. Lihat contoh website <a href=\"https:\/\/itssharl.ee\/\" target=\"_blank\" rel=\"noopener\">Charles Bruyerre<\/a> di bawah ini, yang mampu menyajikan informasi penting di satu ruang interaktif.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/portofolio-charless-bruyerre-2.png\/public\" alt=\"Portofolio Charles Bruyerre\" class=\"wp-image-25861\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/portofolio-charless-bruyerre-2.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/portofolio-charless-bruyerre-2.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/portofolio-charless-bruyerre-2.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/portofolio-charless-bruyerre-2.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-5-setup-tool-untuk-membuat-website-portofolio\">5. Setup Tool untuk Membuat Website Portofolio<\/h2><p>Setelah selesai dengan desain website portofolio, sekarang saatnya memamerkan karya dan proyek Anda. Salah satu cara terbaik untuk menunjukkannya adalah dengan <a href=\"\/id\/tutorial\/cara-membuat-gallery-di-wordpress\">cara membuat Gallery di WordPress<\/a>. Cukup instal plugin galeri atau plugin portofolio.<\/p><p>Ini beberapa plugin portofolio WordPress rekomendasi kami:<\/p><ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/plugins\/portfolio-wp\/\" target=\"_blank\" rel=\"noopener\">GridKit Portfolio Gallery<\/a> &ndash; menyediakan paling banyak opsi untuk menampilkan media dibandingkan dengan plugin lainnya. Plugin ini memiliki galeri video YouTube, slider gambar, dan portofolio.<\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/visual-portfolio\/\" target=\"_blank\" rel=\"noopener\">Visual Portfolio<\/a> &ndash; memiliki visual builder dengan preview tampilan galeri sebelum dionlinekan. Ada beberapa layout yang tersedia dan tool scroll tak terbatas untuk gambar dan proyek yang ditampilkan.<\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/portfolio-filter-gallery\/\" target=\"_blank\" rel=\"noreferrer noopener\">Portfolio Gallery<\/a> &ndash; menampilkan karya kreatif dalam format gambar dengan filter dan tool pengeditan yang responsive di berbagai perangkat.<\/li>\n<\/ul><p>Tersedia banyak cara untuk membuat galeri dan memamerkan karya tergantung pada industri dan jenis pekerjaan Anda. Mungkin dalam hal ini Anda lebih memilih cara lain sesuai karya yang dimiliki.<\/p><p>Apabila karya Anda berupa jasa, berikan highlight pada perkenalan diri dan kredensial Anda. Sebagai contoh, <a href=\"https:\/\/www.garyvaynerchuk.com\/\" target=\"_blank\" rel=\"noopener\">Gary Vaynerchuk<\/a> menampilkan karyanya dengan video dan podcast. Homepage portofolionya menampilkan video profesional tentang kisah hidupnya.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/gary-vaynerchuk.png\/public\" alt=\"\" class=\"wp-image-29595\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/gary-vaynerchuk.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/gary-vaynerchuk.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/gary-vaynerchuk.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/gary-vaynerchuk.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Kemudian coba lihat website portofolio motivator <a href=\"https:\/\/erinking.com\/\" target=\"_blank\" rel=\"noopener\">Erin King<\/a>. Ia menggunakan gabungan teks, gambar, dan video untuk menunjukkan proyek-proyek suksesnya yang telah ia selesaikan.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/erin-king.png\/public\" alt=\"\" class=\"wp-image-29596\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/erin-king.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/erin-king.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/erin-king.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/erin-king.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Atau Anda juga bisa melihat portofolio fotografer <a href=\"https:\/\/www.yasaminjtehrani.com\/\" target=\"_blank\" rel=\"noopener\">Yasamin J. Tehrani<\/a> yang menggunakan slider galeri untuk menampilkan foto-fotonya. Dengan foto HD, portofolio semacam ini membantu pengunjung melihat kualitas dan detail karya yang lebih halus. Sayangnya, pengunjung tidak bisa melihat beberapa karya sekaligus dengan cara ini.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/yasamin-j-tehrani.png\/public\" alt=\"\" class=\"wp-image-29597\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/yasamin-j-tehrani.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/yasamin-j-tehrani.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/yasamin-j-tehrani.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/yasamin-j-tehrani.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Sebagai perbandingan, fotografer mode Hoover Tung menggunakan galeri dengan format &lsquo;tile&rsquo;. Beberapa foto ditampilkan kecil, tapi pengunjung bisa mengkliknya untuk melihat secara lebih detail. Metode ini memungkinkan Anda menampilkan berbagai karya sekaligus.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/hoover-tung.png\/public\" alt=\"\" class=\"wp-image-29598\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/hoover-tung.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/hoover-tung.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/hoover-tung.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/hoover-tung.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Untuk membuat website portfolio Anda sendiri, sebaiknya tampilkan beberapa karya terbaik dan proyek terbaru. Selain itu, pertimbangkan untuk menambahkan elemen berikut agar visualnya lebih menarik:<\/p><ul class=\"wp-block-list\">\n<li><strong>Slider testimoni<\/strong>. Tampilkan review dan komentar dari klien atau pelanggan sebelumnya untuk menunjukkan legitimasi pekerjaan Anda.<\/li>\n\n\n\n<li><strong>Link media sosial<\/strong>. Sertakan link ke akun media sosial Anda agar pengunjung bisa mencari tahu lebih lanjut tentang diri dan pekerjaan Anda.<\/li>\n\n\n\n<li><strong>Sajikan website dalam beberapa bahasa<\/strong>. Gunakan plugin penerjemah untuk menjangkau lebih banyak pengunjung.<\/li>\n\n\n\n<li><strong>Logo<\/strong>. <a href=\"\/id\/tutorial\/cara-membuat-logo-sendiri\">Buat logo untuk branding<\/a> agar halaman terlihat profesional dan unik.<\/li>\n<\/ul><p>Untuk melihat tampilan terbaiknya, coba lihat portofolio Anda dari sudut pandang audiens target. Nantinya Anda pun akan lebih mudah memutuskan layout mana yang paling baik untuk galeri Anda.<\/p><h2 class=\"wp-block-heading\" id=\"h-6-install-formulir-kontak\">6. Install Formulir Kontak<\/h2><p>Dengan formulir kontak, calon klien atau pelanggan baru bisa menghubungi Anda dengan lebih mudah. Memang ada cara lain untuk hal ini, misalnya dengan menambahkan link ke email Anda, tapi contact form adalah opsi yang paling user-friendly.<\/p><p>Ada banyak <a href=\"\/id\/tutorial\/contact-form-wordpress\">plugin contact form<\/a> di WordPress yang semuanya bisa diatur sesuai kebutuhan. Salah satu yang terbaik adalah <strong>Contact Form 7<\/strong>, karena mengintegrasikan layanan pihak ketiga dan menyediakan banyak opsi untuk mengatur tampilan formulir.<\/p><p>Ikuti langkah-langkah berikut untuk <a href=\"\/id\/tutorial\/cara-membuat-form-kontak-di-wordpress\">membuat formulir kontak di WordPress<\/a>:<\/p><ol class=\"wp-block-list\">\n<li><strong>Instal<\/strong> plugin <a href=\"https:\/\/wordpress.org\/plugins\/contact-form-7\/\" target=\"_blank\" rel=\"noopener\">Contact Form 7<\/a> lalu klik tombol <strong>Activate<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"744\" height=\"408\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/megaktifkan-plugin-contact-form-7-di-wordpress.png\/public\" alt=\"\" class=\"wp-image-29599\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/megaktifkan-plugin-contact-form-7-di-wordpress.png\/w=744,fit=scale-down 744w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/megaktifkan-plugin-contact-form-7-di-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/megaktifkan-plugin-contact-form-7-di-wordpress.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 744px) 100vw, 744px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Buka <strong>Dashboard<\/strong> -&gt; <strong>Contact<\/strong> untuk mulai membuat formulir. Langkah ini akan membuat formulir default yang bisa Anda sesuaikan nanti.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1325\" height=\"441\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/membuat-contact-form-default-di-wordpress.png\/public\" alt=\"\" class=\"wp-image-29600\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/membuat-contact-form-default-di-wordpress.png\/w=1325,fit=scale-down 1325w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/membuat-contact-form-default-di-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/membuat-contact-form-default-di-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/membuat-contact-form-default-di-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/membuat-contact-form-default-di-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1325px) 100vw, 1325px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Klik tombol <strong>Add New<\/strong> untuk membuat formulir baru. Atau, klik tombol <strong>Edit<\/strong> pada formulir yang ada untuk mengubahnya. Di sini, kami akan mengedit formulir yang dibuat pada langkah sebelumnya, bukan menambahkan formulir baru.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1324\" height=\"439\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/mengedit-contact-form-yang-sudah-ada.png\/public\" alt=\"\" class=\"wp-image-29601\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/mengedit-contact-form-yang-sudah-ada.png\/w=1324,fit=scale-down 1324w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/mengedit-contact-form-yang-sudah-ada.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/mengedit-contact-form-yang-sudah-ada.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/mengedit-contact-form-yang-sudah-ada.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/mengedit-contact-form-yang-sudah-ada.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1324px) 100vw, 1324px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Di bawah bagian <strong>Form<\/strong>, tambahkan atau hapus informasi sesuai keperluan. Ada sejumlah tombol untuk menemukan kode terkait guna menambahkan bagian pada formulir. Di contoh ini, terdapat kolom untuk memasukkan nama, alamat email, subjek, dan pesan.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"501\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/area-editor-untuk-menyesuaikan-contact-form.png\/public\" alt=\"\" class=\"wp-image-29602\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/area-editor-untuk-menyesuaikan-contact-form.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/area-editor-untuk-menyesuaikan-contact-form.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/area-editor-untuk-menyesuaikan-contact-form.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/area-editor-untuk-menyesuaikan-contact-form.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>Setelah menyesuaikan kolom yang ada, Anda juga bisa mengubah teks labelnya serta menyesuaikan teks default formulir. Misalnya, Anda bisa mengubah label default <strong>Your Message<\/strong> menjadi lebih personal, seperti <strong>Apa yang bisa saya bantu untuk Anda? Mari mengobrol!<\/strong><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"501\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/menyesuaikan-teks-di-contact-form-agar-lebih-personal.png\/public\" alt=\"\" class=\"wp-image-29603\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/menyesuaikan-teks-di-contact-form-agar-lebih-personal.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/menyesuaikan-teks-di-contact-form-agar-lebih-personal.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/menyesuaikan-teks-di-contact-form-agar-lebih-personal.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/menyesuaikan-teks-di-contact-form-agar-lebih-personal.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"6\">\n<li>Selanjutnya, buka tab <strong>Mail<\/strong>. Di sini, tentukan alamat email yang akan Anda gunakan untuk menerima pesan dari formulir. Klik tombol <strong>Save<\/strong> di sisi kanan halaman untuk menyelesaikan langkah ini.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bagian-mail-pada-contact-form-7.png\/public\" alt=\"\" class=\"wp-image-29604\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bagian-mail-pada-contact-form-7.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bagian-mail-pada-contact-form-7.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bagian-mail-pada-contact-form-7.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bagian-mail-pada-contact-form-7.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"7\">\n<li>Salin <strong>Shortcode<\/strong> untuk menambahkannya ke halaman web portofolio Anda.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1320\" height=\"560\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/menyalin-shortcode-yang-ada-di-contact-form.png\/public\" alt=\"\" class=\"wp-image-29605\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/menyalin-shortcode-yang-ada-di-contact-form.png\/w=1320,fit=scale-down 1320w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/menyalin-shortcode-yang-ada-di-contact-form.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/menyalin-shortcode-yang-ada-di-contact-form.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/menyalin-shortcode-yang-ada-di-contact-form.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/menyalin-shortcode-yang-ada-di-contact-form.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1320px) 100vw, 1320px\" \/><\/figure><ol class=\"wp-block-list\" start=\"8\">\n<li>Buka halaman web tempat Anda ingin menambahkan formulir. Untuk portofolio, sebaiknya tempatkan formulir di bagian akhir homepage. Atau, Anda bisa membuat halaman kontak khusus. Pada halaman tersebut, tambahkan blok <strong>Shortcode<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/wp-form-shortcode.png\/public\" alt=\"\" class=\"wp-image-29606\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/wp-form-shortcode.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/wp-form-shortcode.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/wp-form-shortcode.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/wp-form-shortcode.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"9\">\n<li>Tempel (paste) shortcode, lalu klik <strong>Publish<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"448\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/tampilan-shortcode-di-halaman-kontak.png\/public\" alt=\"\" class=\"wp-image-29607\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/tampilan-shortcode-di-halaman-kontak.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/tampilan-shortcode-di-halaman-kontak.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/tampilan-shortcode-di-halaman-kontak.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/tampilan-shortcode-di-halaman-kontak.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"10\">\n<li>Kira-kira seperti inilah tampilan halaman kontak Anda nantinya:<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/formulir-kontak-yang-sudah-siap.png\/public\" alt=\"\" class=\"wp-image-29608\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/formulir-kontak-yang-sudah-siap.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/formulir-kontak-yang-sudah-siap.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/formulir-kontak-yang-sudah-siap.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/formulir-kontak-yang-sudah-siap.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Setelah menyelesaikan langkah-langkah di atas, Anda masih perlu mengoptimalkannya:<\/p><ul class=\"wp-block-list\">\n<li><strong>Keamanan<\/strong>. Tambahkan reCAPTCHA untuk mencegah spam di inbox Anda.<\/li>\n\n\n\n<li><strong>Panjang pertanyaan<\/strong>. Cukup sertakan pertanyaan penting saja karena pengunjung bisa jadi enggan menghubungi kalau terlalu banyak informasi yang diminta.<\/li>\n\n\n\n<li><strong>Perhatikan detail kecil<\/strong>. Cek kesalahan ketik atau kesalahan tata bahasa. Meskipun menggunakan gaya informal, website Anda harus tetap terlihat profesional.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-7-berikan-sentuhan-personal-pada-profil-anda\">7. Berikan Sentuhan Personal pada Profil Anda<\/h2><p>Untuk membuat website portofolio online yang baik, Anda perlu menemukan keseimbangan antara aspek profesional bisnis dan personal branding. Nah, untuk itu, Anda bisa membuat halaman <strong>About Me<\/strong> yang unik agar pengunjung bisa memahami karya Anda.<\/p><p>Ada beberapa metode untuk melakukannya, dan yang paling mudah adalah menggunakan urutan kronologis. Coba lihat portofolio desainer grafis <a href=\"http:\/\/www.mypoorbrain.com\/profile\/\" target=\"_blank\" rel=\"noopener\">Tim Smith<\/a> di bawah ini, yang mencantumkan pengalaman bertahun-tahunnya serta skill dan pencapaiannya.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1453\" height=\"930\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/web-portofolio-milik-tim-smith.png\/public\" alt=\"\" class=\"wp-image-29609\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/web-portofolio-milik-tim-smith.png\/w=1453,fit=scale-down 1453w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/web-portofolio-milik-tim-smith.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/web-portofolio-milik-tim-smith.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/web-portofolio-milik-tim-smith.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/web-portofolio-milik-tim-smith.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1453px) 100vw, 1453px\" \/><\/figure><\/div><p>Urutan kronologis memudahkan pengunjung mengikuti cerita Anda. Namun, sebaiknya tambahkan juga sedikit cuplikan tentang diri Anda sebelum bagian biografi lengkap. Pengunjung pun bisa langsung membaca ringkasan informasi apabila tidak punya banyak waktu.<\/p><p>Selain itu, Anda bisa mencoba menggunakan sudut pandang orang ketiga. Meskipun terasa lebih profesional, Anda tetap boleh menyelipkan beberapa &lsquo;fun fact&rsquo; tentang diri Anda. Contohnya ada <a href=\"https:\/\/willbryantstudio.com\/\" target=\"_blank\" rel=\"noopener\">Will Bryant<\/a> di web portofolio desainnya yang menyertakan hobinya.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bio-will-bryant-di-web-portofolio-miliknya.png\/public\" alt=\"\" class=\"wp-image-29610\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bio-will-bryant-di-web-portofolio-miliknya.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bio-will-bryant-di-web-portofolio-miliknya.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bio-will-bryant-di-web-portofolio-miliknya.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bio-will-bryant-di-web-portofolio-miliknya.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Sentuhan personal pada profil juga bukan berarti semuanya harus tentang diri Anda. Boleh sisipkan informasi seputar karya, seperti di portofolio UX Designer dan Direktur Seni <a href=\"https:\/\/melaniedaveid.com\/\" target=\"_blank\" rel=\"noopener\">Melanie Daveid<\/a>. Ia hanya menaruh cuplikan singkat tentang dirinya dan lebih fokus pada metode kerjanya.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bio-melanie-daveid.png\/public\" alt=\"\" class=\"wp-image-29611\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bio-melanie-daveid.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bio-melanie-daveid.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bio-melanie-daveid.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/bio-melanie-daveid.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Pada dasarnya, profil Anda adalah sarana bagi calon klien dan pelanggan untuk mengenal lebih dekat latar belakang dan skill Anda. Jadi coba pertimbangkan elemen berikut untuk profil Anda:<\/p><ul class=\"wp-block-list\">\n<li><strong>Detail pribadi<\/strong>. Sampaikan apa saja yang menjadi inspirasi Anda untuk membantu calon klien atau pelanggan dengan masalah mereka.<\/li>\n\n\n\n<li><strong>Pengalaman profesional<\/strong>. Cantumkan penghargaan penting untuk menunjukkan kredibilitas.<\/li>\n\n\n\n<li><strong>Foto<\/strong>. Tambahkan foto diri Anda, misalnya yang diambil saat bekerja di studio rumah.<\/li>\n\n\n\n<li><strong>Koreksi dan baca ulang<\/strong>. Cek lagi apakah ada kesalahan tata bahasa atau typo agar tetap profesional.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-8-promosikan-web-portofolio-dan-mulai-dapatkan-klien\">8. Promosikan Web Portofolio dan Mulai Dapatkan Klien<\/h2><p>Penting sekali untuk membangun online presence guna menarik calon klien dan menjaring proyek baru. Nah, Anda bisa melakukannya dengan <a href=\"\/id\/tutorial\/cara-mempromosikan-website\">cara promosi website<\/a> portofolio Anda, mengoptimasi kontennya, dan membagikannya di platform lain.<\/p><p>SEO juga berperan penting dalam mengarahkan traffic organik. Nantinya, website Anda bisa meraih ranking yang lebih tinggi di SERP. Untuk WordPress, sebaiknya gunakan <a href=\"\/id\/tutorial\/plugin-seo-wordpress-terbaik\">plugin SEO<\/a> seperti <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener\">Yoast SEO<\/a> dan <a href=\"https:\/\/wordpress.org\/plugins\/google-analytics-for-wordpress\/\" target=\"_blank\" rel=\"noopener\">Monsterinsights<\/a>.<\/p><p>Setelah mengoptimasi konten secara internal, Anda bisa mulai menulis postingan blog, menerapkan email marketing, dan membagikan portofolio di berbagai platform media sosial.<\/p><p>Kemudian, integrasikan media sosial dengan WordPress untuk meningkatkan online presence secara keseluruhan. Cobalah mengarahkan audiens di media sosial ke web portofolio Anda serta menambahkan akun media sosial di situs itu sendiri.<\/p><p>Tambahkan juga tombol <strong>like dan share<\/strong> di website untuk memudahkan pengunjung membagikan web portofolio Anda di medsos mereka. Sebagai contoh, fotografer <a href=\"https:\/\/www.robertlawler.co.uk\/\" target=\"_blank\" rel=\"noopener\">Robert Lawler<\/a> memiliki tombol share di menu utamanya.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1898\" height=\"928\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/web-portofolio-robert-lawler.png\/public\" alt=\"\" class=\"wp-image-29612\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/web-portofolio-robert-lawler.png\/w=1898,fit=scale-down 1898w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/web-portofolio-robert-lawler.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/web-portofolio-robert-lawler.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/web-portofolio-robert-lawler.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/web-portofolio-robert-lawler.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1898px) 100vw, 1898px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-tips-cara-membuat-portofolio-online-yang-menarik\">Tips Cara Membuat Portofolio Online yang Menarik<\/h2><p>Untuk membuat web portofolio yang bagus, Anda harus bisa tampil beda dari orang lain. Berikut lima tips yang mudah diikuti untuk cara membuat portofolio online yang menarik:<\/p><ul class=\"wp-block-list\">\n<li><strong>Sajikan sampel pekerjaan yang bervariasi<\/strong>. Tunjukkan skill Anda dalam menyelesaikan berbagai pekerjaan dengan menampilkan beberapa jenis proyek. Selain itu, sertakan juga pekerjaan atau proyek yang paling relevan dengan job yang ingin Anda targetkan.<\/li>\n\n\n\n<li><strong>Buat desainnya agar tetap sederhana<\/strong>. Cerminkan keahlian Anda melalui proyek yang telah dikerjakan, tanpa perlu menjelaskannya melalui teks. Hadirkan navigasi yang mudah bagi pengunjung.<\/li>\n\n\n\n<li><strong>Fokuskan pada karya Anda<\/strong>. Pastikan portofolio berfokus pada pekerjaan Anda, bukan kepribadian Anda. Menambahkan sentuhan pribadi memang penting, tapi lebih penting lagi untuk tetap tampil profesional.<\/li>\n\n\n\n<li><strong>Kualitas lebih dari kuantitas<\/strong>. Semua pekerjaan yang ditampilkan harus berkualitas. Hapus semua proyek yang tidak memenuhi standar pribadi Anda.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-kesimpulan\">Kesimpulan<\/h2><p>Jika Anda ingin mempekerjakan seseorang di internet, maka hal pertama yang harus dicari tahu adalah proyek seperti apa yang telah dikerjakannya. Dengan kata lain, Anda pasti ingin melihat portofolio onlinenya.<\/p><p>Hal ini juga berlaku bagi orang yang ingin menyewa jasa dan keahlian Anda sebagai pekerja lepas di dunia maya. Untungnya, mempelajari cara membuat web portofolio sendiri tidak sesulit yang dibayangkan, apalagi kalau Anda menginstall WordPress.<\/p><p>Apakah Anda punya pertanyaan tentang cara membuat website portofolio? Silakan tulis pertanyaan Anda pada kolom komentar di bawah ini!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web portofolio sangat dibutuhkan apabila Anda berprofesi sebagai seorang freelancer atau pekerja lepas. Setelah buat website, Anda perlu mengubahnya menjadi website portofolio untuk menampilkan skill, kemampuan, dan karya yang dibuat untuk menarik lebih banyak klien. Memang sih, portofolio online tidak terbatas untuk orang-orang tertentu saja. Namun bagi Anda yang bergelut di industri kreatif, misalnya sebagai [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/id\/tutorial\/web-portofolio\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":190,"featured_media":29410,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"","rank_math_description":"Website portofolio bisa membantu Anda menjangkau lebih banyak klien dan peluang pekerjaan. Baca cara membuat website portofolio di sini yuk!","rank_math_focus_keyword":"web portofolio, cara membuat portofolio website, website untuk portofolio, membuat web portofolio sendiri, membuat website portofolio","footnotes":""},"categories":[4983],"tags":[8157,7220,7692,4890,8015,7697,7996,8059,6262,7730,8158,8159,7932,7718,8160,8019,7982,8155,8149,8156,4860],"class_list":["post-7420","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","tag-cara-membuat-portofolio-website","tag-cms","tag-contact-form-7","tag-domain","tag-domain-gratis","tag-formulir-kontak","tag-hosting-indonesia","tag-hosting-terbaik","tag-install-wordpress","tag-joomla","tag-membuat-web-portofolio-sendiri","tag-membuat-website-portofolio","tag-nama-domain","tag-plugin-wordpress","tag-portofolio-online","tag-sistem-manajemen-konten","tag-web-hosting-indonesia","tag-web-hosting-indonesia-terbaik","tag-web-hosting-terbaik","tag-website-untuk-portofolio","tag-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-make-an-online-portfolio","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-fazer-um-portfolio-digital","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/creer-portfolio","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-hacer-un-portfolio-profesional","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/web-portofolio","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/come-creare-un-portfolio-online","default":0},{"locale":"nl-NL","link":"https:\/\/www.hostinger.com\/nl\/tutorials\/hoe-maak-je-een-portfolio","default":0},{"locale":"ar-AE","link":"https:\/\/blog.hostinger.io\/ae\/tutorials\/how-to-make-an-online-portfolio\/","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-make-an-online-portfolio","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-make-an-online-portfolio","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-make-an-online-portfolio","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wordpress-es-gratis-4","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-hacer-un-portfolio-profesional\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-hacer-un-portfolio-profesional\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-fazer-um-portfolio-digital","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-make-an-online-portfolio","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-make-an-online-portfolio","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-make-an-online-portfolio","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-make-an-online-portfolio","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/7420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=7420"}],"version-history":[{"count":38,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/7420\/revisions"}],"predecessor-version":[{"id":39569,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/7420\/revisions\/39569"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media\/29410"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=7420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=7420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=7420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}