Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. WordPress Themes
Webdesign

Cara Membuat Website Modern dengan Tema WordPress yang Bersih

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Muhammad Naufal (you can also view the original English article)

Saat ini membuat situs web menjadi hal yang mudah berkat platform seperti WordPress. Tidak hanya WordPress sangat mudah dipelajari, WordPress juga adalah platform yang sempurna untuk menciptakan beragam jenis situs web.

Berkat banyaknya tema (theme), anda bisa membuat situs anda aktif dan berjalan dalam hitungan beberapa jam, baik anda ingin membuat situs untuk bisnis anda, membuat portofolio yang bagus, atau memulai blog pribadi.

Jika anda ingin membuat situs web yang bersih (clean) dan modern, WordPress bisa memenuhi keinginan anda tersebut. Tema WordPress yang clean adalah pilihan tepat untuk hampir semua bisnis karena desainnya yang disederhanakan yang mengarahkan perhatian ke konten anda. Tema-tema ini mempermudah pengunjung untuk berfokus pada produk dan layanan anda, dan dapat membantu anda mengubah lebih banyak pengunjung menjadi klien dan customer.

Modern homepage designs in Clean WordPress theme
Berbagai opsi desain homepage yang modern dalam Clean Roneous WordPress theme.

Manfaat lain dari tema WordPress yang clean adalah kenyataan bahwa desainnya sederhana (simple) mengarah pada waktu loading yang lebih baik yang berarti pengunjung anda tidak perlu menunggu lama situs anda di-load.

Pada akhirnya, tema WP yang clean selain bisa membantu bisnis mendapatkan lebih banyak klien tapi juga dapat membantu para blogger yang ingin menumbuhkan daftar email mereka. Temukan banyak tema WordPress yang terbaik dan sedang trending dengan clean design:

Dalam tutorial ini, kami akan memandu anda melalui proses penyiapan (setting) situs web modern dengan menggunakan tema WordPress yang clean. Mari kita bahas!

Cara Membuat Website Modern Menggunakan Theme Wordpress yang Celan

Membuat situs web anda sendiri mungkin tampak menakutkan, namun begitu anda memiliki rencana yang jelas untuk diikuti, anda bisa membuat situs anda dengan sangat cepat. Sebelum beralih ke pengaturan tema, mari kita membahas hal-hal yang anda perlukan.

Hal yang Anda Butuhkan untuk Memulai

Ada beberapa komponen penting yang anda butuhkan untuk memulai sebuah situs web modern, yaitu:

1. Nama Domain Unik Anda Sendiri

Langkah pertama adalah membeli nama domain untuk situs baru anda. Jika anda membangun situs web untuk bisnis anda, pilihan yang jelas untuk nama domain adalah nama bisnis atau agensi anda. Tapi, jika anda membuat blog pribadi, anda bisa membeli sesuai dengan nama domain yang terkait dengan topik blog yang akan anda buat ke depannya atau memilih nama anda sebagai nama domain. Pastikan anda memilih ekstensi domain terbaik juga.

Nama anda sebagai nama domain juga merupakan pilihan yang baik jika anda berbisnis dengan nama anda sendiri atau jika anda bekerja di situs resume pribadi. Terlepas dari apa pilihan anda, pastikan namanya mudah dieja dan mudah diingat.

2. Hosting Plan dengan WordPress Support

Dengan nama domain di belakangnya, saatnya memilih penyedia hosting. Jika anda telah membeli nama domain anda dari perusahaan seperti BlueHost, SiteGround, atau sejenisnya, anda dapat mendaftar ke salah satu paket hosting mereka pada saat bersamaan. Sejumlah tema WordPress ThemeForest juga hadir dengan opsi untuk menambahkan hosting dari Envato Hosted service.

Envato Hosted - Premium WordPress Hosting
Envato Hosted - Premium Wordpress hosting.

