Advertisement
  1. Web Design
  2. WordPress
Webdesign

Bagaimana Membuat Website Satu Halaman Sederhana: Dari Tema WordPress Paralaks

by
Length:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Kurniawan Sugi Purwanto (you can also view the original English article)

Website satu halaman adalah cara yang hebat untuk meneguhkan kehadiran online perusahaan Anda. Website tersebut memungkinkan Anda berbagi informasi penting tentang bisnis Anda secara ringkas, memungkinkan para pengunjung website untuk melihat segalanya dalam selayang pandang.

Salah satu alasan mengapa website satu halaman begitu menarik adalah karena adanya penggunaan efek paralaks untuk menambahkan daya tarik visual tanpa memperlambat website Anda. Ada lebih banyak manfaat kunci untuk mempertimbangkan pembuatan website satu halaman:

Mengapa Membuat Website Satu Halaman (Dengan Efek Paralaks)

Jenis website yang ini adalah pilihan hebat bagi tiap pemilik usaha yang tidak punya banyak waktu memelihara websitenya atau bisnis yang baru saja mulai. Freelancer yang sibuk atau agensi desain juga bisa mendapat manfaat dari menampilkan perusahaan mereka melalui website satu halaman.

Akhirnya, website satu halaman adalah hal yang sempurna untuk pengembang aplikasi atau perusahaan yang ingin menarik perhatian orang terkait peluncuran produknya. Karena website satu halaman biasanya disertai dengan banyak ajakan untuk bertindak, maka situs tersebut bisa menjadi cara yang hebat untuk membuat daftar email sebelum Anda siap untuk peluncuran resmi.

Seperti yang terjadi dengan WordPress, tidak ada kekurangan tema satu halaman yang memiliki efek paralaks yang indah. Dari tema serbaguna hingga tema portofolio dan korporat, Anda bisa menemukan tema satu halaman yang sesuai dengan bidang industri dan karakteristik bisnis Anda. Ada lebih banyak tema-tema top WP yang ditampilkan di sini:

Bagaimana Menggunakan Tema Paralaks Satu Halaman untuk Membuat Website Anda

Di artikel ini, saya akan menunjukkan cara menggunakan salah satu tema WordPress yang hebat itu untuk membuat website satu halaman sederhana dengan efek paralaks.

Apa yang Akan Anda Butuhkan untuk Memulai

Mari menelusuri langkah-langkah untuk membuat website satu halaman. Sebelum membuat situs Anda, ada beberapa hal yang akan Anda butuhkan sebelum memulai. Selain tema yang akan digunakan, Anda juga butuh untuk membeli nama domain dan rencana hosting. Direkomendasikan untuk menemukan seperangkat gambar yang bagus untuk dimasukkan ke website Anda agar bisa memaksimalkan manfaat efek paralaks. Sekarang, mari kita mulai:

1. Beli Nama Domain Anda

Sebelum segala sesuatu yang lain, Anda akan membutuhkan domain untuk website baru Anda. Website itu adalah rumah online dan wajah bisnis Anda. Jika Anda punya nama bisnis, pilihan yang jelas adalah dengan menggunakan nama bisnis Anda sebagai nama domain. Tapi jika Anda adalah freelancer yang menjalankan bisnis di bawah nama Anda sendiri, maka nama domain harus merefleksikan nama itu.

2. Pilih Rencana Hosting yang Berkualitas

Setelah Anda memutuskan nama domainnya, berikutnya adalah membeli rencana hostingnya. Sebagian besar perusahaan hosting akan mengizinkan Anda membeli nama domain sekaligus mendaftar untuk rencana hosting. Kenyataannya sebagian besar rencana yang ada akan menyertakan satu nama domain gratis untuk satu tahun. Rencana shared hosting cukup bagus untuk memulai dan Anda selalu bisa meng-upgrade rencana Anda lebih lanjut jika Anda memutuskan untuk berpindah ke website multihalaman.

3. Dapatkan Suatu Tema WordPress Satu Halaman yang Terbaik

