Cara Membangun Portofolio Online dengan WordPress


Situs web portofolio adalah platform sempurna untuk menampilkan apa pun yang Anda inginkan. Bisa berupa produk yang Anda jual, proyek yang telah Anda selesaikan, penghargaan yang Anda terima, foto yang menginspirasi, atau karya seni yang Anda banggakan. Situs portofolio akan memasarkan produk, layanan, dan keterampilan Anda kepada audiens target Anda. Selain itu, ini dapat membantu dalam menghasilkan prospek. Jika Anda seorang profesional kreatif (desainer web, seniman, pelukis, penulis, ilustrator grafis), situs web yang dirancang dengan baik sangat penting untuk menarik klien dan mengembangkan bisnis Anda.

Pada postingan kali ini, kita akan membahas langkah-langkah membangun website portofolio dengan WordPress menggunakan tema Total. Pada awalnya, Anda harus tahu bahwa tema Total menyertakan jenis posting khusus bawaan untuk portofolio. Jadi lebih mudah untuk membuat portofolio dan menambahkan item portofolio Anda. Dan jika Anda tahu cara bekerja dengan postingan standar, membuat portofolio akan lebih mudah bagi Anda.

Mari kita mulai!

Langkah 1: Pilih Host Web

Dalam hal hosting, ada banyak sekali pilihan hosting yang sesuai dengan kantong setiap orang. Namun jika Anda bingung memilih salah satu, lihatlah solusi hosting WordPress yang direkomendasikan WPExplorer.

Bluehost adalah pilihan bagus jika Anda baru memulai karena Bluehost menawarkan banyak sumber daya dengan harga murah – bahkan lebih rendah lagi bila Anda menggunakan tautan kami. Anda bisa mendapatkan Bluehost hanya dengan $2,95 pada tahun pertama!

Namun jika Anda menginginkan hosting yang mudah digunakan, Flywheel dan WP Engine adalah dua perusahaan hosting WordPress dengan pengelolaan terbaik. Keduanya menawarkan fitur-fitur hebat dengan harga terjangkau, dan yang terbaik dari semuanya, Anda tidak perlu memikirkan server Anda karena mereka mengurus segalanya untuk Anda.

Langkah 2: Pilih Nama Domain

Saat mendaftar dengan host untuk mendapatkan ruang server, Anda harus menyiapkan nama domain Anda. Nama domain Anda unik untuk situs web Anda dan Anda bisa mendapatkan nama ini dari Pendaftar seperti NameCheap dan GoDaddy. Pilih nama dengan hati-hati, karena akan sangat berantakan jika diubah nanti.

Langkah 3: Instal WordPress

Menginstal WordPress itu mudah! Dengan host terkelola, instalasi WordPress Anda sudah disiapkan untuk Anda. Jika Anda memilih Bluehost, cukup ikuti proses instalasi sekali klik dan WordPress Anda akan siap dalam beberapa menit.

Saat Anda mencapai layar login, masukkan nama pengguna dan kata sandi yang Anda buat saat menginstal WordPress dan masuk ke situs web Anda. Sesampai di sana, Anda dapat mulai membuat situs web portofolio Anda yang sebenarnya.

Langkah 4: Pilih dan Aktifkan Tema

Langkah ini akan mudah bagi kami, karena kami akan memilih Total. Menurut pendapat kami, ini adalah salah satu tema terbaik yang dapat Anda pilih untuk proyek apa pun karena tema ini hadir dengan banyak fitur dan opsi yang dapat Anda gunakan untuk bisnis, amal, portofolio, dan banyak lagi. Dan dengan impor demo yang mudah, Anda dapat membuat situs web portofolio yang indah dengan Total hanya dalam beberapa klik, seperti di bawah ini:

Setelah menginstal tema Total, aktifkan dari dasbor Anda dengan mengeklik Tampilan > Tema > Tambah Baru.

Pada tahap ini, Anda harus menentukan pilihan – Anda cukup mengimpor situs web demo mana pun dari Total menggunakan Demo Importir.  Total memiliki 40+ situs siap pakai, termasuk demo untuk portofolio. Anda dapat memilih demo apa pun, mengimpornya, dan menambahkan konten Anda sendiri ke dalamnya.

Cukup pilih demo yang Anda suka dan ikuti petunjuk di layar untuk menginstal lalu aktifkan plugin apa pun yang diperlukan dan untuk mengimpor konten sampel (postingan, jenis posting, widget, menu, dll).

Langkah 5: Buat dan Edit Item Portofolio dan Buat Daftar Item Portofolio