Sebenarnya sebagian besar perusahaan hosting akan menyertakan nama domain secara gratis saat anda mendaftar ke salah satu paket mereka. Jika anda membeli nama domain anda di tempat lain, lakukan sedikit riset di perusahaan hosting tersebut dan baca ulasan independen untuk mengetahui apa yang orang-orang lain katakan.

3. Premium Wordpress Theme dengan Clean Design

Untuk membuat situs yang profesional, anda juga memerlukan tema Wordpress yang clean. Meskipun ada tema WordPress gratis yang dapat anda temukan secara online, memilih tema premium WP memberi anda akses ke dukungan khusus dari pengembang tema tersebut. Hal ini memastikan tema anda akan diperbarui secara berkala dan anda juga bisa menghubungi pengembang bersangkutan jika anda memerlukan bantuan dengan tema anda.

Untuk keperluan tutorial ini, saya menggunakan theme WordPress Roneous yang populer yang bisa digunakan untuk berbagai tujuan. Tema ini hadir dengan desain yang indah dan bersih serta lebih dari 25 homepage modern. Roneous juga mencakup beberapa plugin yang paling populer sehingga anda tidak perlu khawatir tentang dukungan custom code situs anda.

Clean modern Roneous WordPress theme
Tema WordPress Roneous dengan desain clean dan modern. Tema WordPress Roneous modern yang clean

4. Konten dan Gambar

Hal terakhir yang anda perlukan adalah mengumpulkan semua konten dan gambar yang akan anda masukkan ke situs anda. Dianjurkan untuk menggunakan gambar berkualitas tinggi, seperti foto profesional dari Envato Elements. Dengan cara ini, gambar tidak tampak buram dan gambar adalah merupakan alat bantu visual yang hebat yang membantu anda menceritakan kisah anda dan terhubung dengan audiens yang ideal.

Jika menyangkut konten, pikirkan halaman apa yang akan da di situs anda. Pertimbangkan juga untuk menulis beberapa posting blog untuk memulai, sehingga pengunjung anda bisa mengenal brand anda dan melihat apa yang anda tawarkan. Anda mungkin juga mempertimbangkan untuk menambahkan testimonial dari klien sebelumnya, terutama jika anda membuat situs web bisnis.

Memulai

Begitu anda mengendalikan segala halnya, sekarang saatnya anda membuat situs web anda. Untuk melakukan ini, anda harus menginstal WordPress dan kemudian menambahkan tema dan plugin. Setelah anda menginstal semuanya, kami akan memandu anda melalui langkah-langkah menyiapkan tema:

1. Instalasi WordPress

Untuk menginstal WordPress anda perlu masuk ke cPanel hosting anda dengan rincian yang disediakan untuk anda oleh perusahaan hosting. Gunakan username dan password yang terdapat di email selamat datang (welcome) dan ikuti link yang akan membawa anda ke halaman login cPanel. Masukkan username dan password yang tersedia untuk melakukan login.

Di cPanel, scroll ke bawah ke bagian bernama Website Installers, Fantastico Installer atau Softaculous Installer. Temukan ikon WordPress lalu klik tombol Install. Halaman berikutnya akan meminta anda memasukkan username dan password dan memilih domain tempat menginstal WordPress.

Sebaiknya pilih password yang kuat yang berisi huruf besar dan huruf kecil serta angka dan simbol khusus. Pastikan untuk mencatat username dan password anda di tempat yang aman sehingga anda dapat mengakses backend dari situs WordPress anda nanti.

Setelah anda mengisi semua detailnya, klik tombol Install sekali lagi untuk menyelesaikan proses instalasi. Saat proses instalasi selesai, anda akan melihat pesan pemberitahuan dengan link ke dashboard WordPress anda. Klik pada link tersebut lalu masukkan username dan password yang anda pilih selama proses instalasi sebelumnya.

2. Meng-Install Theme WordPress

Setelah masuk ke dashboard WordPress anda, klik Appearance > Themes > Add New. Pada layar berikutnya, pilih Upload Theme.