WordPress menyediakan tema gratis dan premium, tetapi seringkali direkomendasikan untuk memilih tema premium. Tema premium WordPress mencakup dukungan khusus dari pengembang tema, artinya akan selalu diperbarui dan sesuai dengan praktek-praktek pengembangan terbaik. 

Jikalau Anda butuh bantuan terkait pengaturan tema, pengembang tema premium kemungkinan akan segera menghubungi Anda. Atau, Anda bisa membeli dukungan tema tambahan pada saat membeli.

Untuk tutorial ini, saya menggunakan tema yang hebat The Ark dari ThemeForest. Ini adalah tema satu halaman yang dilengkapi dengan beberapa demo tata letak yang berbeda:

The Ark WordPress theme with multiple layout options ready to use quickly
Tema The Ark WordPress dengan berbagai opsi tata letak, siap untuk dipakai dengan cepat.

Selain itu, tema ini sepenuhnya responsif sehingga situs Anda akan bisa ditampilkan di berbagai ukuran layar dengan sempurna. Tercakup juga di dalamnya suatu page builder yang akan mengizinkan Anda membuat dari nol tata letak website satu halaman yang sepenuhnya unik atau dengan mudah menambahkan bagian tambahan ke situs Anda dalam selayang pandang.

The Ark WordPress theme
Tema The Ark WordPress mengizinkan Anda untuk membuat website satu halaman dengan cepat.

Anda bisa menelusuri  berbagai tema satu halaman untuk mendapatkan yang Anda suka. Apabila Anda mendapati tema yang sesuai keinginan Anda, lanjutkan dan beli tema itu, lalu unduh file-file temanya ke komputer Anda.

The Ark one page WordPress theme comes with several demos
Tema The Ark WordPress dilengkapi dengan sejumlah demo.

4. Kompilasi Konten dan Gambar Anda

Hal terakhir dalam daftar kita adalah konten dan gambar. Meskipun mungkin website satu halaman itu memang terbatas dalam hal banyaknya konten yang bisa ditampilkan, Anda masih akan terbantu jika memiliki konten yang sudah ditulis sebelumnya daripada memikirkan konten ketika ada di lokasi.

Anda harus meluangkan waktu untuk mengumpulkan semua gambar yang akan Anda gunakan. Termasuk juga gambar latar belakang untuk bagian paralaks, yang itu bisa berupa foto ruang kerja, karyawan, atau bahkan produk Anda. Jangan lupa memasukkan foto klien-klien sebelumnya di bagian testimoni atau foto-foto anggota tim jika Anda ingin menambahkan lebih banyak sentuhan personal ke brand Anda.

Memulai

Begitu Anda selesai membeli rencana hosting dengan domain dan tema, tiba saatnya memulai website Anda. Langkah pertama adalah memasang WordPress, lalu tema Anda, berikut semua plugin yang dibutuhkan.

1. Memasang WordPress

Perusahaan hosting akan mengirimkan email selamat datang dengan semua informasi yang dibutuhkan tentang rencana hosting Anda. Klik tautan yang akan langsung membawa Anda ke halaman login cPanel. Masukkan nama pengguna dan kata sandi, dan kini Anda siap memasang WordPress.

  1. Di cPanel, cari Website Installer atau Fantastico Installer atau Softaculous Installer. Klik ikon WordPress dan kemudian klik tombol Install. Anda akan diminta memasukkan nama pengguna dan sandi lalu memilih domain untuk memasang WordPress.
  2. Pilih nama pengguna dan kata sandi yang kuat, kata sandi yang mengandung huruf besar dan huruf kecil serta angka dan simbol khusus. Catat nama pengguna dan kata sandi di tempat yang aman.
  3. Klik tombol Install sekali lagi untuk menyelesaikan proses pemasangan.

Apabila WordPress selesai dipasang, Anda akan melihat suatu layar pemberitahuan beserta tautan ke dasbor WordPress Anda. Klik tautannya lalu masukkan nama pengguna dan kata sandi yang Anda pilih selama proses pemasangan.

2. Memasang Tema WordPress Anda

Sekarang Anda sudah masuk ke website WordPress, klik Appearance > Themes > Add new. Di layar yang dimuat, pilih Upload Theme.

Installing your WordPress theme
Memasang tema WordPress Anda dengan cepat.