Tentu saja Anda tidak perlu mengimpor demo untuk memulai, Anda selalu dapat membuat situs sendiri dari awal. Saat menggunakan tema Total, Anda dapat dengan mudah membuat portofolio Anda sendiri.

Namun sebelum kita dapat membuat halaman portofolio, kita perlu membuat item portofolio yang akan dimasukkan ke dalamnya. Dengan Total, Anda memiliki dua opsi untuk membuat item portofolio Anda.

Opsi 1: Menggunakan Jenis Postingan Kustom Portofolio Total Apa Adanya

Opsi pertama Anda adalah menggunakan jenis posting portofolio untuk membuat portofolio Anda. Dari Dasbor WordPress, klik Portofolio > Tambah Baru.

Tambahkan judul item portofolio Anda, tag, kategori, dan konten teks apa pun. Total mendukung berbagai jenis konten – tambahkan Gambar Unggulan jika Anda ingin menampilkan satu gambar, tambahkan beberapa gambar ke bagian Galeri Gambar untuk membuat penggeser, atau tambahkan tautan untuk file audio atau video di bagian Item Portofolio. Namun dalam semua kasus ini, Anda mungkin juga ingin memilih tata letak halaman di bawah pengaturan Utama (bilah samping kiri, kanan, atau tanpa bilah sisi) dan mengatur gambar unggulan untuk postingan Anda untuk digunakan dalam kisi portofolio, carousel, dan postingan terkait. Setelah Anda selesai simpan postingan tersebut.

Langkah selanjutnya adalah membuka Appearance > Customize > Portfolio untuk menyesuaikan halaman arsip portofolio Anda (utama, tag, dan kategori) serta halaman item portofolio tunggal Anda. Dari sini Anda dapat memilih tata letak sidebar, jumlah postingan terkait, dan mengaktifkan berbagai elemen halaman, lalu menarik & melepasnya sesuai urutan yang Anda inginkan.

Itu dia! Cukup tambahkan lebih banyak item untuk mengisi portofolio Anda.

Opsi 2: Buat Templat Portofolio Anda Sendiri dengan Visual Composer

Jika Anda ingin lebih aktif, Anda bisa menjadi desainer Anda sendiri menggunakan fitur Total dan pembuat halaman Visual Composer. Visual Composer adalah pembuat halaman visual yang membantu Anda membuat tata letak yang indah menggunakan metode drag and drop. Sebagai pengguna, ini berarti Anda tidak perlu mengetahui coding apa pun dan benar-benar dapat menikmati proses pembuatan web. Tema ini tersedia gratis dengan Total, dan Anda akan melihat perintah untuk menginstal plugin di situs web Anda saat Anda mengaktifkan tema tersebut. Ingatlah untuk juga mengaktifkannya.

Kunjungi Pengaturan Visual Composer dari dasbor untuk mengatur plugin. Klik Visual Composer > Role Manager dan sesuaikan pengaturannya. Yang terpenting, aktifkan composer untuk jenis postingan yang ingin Anda gunakan. Secara default, Visual Composer hanya diaktifkan pada halaman. Aktifkan juga untuk jenis postingan Portofolio sehingga Anda dapat membuat item portofolio dengan bantuan Visual Composer.

Sama seperti opsi terakhir Anda perlu membuat postingan baru dengan mengklik Portofolio > Tambah Baru. Beri nama pada postingan Anda, pilih kategori atau tag, pilih tata letak sidebar di bagian setelan utama, dan tetapkan gambar unggulan. Simpan draf postingan Anda. Sekarang Anda dapat mulai membangun!

Anda memiliki opsi untuk menggunakan editor Visual Composer frontend (visual) atau backend (blok) untuk mulai mengedit item portofolio. Kami lebih memilih editor frontend karena Anda dapat melihat elemen halaman, warna khusus, padding/margin, dan banyak lagi. Namun apa pun yang Anda pilih untuk digunakan, cukup pilih tombol Tambahkan Elemen Visual Composer untuk memulai.

Anda akan melihat semua elemen yang tersedia di perpustakaan elemen. Total memiliki sejumlah elemen yang dirancang khusus di perpustakaan, selain elemen Visual Composer standar. Anda dapat melihat bahwa cuplikan di atas menggunakan  Penggeser Gambar dan Kotak Teks untuk membuat item portofolio. Namun, Anda dapat menggunakan hampir semua elemen lain dari perpustakaan.