Klik pada tombol untuk memilih folder zip dengan file tema (theme) anda lalu klik Upload. Setelah theme terinstal klik Activate.

3. Install dan Activate Plugin yang Diinginkan

Sekarang setelah tema Wordpress modern anda ter-install, anda akan melihat notifikasi di dashboard anda bahwa tema memerlukan plugin tambahan. Anda bisa klik link Being Installing Plugins untuk menginstal plugin yang dibutuhkan. Cukup pilih (select) semua plugin lalu klik Install di menu drop down. Plugin akan segera aktif sehingga anda dapat beralih ke langkah berikutnya yaitu melakukan setting pada situs anda.

required plugins
Instal plugin WordPress yang dibutuhkan.

Cara Membuat Situs WordPress yang Clean - dengan Cepat

Dengan tema WordPress yang clean dan plugin modern yang ter-install, mari kita set up halaman dan pergi ke setting tema. Dengan begitu, anda akan mengerti di mana pengaturan yang berbeda berada dan bagaimana menyesuaikan (customize) warna, font, dan tata letak (layout) situs baru anda.

Cara Membuat Homepage

Langkah pertama adalah membuat homepage untuk situs anda. Untuk melakukannya, masuk ke Pages > Add New dan beri nama Home. Seperti yang dapat anda lihat dari screenshot di bawah, anda memiliki tombol tambahan yang memungkinkan anda menggunakan Visual Composer builder.

Pada titik ini, anda bisa mengklik tombol Backend Editor atau tombol FrontEnd Editor.

Adding a homepage
Menambahkan homepage ke situs WordPress modern anda.

Backend editor memungkinkan anda menyisipkan (insert) element, text block atau memilih template.

Visual Composer elements
Visual Composer Element.

Jika anda lebih memilih jalan DIY, mulailah dengan menambahkan baris dan kemudian pilih sejumlah kolom. Begitu anda memutuskan struktur untuk bagian itu, anda dapat mulai menempatkan element seperti gambar, text block, dan banyak lagi.

Backend editor
Tampilan editor backend

Opsi cepat lainnya adalah menggunakan salah satu template pre-made (siap digunakan). Dalam kebanyakan kasus, dokumentasi tema anda akan memiliki petunjuk terperinci tentang cara mengimpor konten demo dan template. Untuk tema Roneous, yang harus anda lakukan adalah mem-paste konten-konten dalam file teks di text editor. Dalam contoh ini, saya telah mengimpor konten untuk template Business Agency.

Modern WordPress website theme demo homepage
Homepage demo untuk tema WordPress Roneous.

Bagian terakhir untuk homepage termasuk menghilangkan header dan title halaman sehingga halaman kita terlihat seperti demo tersebut. Untuk melakukannya, di layar editor halaman scroll ke bawah sampai anda melihat bagian Page Settings. Di sini, cukup pilih No header di bagian Header layout dan No Title di bagian Page Title Layout:

PPage Settings of your WordPress theme
Page Settings dari tema WordPress anda.

Setelah selesai dengan halaman anda, klik Publish. Kemudian mengarah ke Settings > Reading dan pada bagian Front page displays pilih homepage yang baru anda buat. Klik Save Changes.

Reading Settings
Reading Settings di situs Wordpress anda.

Cara Membuat Halaman Blog

Dengan cara yang sama, kita akan membuat halaman blog. Mengarah ke Pages > Add New dan kali ini beri nama halaman Blog. Untuk halaman blog, anda tidak perlu memasukkan konten apapun karena akan menampilkan posting blog terbaru anda. Klik Publish untuk membuat halaman blog anda terbit dan kemudian kembali ke Settings > Reading dan pilih halaman blog yang baru saja anda buat untuk halaman post. Save Changes (Simpan Perubahan) sekali lagi.

Anda dapat mengulangi proses ini sebanyak yang diperlukan untuk membuat halaman-halaman (pages) untuk situs anda.

Cara Mengimpor Konten Demo