Klik tombolnya untuk memilih folder yang di-zip dan berisi file-file tema Anda kemudian klik Upload. Begitu temanya dipasang klik Activate.

3. Pasang dan Aktifkan Plugin-Plugin yang Disyaratkan

Setelah tema WordPress diaktivasi, Anda akan mendapat pemberitahuan bahwa ada plugin-plugin tambahan yang harus dipasang. Untuk memasangnya, klik Begin Installing Plugins, pilih semua plugin dan klik Install di menu drop down.

WordPress Plugins to Install
Plugin-Plugin WordPress untuk dipasang

Setelah itu, buka Plugins > Installed Plugins dan pilih semua plugin yang baru Anda pasang dan kali ini pilih Activate dari menu drop-down.

Activate your WordPress Plugins
Aktifkan Plugin WordPress Anda.

Bagaimana Melakukan Pengaturan Situs WordPress Satu Halaman Anda

Sekarang tema WordPress Anda telah diaktivasi dan plugin-plugin tambahan telah dipasang, tiba saatnya memodifikasi tema untuk menyesuaikan dengan brand Anda dan menambahkan konten. Salah satu cara termudah untuk melakukan ini adalah dengan mengatur website satu halaman Anda dengan salah satu tata letak yang sudah dibuat sebelumnya.

Untungnya, sebagian besar tema premium WordPress mencakup sejumlah tata letak yang telah dikonfigurasi, jadi yang Anda butuhkan adalah mengganti informasi yang ada dengan informasi Anda sendiri. Untuk tutorial ini, saya telah memilih demo utama karena adanya sejumlah besar tata letak yang telah dibuat sebelumnya, termasuk beragam tata letak satu halaman yang menarik.

Begitu demo pilihan Anda dipasang, Anda bisa mulai memodifikasi tema dan mengubah informasinya.

Pertama, klik Settings > Reading > Front Page Displays a Static Page dan pilih salah satu tata letak halaman (page layout) sebagai halaman beranda. Lalu pilih tata letak yang diinginkan untuk halaman kirimannya, setelah itu klik Save Settings.

Untuk mengganti kontennya, buka Pages > All Pages, pilih halaman berandanya dan klik Edit.

Untuk memodifikasi gambar yang digunakan di header, klik ikon Edit untuk bagian yang Anda ingin modifikasi kemudian pilih Box Model. Gulir ke bawah ke bagian Image atau Parallax dan ganti gambarnya dengan milik Anda. Ingatlah untuk menggunakan gambar yang tidak terlalu mengalihkan perhatian supaya website Anda bisa tampil beda dan menyampaikan pesan tentang perusahaan Anda.

Add your companys messaging
Tambahkan perpesanan perusahaan Anda ke WordPress.

Pertahankan agar kepala dan isi teks tetap singkat dan langsung ke tujuan karena Anda tidak ingin teksnya terlalu sulit dibaca pada gambarnya. Anda juga bisa mengubahsuai warna dan menyesuaikan batas serta pelapisan di area ini, termasuk juga memodifikasi font-nya.

Untuk mengedit konten demo, klik bagian yang berisi teks dan masukkan salinan teks Anda sendiri di Visual Editor. Ulangi saja proses ini untuk tiap bagian yang butuh penyuntingan. Ketika Anda menyunting bagiannya, klik tab element style dan masukkan suatu ID dengan huruf kecil di ID field. Ini akan membantu Anda menavigasi menu dengan cepat.

Adding ID attributes to your WordPress theme
Menambahkan atribut ID ke tema WordPress Anda.
Sebagai alternatif, Anda bisa memodifikasi tata letaknya lebih lanjut atau membuat dari nol dengan menuju Ark > Sitemap.

Submenu The Ark juga mencakup pilihan untuk memodifikasi header, footer, sidebar, dan lebih banyak lagi.

Setelah mengganti kontennya dengan milik Anda sendiri, mari mengatur menu navigasinya. Buka Appearance > Menus dan pilih One Page Navigation dari dropdown. Centang kotak di dekat Main Navigation di bawah Display Location dan klik Save.