Ketika Anda selesai mengedit, simpan postingan portofolio dan klik Publikasikan. Jika Anda akan membuat banyak item serupa, Anda bahkan dapat menyimpan template untuk digunakan berulang kali. Untuk menyimpan tata letak Anda sebagai templat, kembalilah ke editor backend.

Klik tombol Templatera (yang terlihat seperti ikon tata letak kecil berwarna abu-abu).

Kemudian beri nama template Anda dan simpan. Untuk menggunakan template Anda pada postingan baru, cukup klik ikon Templatera untuk menyisipkan tata letak yang Anda simpan. Alternatifnya, Anda dapat mengatur template sebagai default untuk semua postingan baru dalam jenis postingan tertentu.

Untuk melakukannya, navigasikan ke Visual Composer > General Settings dan atur template pilihan Anda untuk setiap jenis postingan. Jika Anda berencana untuk menambahkan banyak item ke portofolio Anda, staf, dll. ini akan sangat menghemat waktu Anda karena semua elemen halaman standar Anda akan dimasukkan dan diformat secara otomatis untuk Anda.

Langkah 6: Membuat Halaman Portofolio

Sekarang kita sudah memiliki daftar item portofolio yang ingin kita tampilkan di portofolio kita, sekarang saatnya membuat halaman yang akan menampung item portofolio tersebut. Buat halaman seperti yang biasa Anda lakukan dengan WordPress. Buka Halaman > Tambah Baru. Beri judul halaman baru dan simpan.

Selanjutnya, klik opsi Visual Composer yang ingin Anda gunakan – sekali lagi Anda akan memiliki opsi untuk menggunakan editor frontend atau editor backend. Ini akan membuka editor seret dan lepas langsung. Klik tombol Tambahkan Elemen berwarna biru. Kami akan menggunakan elemen Portfolio Grid untuk membangun halaman portofolio kami. Pilih Kisi Portofolio. Jika itu adalah carousel yang Anda inginkan di halaman portofolio Anda, pilih elemen Portfolio Carousel.

Anda dapat menyesuaikan pengaturan di elemen Portfolio Grid untuk menyempurnakan tampilan halaman Portofolio Anda. Anda dapat memilih ukuran gambar, menambahkan batas, memberi judul, smenentukan kategori, memilih urutan, kolom dan posting per halaman, mengaktifkan pagination, memilih gaya grid, menambahkan kutipan dan banyak lagi. Simpan halaman Portofolio setelah mengisi opsi pengaturan di bawah editor teks.

Perubahan dapat dilihat bahkan saat Anda membuatnya. Ini adalah tampilan halaman portofolio saya di bagian depan setelah saya menyimpan perubahan pada elemen Portfolio Grid.

Langkah 7: Sesuaikan Portofolio Anda

Anda dapat menggunakan pengaturan di Penyesuai WordPress langsung untuk mengatur opsi remah roti, tata letak arsip, gaya posting tunggal, pemotongan gambar, dan banyak lagi.

Jika Anda ingin melakukan perubahan pada ikon admin, nama jenis postingan, slug dan taksonomi gunakan Portofolio Post Type Editor.

Langkah 8: Menambahkan Portofolio Anda ke Menu

Di situs portofolio, sebaiknya halaman portofolio muncul di menu utama sehingga pengunjung dapat langsung mengakses 'Portofolio' dan melihat halaman portofolio. Untuk menambahkan halaman portofolio baru Anda, buka Tampilan > Menu, pilih halaman Portofolio dan klik Tambahkan Ke Menu.

Kini Portofolio muncul sebagai item menu yang mudah diakses di halaman beranda (dan halaman lain yang mengaktifkan menu utama).

Jika Anda ingin halaman portofolio menjadi halaman beranda, cukup navigasikan ke Pengaturan > Membaca, atur tampilan Halaman Depan Anda ke halaman statis lalu pilih Portofolio Anda. Mudah sekali!

Menyelesaikan

Dengan adanya bagian Portofolio situs web Anda, Anda mungkin ingin melanjutkan dan menambahkan lebih banyak halaman ke situs web Anda. Pertimbangkan Halaman Kontak, Tentang, atau Layanan yang sangat berguna dan merupakan bagian penting dari situs portofolio. Buat halaman sebanyak yang Anda inginkan atau butuhkan, dan ingatlah untuk menyertakan halaman-halaman penting dalam menu untuk memiliki situs web portofolio yang lengkap.

Setelah portofolio Anda selesai, Anda dapat beralih ke menghasilkan traffic ke portofolio Anda, mengoptimalkan gambar, atau bahkan memonetisasi situs web Anda. Tips lain apa yang Anda miliki untuk membangun portofolio online?