Jika anda ingin mengimpor konten demo, buka Tools > Import dan pilih WordPress Importer. Instal plugin tersebut, aktifkan, lalu jalankan importer. Upload file .xml yang menjadi tema WordPress modern anda dan klik Upload file and import.

Pada tampilan berikutnya, anda ingin menetapkan post untuk diri sendiri dan centang kotak yang bertuliskan Download file attachments. Klik tombol Submit dan konten demo anda akan diimpor.

Customizing Setting pada Theme WordPress

Setelah struktur anda sudah pada tempatnya, anda dapat menyesuaikan atau meng-customize situs dengan warna, font, dan hal lainnya yang sesuai dengan brand anda. Beberapa tema WordPress modern hadir dengan dedicated Theme Options panel, sementara yang lain menggunakan built-in WordPress Live Customizer. Dalam kasus kami, untuk men-tweak pengaturannya, masuk ke Appearance > Customize. Di tampilan ini, anda bisa mengubah warna, font, mengunggah logo anda, memilih layout footer, dan banyak lagi.

Theme customizer
Theme customizer di WordPress.

Untuk mengubah layout, yang harus anda lakukan adalah mengeklik Edit With Visual Composer. Dari sini, anda dapat mengedit setting untuk elemen yang sudah ada di sana, mengubah layout kolom, dan mengganti elemen dengan yang lebih sesuai untuk situs web anda.

Apa yang Membuat Website Modern yang Mengagumkan

Situs web yang clean dan minim adalah sesuai untuk tren dan mode saat ini yang memungkinkan anda memberi bisnis anda kehadiran online yang modern. Berikut adalah beberapa tips untuk memaksimalkan tren desain ini:

1. Banyak White Space

White Space (Ruang putih) akan membantu memberi penekanan pada konten. White space adalah ruang antara berbagai elemen pada halaman, seperti gambar dan teks, namun tidak harus berwarna putih. Bila digunakan dengan benar dan sesuai, hal itu akan membuat website anda tampil bersih (clean) dan modern, jadi pastikan elemen-elemen pada halaman anda tidak terlalu berdekatan. Dengan begitu, konten dan calls to action anda bisa menonjol.

2. Gambar yang Besar

Gambar tidak hanya akan membantu anda terhubung dengan audience anda, gambar juga dapat mengisi ruang dan menciptakan warna-warna indah. Anda dapat menggunakannya di header, sebagai background atau membuat galeri yang menampilkan portofolio karya atau produk terdahulu yang anda tawarkan.

Dapatkan unlimited stock photos di Envato Elements, serta template web, grafik, dan banyak lagi:

3. Bold Typography

Pertimbangkan untuk menggunakan font tebal (bold) dan besar untuk title dan heading untuk menarik perhatian di berbagai bagian situs anda. Kombinasi font yang bagus dengan berbagai ukuran bahkan bisa membantu anda membangun suatu hierarki visual.

4. Navigasi yang Minimal

Agar situs web anda sebersih mungkin, tambahkan hanya laman terpenting ke navigasi utama anda. Ini akan membantu pembaca anda menavigasi situs anda lebih mudah dan anda selalu dapat menambahkan menu dropdown jika anda merasa ada halaman penting yang perlu mereka kunjungi.

5. Warna Bold

Terakhir, warna akan membantu menambah minat visual dan menciptakan perbedaan antar bagian. Warna juga dapat memberi perhatian terhadap call to actions anda dan membuatnya lebih menonjol di halaman anda.

Jadikan Situs Modern Anda dengan Tema WordPress yang Bersih

Membuat situs web modern mudah dilakukan bila anda tahu apa yang membuat situs modern mengagumkan dan memiliki tool yang tepat untuk pekerjaan tertentu yang dibutuhkan. Gunakan tips di atas dan jelajahi koleksi tema WordPress yang clean agar situs anda aktif dan berjalan dengan cepat dan ciptakan kehadiran online modern.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.