Adding a menu to your one page WordPress theme setup
Menambahkan suatu menu ke pengaturan tema WordPress satu halaman Anda.

Klik Custom URL dan masukkan ID semua bagian yang sudah Anda namai selama proses penyuntingan konten di isian URL. Klik Update Menu dan navigasi Anda kini siap.

Langkah terakhir adalah memodifikasi tema WordPress untuk disesuaikan dengan branding Anda. Di dasbor, klik Ark > Theme Options. Di halaman ini Anda bisa mengubah kepala teks pilihan yang Anda ingin gunakan di situs Anda, memodifikasi warna, dan menambahkan font-font lain atau memilih Google Fonts.

Work with the WordPress theme Options panel
Bekerja dengan panel Options tema WordPress.

Camkan dalam pikiran bahwa warna-warna yang Anda pilih haruslah saling melengkapi, tetapi pastikan juga bahwa aksen warna Anda berbeda dari bagian-bagian halaman yang lain. Dengan begitu ajakan untuk bertindak Anda tetap menjadi fokus utama.

Bagaimana Menambahkan Bagian-Bagian Ekstra ke Website Satu Halaman Anda

Kalau Anda butuh menambahkan lebih banyak bagian lagi ke website satu halaman Anda, hal itu bisa dilakukan dengan mudah dengan membuka halaman anda, menggulir ke bagian paling dasar dan mengklik ikon untuk menambah bagian, baris, atau elemen lainnya.

Add sections to your one page website in your WordPress theme
Menambahkan bagian dengan cepat untuk website satu halaman di tema WordPress Anda.

Anda juga bisa membuat tata letak yang sepenuhnya baru dengan mengklik Pages > Add New > Use Fresh Builder dan menambahkan bagian sebagai elemen dengan cara yang Anda ingin menampilkannya. Tata letak baru juga bisa dibuat dengan membuka tombol tata letak Ark > Sitemap > Default Page dan mengklik tanda + di bagian dasar. Berikan nama ke templat Anda dan klik Save, lalu tambahkan bagian dan elemen yang Anda inginkan.

Adding a new page layout to your WordPress theme setup
Menambahkan tata letak halaman baru ke pengaturan tema WordPress Anda.

Dan dengan itu, pengaturan website satu halaman Anda sudah selesai. Sekarang Anda telah belajar cara membuat website satu halaman dari suatu tema WordPress, sekarang tiba saatnya untuk mulai menggerakkan traffic ke website Anda.

Apa yang Dilakukan Setelah Situs Anda Aktif (Promosikan)

Hanya karena wesbite Anda sudah aktif, tidak berarti orang akan langsung tahu bahwa mereka bisa menemukan bisnis Anda online. Langkah pertama adalah memperbarui profil media sosial Anda dan menambahkan tautan untuk situs Anda di bagian profil.

Cara mudah lainnya untuk mempromosikan website Anda adalah memasukkan tautan itu ke kartu nama Anda dan bahan lain yang mungkin Anda miliki seperti: kepala surat Anda, brosur, atau selebaran. Anda juga bisa memasukkan website baru Anda ke tanda tangan email karena email masih digunakan sangat banyak orang hari ini.

Meskipun demikian cara terbaik adalah dengan menambahkan blog dan menerbitkan konten secara berkala. Dengan itu Anda tidak hanya akan mendapatkan konten untuk dibagikan di media sosial, tetapi Anda akan terbantu untuk mendapatkan traffic ke website Anda, yang dengannya orang bisa mempelajari lebih banyak tentang apa yang Anda lakukan.

Memulai (Secara Cepat) Dengan Tema WordPress Satu Halaman yang Hebat

Suatu website bisnis tidak selalu harus berisi banyak halaman untuk menyampaikan informasi tentang produk dan layanan Anda. Terkadang, suatu website satu halaman lebih dari cukup untuk menimbulkan minat dari audiens target Anda dan mendorong mereka untuk menghubungi Anda. Manfaatkan kemampuan menyajikan informasi Anda pada satu halaman tunggal dan gunakan tema-tema premium WordPress kami untuk membuat website satu halaman yang hebat bagi bisnis Anda.

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.